前端测试-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源