前端测试-Karma

Karma简介

Karma是一个简单的工具,允许你在多个真实的浏览器上执行javascript代码。

但Karma产品的主要目标是在测试驱动开发(TDD)的项目中,结合前端测试框架(jasmine、Mocha等),使测试更加简单、快速和轻松。

Karma主要做了两点

  • Karma可以启动多个浏览器,加载并执行指定路径下的javascript代码
  • Karma能够自动监控指定路径下javascript代码的变化。一旦变化,自动加载执行。

如果前面两点的Javascript代码是测试代码,对Karma的目标就更容易理解了。

Git start

安装

Karma需要运行在node环境下,并在NPM包管理下

安装node环境

Mac或者Linux,推荐使用NVM。windows下,从官方网址下载
注意:Karma目前工作再node0.10,0.12.x,4.x和5.x环境下

安装Karma和插件

在本地项目目录下执行下面命令,安装Karma以及测试需要的插件(karma-jasmine 结合测试框架jasmine的插件;karma-chrome-launcher 启动chrome浏览器插件)

#安装Karma
$ npm install karma --save-dev
#安装测试项目需要的插件
$ npm install karma-jasmine karma-chrome-launcher  --save-dev

karma,karma-jasmine和karma-chrome-launcher包被安装到项目工作目录的node_modules目录下,并且保存他们到package.json的devDependencies依赖配置项中,因此其他开发者只需要在工作目录下使用npm install命令即可得到所有依赖的安装。

启动Karma

#Run Karma:
$ ./node_modules/karma/bin/karma start

或者输入那么长的启动命令让你很烦恼,你可以通过全局安装karma-cli,以使你可以在任何地方都可以简单的运行Karma

$ npm install -g karma-cli

配置

为了更好的满足测试,Karma需要知道你的项目以便测试它,你可以通过配置文件来想Karma描述你的项目

生成配置文件

配置文件能够由karma init命令来简单地生成

$ karma init my.conf.js

Which testing framework do you want to use ?
Press tab to list possible options. Enter to move to the next question.
> jasmine

Do you want to use Require.js ?
This will add Require.js plugin.
Press tab to list possible options. Enter to move to the next question.
> no

Do you want to capture a browser automatically ?
Press tab to list possible options. Enter empty string to move to the next question.
> Chrome
> Firefox
>

What is the location of your source and test files ?
You can use glob patterns, eg. "js/*.js" or "test/**/*Spec.js".
Press Enter to move to the next question.
> *.js
> test/**/*.js
>

Should any of the files included by the previous patterns be excluded ?
You can use glob patterns, eg. "**/*.swp".
Press Enter to move to the next question.
>

Do you want Karma to watch all the files and run the tests on change ?
Press tab to list possible options.
> yes

Config file generated at "/Users/vojta/Code/karma/my.conf.js".

配置文件也可以使用CoffeeScript来书写,事实上,你执行karma init *.conf.coffee,就可以生成一个CoffeeScript的配置文件

应用配置文件启动Karma

启动Karma时,把配置文件作为启动命令的第一个参数。
默认没有执行配置文件参数的情况下,Karma会查看当前目录下是否存在karma.conf.js或者karma.conf.coffee,如果存在则应用

# Start karma using your configuration:
$ karma start my.conf.js

我的git start项目

https://github.com/unnKoel/karma-gitstart

参考

http://karma-runner.github.io/0.13/index.html 官网
https://github.com/karma-runner/karma github源

    原文作者:common
    原文地址: https://www.jianshu.com/p/45f82cacff3a
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞