angularJS的e2e和unit测试环境部署

来源：互联网发布：英语自学软件编辑：程序博客网时间：2024/06/05 06:03

先说明，angularJS的测试框架有两种：karma和Jasmine，且都支持。个人在部署环境时发现无论是karma还是Jasmine，对angularJS的测试都只是部署环境会有些不同，其余如对代码测试都是一样的，下面的案例是以karma框架作部署的。

1、在电脑安装node.js（我的开发环境是windows）

在http://nodejs.org/下载安装包msi，安装成功后，会在安装路径下会发现node自带的npm，然后可以用npm下载安装相关工具。

2、使用node自带npm安装karma

安装成功后的node会有自己的cmd窗口，如下图：

打开node.js command prompt ，然后cd D:\Program Files\nodejs（node安装路径），然后使用npm install -g karma，将karam导入开发环境。

3、要想做angular项目的e2e和unit测试，这里以官方例子为例——【angular-phonecat】（自己安装github，运行shell使用git命令下载案例）如下图：

在正式测试项目之前我们需要注意的几点步骤：

a、打开node.js command prompt

b、cd C:\Users\Administrator\Documents\GitHub\angular-phonecat（测试项目的所在路径）

c、node scripts/web-server.js（启动web服务，可以使用http://localhost:8000访问angular-phonecat目录下的文件）如：http://localhost:8000/app/index.html

d、再打开node.js command prompt

e、cd C:\Users\Administrator\Documents\GitHub\angular-phonecat\scripts

f、start test.bat

这里进行unit测试，其测试信息会打印在cmd窗口里（出错的话就按照其窗口提示的信息，缺少什么组件就安装什么）

成功会如下显示：

      info: Karma server started at http://localhost:9876/      info (launcher): Starting  browser "Chrome"      info (Chrome 22.0): Connected on socket id tPUm9DXcLHtZTKbAEO-n      Chrome 22.0: Executed 1 of 1 SUCCESS (0.093 secs / 0.004 secs)

需要注意的是运行unit测试需要事先

（1）创建一个环境变量CHROME_BIN，然后这个变量的值是你电脑安装chrome浏览器的路径如C:\Program Files\Google\Chrome\Application\chrome.exe（exe也要包含在内）

（2）npm install karma-junit-reporter--save-dev

g、start e2e_test.bat

这里进行E2E测试，其测试结果会打印在cmd窗口里（出错的话就按照其窗口提示的信息，缺少什么组件就安装什么）成功显示跟 f 说到的一样

需要注意的是运行unit测试需要事先npm install karma-ng-scenario --save-dev

e2e的测试结果也可以通过http://localhost:8000/test/e2e/runner.html查看