问题标签 [mocha-webpack]

我想将 mocha 作为单元测试插件添加到我已经创建的 vue 项目中，该项目是使用 CLI 3 构建的，即 vue create myProj

这是针对 vue CLI 3.0.0+ 的，我当前的项目正在其中运行

以下是我运行命令时的错误

~$ vue 添加单元-摩卡

因此根据https://www.npmjs.com/package/@vue/cli-plugin-unit-mocha上的 NPM 文档

它说要运行命令 ~$ vue add unit-mocha 在已经创建的项目中添加 mocha 单元测试插件，但是我在 CLI 中收到 404 错误，说 npm 目录不存在

我正在尝试为使用vue-class-component装饰器以 TypeScript 编写的 VueJS 组件生成代码覆盖率，并为组件的实际逻辑使用单独.ts的文件。例如，对于一个 VueJS 组件，我实际上有两个文件，一个.vue带有 HTML 模板的文件，它将.ts包含数据/属性/方法的文件调用到类组件中。

对于我正在使用的运行测试vue-test-utils，mocha-webpack代码覆盖率是使用istanbul/nyc.

这是我的package.json测试特定配置：

这里是我的 webpack 配置文件中的覆盖规则：

最后还有一个 VueJS ProgressBar 组件的测试摘录：

该组件的测试运行良好，但是该ProgressBar组件未在我的报道中列出。

我发现覆盖类组件的唯一解决方法是在测试中实际实例化它们（例如progressBar = new ProgressBarClass()），但这违背了 vue-test-utils 的目的......有什么想法吗？

非常感谢您的帮助！

我在 Laravel 5.7 中使用 vuejs 来构建一个 SPA。我正在使用 mocha-webpack 和 vue-test-utils 编写一些 vue 组件测试。

测试似乎无法将样式表导入组件。例如：我有一个 ExampleComponent.vue，其中包括以下内容：

运行时npm run test出现以下错误：

我不知道为什么它不理解别名@。这是我的 webpack.mix.js：

任何帮助，将不胜感激

我将在 Laravel 应用环境中测试 vue 组件。

我的 package.json “脚本”如下：

当我运行“npm run test”时，它显示一个带有以下错误的调用堆栈。我做错什么了吗？