如何进行angular的单元测试 angular 是什么意思

如何进行angular的单元测试

安装karma的时候会自动的安装一些常用的模块,参考karma代码里的package.json文件的peerDependencies属性，然后一个典型的运行框架通常都需要一个配置文件,在karma里可以是一个karma.conf.js,里面的代码是一个nodejs风格的

angular 是什么意思

angular 英[ˈæŋgjələ(r)] 美[ˈæŋɡjəlɚ]
adj. 有角的 用角测量的，用弧度测量的 生硬的，笨拙的 （人） 瘦削的
[例句]He had an angular face with prominent cheekbones.
他的脸棱角分明，颧骨突出。

angular guthub怎么运行单元测试

测试环境搭建
将grunt-karma添加到你项目的依赖中
npm install grunt-karma --save -dev

创建一个karma-unit.js文件
这里是一个karma-unit文件的例子
这个文件定义了如下内容：
* 将要被加载到浏览器进行测试的JS文件。通常情况下，不仅项目用的库和项目本身的文件需要包含在内，你所要测试的文件和mock文件也要在这里加载。
* 你想将测试运行在哪款浏览器中。
* 怎样接收到测试结果，是命令行里还是在浏览器中...？
* 可选插件。
以下是files这一项的例子：
files: [
"http://code.angularjs.org/1.2.1/angular.js", <-- angular sourc
"http://code.angularjs.org/1.2.1/angular-mocks.js", <-- angular mocks & test utils
"src/angular-stepper.js", <-- our component source code
"src/angular-stepper.spec.js" <-- our component test suite
]

注:这里可以添加jquery在里面，如果你需要它帮助你编写测试代码(更强大的选择器,CSS测试,尺寸计算…)
将karma grunt tasks添加到Gruntfile.js中
karma: {
unit: {
configFile: karma-unit.js,
// run karma in the background
background: true,
// which browsers to run the tests on
browsers: [Chrome, Firefox]
}
}

然后创建 angular-stepper.spec.js文件，将上面写的简单的测试代码粘贴进来。这时你就可以轻松运行grunt karma任务去观察你的测试在浏览器中运行并且在命令行中生成测试报告。
....
Chrome 33.0.1712 (Mac OS X 10.9.0): Executed 2 of 2 SUCCESS (1.65 secs / 0.004 secs)
Firefox 25.0.0 (Mac OS X 10.9): Executed 2 of 2 SUCCESS (2.085 secs / 0.006 secs)
TOTAL: 4 SUCCESS

上面有四个点，每个点都代表一个成功的测试，这时你可以看到，两个测试分别运行在我们配置的两个浏览器中了。
哦也~