问题标签 [mocha-webpack]

我有一个最初使用 vue-cli 创建的项目，但后来转换为使用 mocha-webpack。我已按照此处的指南添加代码覆盖率：https ://github.com/zinserjan/mocha-webpack/blob/master/docs/guides/code-coverage.md

我正在尝试获取 .vue 文件的代码覆盖率，但在报告中任何 .vue 文件的路径都设置为 src/components/Component/src/components/Component

截至今天最新的所有包，所有其他配置与初始 vue-loader 相同。如果有人发现问题，或者甚至可以指出我正确的方向，将不胜感激。

脚本：

package.json 中的 nyc 配置：

webpack.test.conf.js：

vue-loader.conf.js：

webpack当我在命令行上编译我的应用程序时，它编译得很好。我的test-unit脚本工作正常，但我的test-functional脚本失败：

包.json：

webpack.config：

webpack.config.test-functional.js：

我想使用的原因mocha-webpack是我不必webpack在运行测试之前手动编译。据称，mocha-webpack在不保存 a 的情况下也可以进行编译bundle.js，这很方便。

错误的控制台输出

我在测试我的 Vue.js 项目时遇到问题。我们有 mocha-webpack 来编译和运行测试文件。代码编译但导致SyntaxError: missing ) after argument list错误。

我的同事和 Travis CI 能够编译和运行测试文件。我什至将这个 repo 克隆到另一个文件夹中，但我仍然有相同的结果。我认为这可能与全局安装的依赖项有关，但我不确定是否存在冲突。

全局依赖

单元测试时 Webpack 编译错误。我尝试修改测试文件还是这样，应该是webpack配置问题，测试报错组件错误

单元测试时 Webpack 编译错误。我尝试修改测试文件还是这样，应该是webpack配置问题，测试报错组件error webpack.test.config.js

代理.spec.js

错误

我似乎不知道如何让 mocha-webpack 检测我文件夹中的测试。我正在运行以下命令：

webpack.config-test.js

如果有帮助，我也在使用 vue-cli，所以已经有 webpack 配置，也许我可以只导入其中一个，然后做一些细微的改变。

正在发生的事情是，当我运行测试时，我的覆盖范围只显示bundle.js没有那么有用。

我有以下 webpack 文件设置，并想知道我应该更改哪些内容以便单独覆盖每个文件

webpack.config-test.js

通过 npm 运行命令：

目前的输出是：

而我期望输出是

在非 mocha-webpack 版本中，我还为每个测试添加了文件名，我希望这也发生在 webpack 版本中。所以没有webpack，我在 index.js 上运行，即

index.js

然后输出如下内容：

更新

有源映射，但它显示的比我想要的要多得多：https ://github.com/zinserjan/mocha-webpack/blob/master/docs/installation/webpack-configuration.md

我将如何减少它以便只输出正在检查的文件？

我的包中有两个文件夹，分别称为 components 和 Docs（从 Docs 文件中的 components 文件夹中导入了一些组件文件）。

我可以为组件文件编写单元测试用例。

但是当我为 Docs File 编写单元测试用例时，我遇到了下面提到的错误。

无法在 webpack.config.js 中加载 png 和 gif 图像

使用 Mocha-webpack 运行单元测试时出现此问题。
在这里，我粘贴了我的 webpack.config.js。
我该如何解决这个问题？

我也尝试过使用图像加载器来解决这个问题，它不起作用。
还有其他方法可以解决此类加载程序问题吗？

这是该问题的屏幕截图

我正在开发一个刚刚创建的带有 TypeScript 和单元测试的 Vue cli 项目。

我知道 Vue cli 测试使用mocha-webpack来运行测试。当我mocha-webpack在终端上键入时，测试运行正常。

但我想使用mocha-test-explorer，一个用于 mocha 测试的 VS Code 扩展。为了更好的编程体验。

我安装了扩展并配置如下：

但是我仍然看不到测试。test-explorer 显示休闲输出：

我知道那是因为 mocha 没有通过 webpack 加载文件。

我应该怎么做才能在 VSCode 的mocha-test-explorer扩展（或任何其他 gui 扩展）中看到mocha-webpack测试？

我目前正在为使用 @vue/cli-plugin-unit-mocha 运行单元测试的 Vue 项目设置测试环境。该项目使用 TypeScript 和 .vue 单文件组件。我已成功设置我的项目以运行单元测试并为 TypeScript 文件生成代码覆盖率报告，但是当我尝试为 SFC 添加测试时出现错误。

要生成覆盖率报告，我使用 nyc + istanbul-instruenter-loader。我认为我的配置对于常规 Typescript 文件是正确的，但是当它必须处理 .vue 文件时，istanbul-instrumenter-loader 会引发错误：

在我看来，.vue 文件似乎没有被正确转换/转译。

这是我的 package.json：

和我的 vue.config.js：

测试覆盖率失败的文件如下所示：

报告网格容器.spec.ts

由于 .vue 文件，Istanbul 抛出错误

任何帮助或指示将不胜感激！