码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-07-26 01:40:24      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:config   github   点击   相关   web浏览器   没有   代码   log   href   

用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

 

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

 

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

标签:config   github   点击   相关   web浏览器   没有   代码   log   href   

原文地址:http://www.cnblogs.com/kongxianghai/p/7233124.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!