Linux下Vue项目搭建karma测试框架

前提：vue项目已建立，node.js、npm已安装

一、全局安装karma脚手架 karma-cli  【貌似能够不安装】

#npm i -g karma-cli

二、转到Vue项目目录，项目下安装karam包

#npm i --save-dev karma

好像npm i --save-dev karma安装失败了，运行一半卡死了，而后我又用了3的命令

三、install karma

#npm install karma --save-dev

 

四、查看karma安装状况

#karma --version

 

五、建立测试框架，自动生成 karma.conf.js：

#karma init

根据提示配置如下信息：

• testing framework 测试框架：选用mocha
• 使用Require.js：不使用
• 监控的浏览器：选用Chrome、FireFox、IE
• 要测试文件路径：src/**/*.js    test/**/*.js 【这里参照的别人的，可是vue应该要包括组件的测试，这才是最重要的TODO】
• 是否开启检测：yes【开启了检测，当测试文件修改，会从新进行测试】

 

六、 编写测试文件【参考的vue官网：https://cn.vuejs.org/v2/guide/unit-testing.html】

•  用VSCode打开vue-project项目

• 在src下编写一个hello.vue

• 相同目录下编写hello.js

 

七、进行测试：

#npm run unit    

 

【这里的命令可能用的不对，是从package.json查看的命令，先暂时记录吧】