问题标签 [mocha-webpack]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1828 浏览

webpack - 如何排除“node_modules”

如何node_modules从运行中排除?

摩卡-webpack

我认为那webpack-node-externals是为了这项任务。这是我的webpack.test-config.js

我从以下位置运行测试package.json

"test": "mocha-webpack --webpack-config webpack.config-test.js \"**/test/*.test.js\"",

0 投票
0 回答
396 浏览

jquery - Mocha +酶测试React组件占位符错误

我正在尝试测试依赖于 jquery-placeholder 的 REACT 组件,我已将 jsdom-setup 设置为 mocha 要求,我确实有其他使用 mocha + chai + react + 酶运行的测试,但是当我尝试安装时该组件没有使用酶的浅层,而是由于 jquery 占位符插件而失败。

现在,每当我尝试直接在组件上要求 jquery-placeholder 时,它无法加载组件并出现窗口未定义的错误,或者在访问 $.fn.placeholder 时无法访问未定义的属性,所以它可能是我的 jsdom-setup 上的东西,但我不确定它是什么,你能帮我弄清楚如何将占位符 jquery 插件添加到 mocha 所需的 jsdom-setup 或组件本身,以便我可以正确测试。

我正在从 npm 加载 jquery-placeholder 包,并使用 REACT 0.14.8

这是我的 jsdom-setup.js 文件:

组件的这个要点(为简洁起见,省略了一些):

这是我想做的测试:

以防万一这是我的 gulp 测试:

0 投票
0 回答
272 浏览

javascript - 使用 superagent 进行 mocha-webpack 单元测试

我使用 mocha-webpack 对外部 api 进行单元测试,并使用 superAgent 进行我的 ajax 请求。我做了2个测试:

但它不起作用。

在前面,我没有问题,我可以与 superAgent et 显示数据通信,但不能与测试通信。

我的 webpack 配置,我有:

新测试:

测试成功

新测试:

测试错误:

每个人都有同样的问题吗?

0 投票
1 回答
878 浏览

angular - istanbul with mocha-webpack missing sourcemaps

I'm building a project that uses mocha-webpack to test an Angular 2 project, and I'm trying to add coverage to the project using Istanbul's command line (nyc), but I can't figure out how to get Istanbul to correctly display the covered source when clicking through the html report. Is there something I'm missing in my configuration? Do I need to use Babel/Karma in order to correctly map these?

webpack.js

package.json (pieces omitted for brevity)

mocha-webpack.opts

With this configuration, I get an html coverage report, but when I click into one of the classes, I get the following error:

0 投票
1 回答
688 浏览

node.js - 如何获得在 vuejs 组件单元测试中定义的“this”变量

我正在尝试在 npm 脚本中使用 mocha-webpack 来测试 vuejs 组件。我在测试中像这样嘲笑 vuex 商店:

我在组件上调用一个方法来测试,例如:

在组件中,我有访问商店的代码,例如:

问题是当它到达这一点时,我得到了这个错误:

我验证了“this”在这种情况下是未定义的。当我运行应用程序时,“this”被定义并具有“$store”。我怎样才能使它在单元测试上下文中工作?

0 投票
1 回答
2387 浏览

javascript - 带有 webpack 的 Mocha 无法解析模块

我试图在我的项目中运行 mocha 测试。当我执行 npm 命令时,我得到下一个错误:

我的 package.json 文件是:

我在Angular 2官方配置中使用webpack配置教程。这是mi项目结构: 在此处输入图像描述在此处输入图像描述

我的 mocha-test-shim.js 配置文件是:

webpack.common.js 文件是

而 webpack.test.js 是:

知道为什么我会收到此错误吗?

0 投票
0 回答
227 浏览

mocha.js - mocha-webpack 忽略了我的 webpack.config.js?

我正在使用带有 mocha-webpack 的 npm 5.2.0 来运行我的测试。但是,我的 webpack.config.js 似乎被忽略了,因为我的 webpack.config.js 文件中没有使用 Aliases 的各种错误。

我的 package.json 命令:

我的 mocha-webpack.opts:

我的 mocha-webpack.opts 正在使用,因为错误输出为红色。我也尝试过

这仅包含所需的 webpack 内容:babel en aliases,但会出现相同的错误。

一些错误:

知道如何解决这个问题吗?(我按照网上的例子和 npm mocha-webpack 页面,但无法解决)。

0 投票
0 回答
590 浏览

reactjs - mocha-webpack - 加载测试时出现运行时异常

运行测试时出现此错误:

我有一个使用 mapbox.js 和 leaflet.js 的反应组件。当我有上述错误时

在文件的顶部。componentDidUpdate但是如果我把它移到

然后测试正常运行。我认为这可能表明 DOM 不可用存在问题,但即使在我的测试设置中使用 jsdom 也不能解决问题。

我的测试非常简单:

0 投票
1 回答
681 浏览

unit-testing - Vue.js (Mocha/Chai/Sinon) 组件单元测试预期失败

我正在尝试测试一个组件(Mocha/Chai/Sinon 框架),但我收到一个断言错误,我找不到它引发此错误的原因。我想在 'input.dispatchEvent(enterEvent)' 被触发后我错过了一些东西。 ..

ChangeTitleComponent.spec.js

更改标题组件.vue

vuex/actions.js

vuex/mutations.js

vuex/mutation_types.js

0 投票
1 回答
1513 浏览

webpack - mocha-webpack ReferenceError:未定义窗口

我使用 NodeJS 和 mocha-webpack 作为测试工具。然后我在终端中收到错误:

我在 package.json 中有:

什么是问题和解决方案?