问题标签 [karma-webpack]

我正在js通过 webpack 构建文件。装载机之一是eslint. 无论eslint构建是否失败，Karma 都会尝试开始测试。有什么办法可以防止它并抛出一次错误？

业力配置看起来像：

我有一个 React 项目并使用 Webpack 1.13.1 来捆绑我的代码。我想在 3.0.2 中编写一些测试并使用 Karma 1.2.0 在浏览器中运行这些测试。我尝试使用 karma-webpack 插件，但是如果我运行测试，我会在控制台中收到以下错误：

业力.config.js

webpack.karma.js

包.js

单元.js

项目结构

我正在使用 Karma-Webpack 来运行我的 Angular 2 规范。

https://github.com/webpack/karma-webpack

当我在 Chrome 中使用 karma 执行测试时，我的规范的源文件在调试器中显示为可读。但是，被测系统文件（我的应用程序源）是不可读的。

我正在使用 karma-sourcemap-loader 并按照说明将 devtool 设置为“inline-source-map”。什么可能导致这个问题？

这个构建是在 AngularClass angular2-webpack-starter 之后建模的。 https://github.com/AngularClass/angular2-webpack-starter

调试器中的规范文件：

调试器中的 SUT 文件：

webpack.test.js

业力.conf.js

规范-bundle.js

我正在使用karma-webpack并且正在重构一个 React 组件以在多个地方使用。我将组件移动到它自己的文件中，因此我可以通过在稍后包含在我的页面中的 HOC 中应用/来导入它并以不同的方式连接它。mapStateToPropsmapDispatchToProps

这是场景：

EventTable- imports EventTableComponent，exports connected/wrapped 组件 -s EventTableComponent，exports ed/wrapped 组件 MyEventTable-定义共享的道具/行为以呈现数据行importconnectEventTableComponent

当我git mv对 EventTable 进行EventTableComponent重构并重构代码以使connected内容位于 HOC 中时，测试开始无法EventTableComponent 仅karma-webpack导入. Chrome 运行良好，视图渲染完美。QA 很高兴，或者会很高兴，但是我的构建失败了。

构建失败是因为和组件WrappedComponent未定义，这导致在概要 ( ) 中抛出消息，但我什至没有将这些文件中的任何一个导入我的测试！相反，它在构建 karma webpack 时失败，但在运行任何测试之前。EventTableMyEventTableconnectcannot read displayName of undefined

我通过破坏视图并像这样进行“假”/“替换”来修复本地构建：

构建通过。

所有这一切中最令人困惑的部分？我什至根本不测试 HOC 。我只将 EventTableComponent 导入到测试中，但是karma-webpack，正如Redux Documentation 中所建议的那样。

我写了一个最小的示例要点来说明： https ://gist.github.com/zedd45/cbc981e385dc33d6920d7fcb55e7a3e0

我正在尝试使用 Webpack、Babel 和 Karma 设置项目，但在正确配置源文件的测试覆盖率时遇到问题。

我正在使用 Webpack 捆绑和转译我的 javascript 文件，使用 babel-loader 和带有 karma-webpack 的 Karma 来运行我的测试。

问题是我不能将我所有的源文件都包含在覆盖范围内，只有我在测试文件中导入的那些。我正在使用babel-plugin-istanbul来检测我的 es2015 代码。

这是我的 webpack 配置文件：

还有我的业力配置文件：

这是我的.babelrc文件，我在其中配置 babel-plugin-istanbul：

我错过了什么吗？

提前致谢！

我有以下 karma.conf ......

和下面的 webpack...

但是由于某种原因，当我跑步时，karma run我得到...

如果我做

进入类似...

我明白了

路径：'/_karma_webpack_/src/main/coffee/utilities/view/My.coffee'}

错误：没有这样的文件或目录

更新

好的，这就是我可以告诉 webpack 在我的情况下没有运行的交易。这就是为什么转译不起作用的问题仍然是为什么？

我这样做几乎完全像https://github.com/AngularClass/angular2-webpack-starter。唯一的问题是，当我像他们一样引用 karma conf 时，它不起作用module.exports = require('./config/karma.conf.js');。如果我将实际的 karma conf 移动到根文件夹中似乎没有问题（它当前位于src/build/karma.conf.js）

更新 2

我试图将 webpack.test.js 移动到根文件夹并尝试配置以再次使用该文件，但它仍然失败，所以我必须回到 webpack.config.js

webpack.test.js

webpack.config.js

我创建了一个简单的Webpack + Typescript + Karma应用程序，但我无法让代码覆盖率正常工作。对于像这样的项目和此处提供的其他信息，您可以看到我尝试过...

但是当我运行时，karma start test/karma.conf.js我看到 100% 并且没有列出任何文件。我错过了什么？

使用 typescript运行react redux 应用程序时，当使用 istanbul-remap运行karma webpack 以映射回 typescript 源代码时，我会得到不正确的覆盖结果。

例如，我向反应单元测试添加了一个更改，使代码不再进入mapStateToProps和mapDispatchToProps（忽略 redux 流程）。不使用 remap 我得到正确的覆盖率减少，如下所示：

使用 remap 我得到不正确的覆盖结果：

我目前正在尝试为我正在研究的一个小型 NodeJS API 设置一个单元测试环境。这个 API 是用 ES6 编写的，它使用 express 来处理请求。

到目前为止，我使用的测试结构是：

• 业力
• 茉莉花
• 业力-webpack
• 通天塔装载机

它适用于我的大多数规格。

问题是当我尝试为路由器（来自 Express）编写规范时，我收到以下错误：

这些是我正在使用的文件：

业力.conf.js

authRouter.js

authRouter.spec.js

有人能帮我吗？

提前致谢

我无法使用 karma 和 webpack 调试 mocha 单元测试。我安装了 Karma 插件和 chrome 扩展。但是当我调试时，IDE 会忽略任何断点。

单元测试示例：