在vue-cli生成的项目中使用karma+chrome进行单元测试

Posted 2020-09-29 白色的海

用vue-cli生成项目时，如果选择了单元测试，那么会采用karma+mocha作为单元测试框架，默认使用的浏览器是PhantomJs。

• Karma是一个基于Node.js的javascript测试执行过程管理工具（Test Runner）。可启动所有主流Web浏览器作为测试容器，运行时会启动一个web服务器，生成包含js源代码和js测试脚本的测试页面，运行浏览器加载测试页面，并显示测试的结果。
• mocha是一款JavaScript测试框架，提供一套函数来帮助编写测试用例，并通过运行执行测试并得到结果。
• PhantomJs是基于webkit内核的无UI界面的浏览器 ，即它就是一个浏览器，只是其内的点击、翻页等人为相关操作需要程序设计实现。

浏览器支持参考：

http://karma-runner.github.io/0.13/config/browsers.html

https://github.com/karma-runner/karma-chrome-launcher

 

因为是要在chrome环境里跑测试，所以需要安装chrome对应的luncher。

 

如果没有安装karma-cli，则需要全局安装。

npm install karma-cli -g

 

 安装chrom-luncher。

npm install karma-chrome-launcher --save-dev

 

装完后就可以写测试代码并执行测试了。