vue项目中增加单元测试的方法

我从网上找到了很多关于单元测试的例子，分别是在构建新项目时如何添加单元测试，以及如何在vue-cli中添加单元测试。但是，我的项目已经生成，无法再次重新初始化。这个时候我遇到了很多坑，我就在这里写下我的经历。

1.使用vue-cli生成一个新项目，并将单元测试所需的文件直接复制到您的项目中

vue init网络包vuetest

2.安装Karma摩卡模块。这个模块依赖很多。我遇到了一个坑。解决了很久的问题，发现某个模块不见了。这里列出了所有必需的模块

复制代码如下： NPM I-D Karma-Web Pack Phantom JS-预建Karma-Phantom JS-启动器Karma-Phantom JS-Shim Karma-Chrome-启动器Karma-源图-Loade r摩卡Karma-摩卡西农柴西农柴西农-柴西农-柴西农-柴西农-规范-记者Karma-报道

3.修改package.json并在脚本中添加启动代码

单元' :' karma开始测试/单元/karma . conf . js-单次运行'，4。修改测试目录中的index.js文件。这是我遇到的最大的坑，已经解决很久了，总是提示一个错误在。scss文件。这是解决办法。

const srcContext=require . context('././src '，真，/^\.\/(?main(\。js)？$)/)更改为：

const src context=require . context('././src '，true，/\。\/(style $)/)应该是因果报应。为了测试代码覆盖率，除了main.js之外的所有文件都是最初加载的，所以我删除了style

5.可以复制vue-cli生成的项目文件进行测试，如下图所示，配置路由测试单元测试模块是否安装成功。

6.在项目中运行以下命令来启动单元测试

国家预防机制运行股

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。