问题标签 [karma-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 回答
269 浏览

angular - 使用 Angular 4 CLI 添加外部依赖项以进行业力测试 - Lodash 案例

我在这里设置了一个简单的 Angular CLI 存储库来演示我的问题,https://github.com/hummorsa/angular-cli-lodash-test/

基本上在这个测试中:

}));

运行测试时出现错误,

TypeError:无法读取未定义的属性“sortBy”

这是代码:

}

所以基本上 karma 在做测试时没有得到 lodash 的参考。我尝试了其他答案的一些修复,但我无法使其工作。

看起来我需要在某个地方包含参考,不确定在哪里/如何做。

谢谢你的帮助。

0 投票
0 回答
282 浏览

angularjs - Karma-webpack angularjs typescript 在内联模式下损坏源映射

我有以下配置:

业力.conf.js

webpack.dev.js

tsconfig.json

有了这个配置覆盖,它可以正常工作:remap-instabul 正确地重新映射代码但是当我尝试在 Chrome 中调试单元测试时 - 源映射被破坏了。如果我在 tsconfig.json 中设置 sourceMaps: true 和 inlineSourceMaps: false - 源地图在 Chrome 中可以正常工作,但覆盖范围会被破坏:(

为了使源映射在单元测试和覆盖范围内都工作,正确的配置是什么?

0 投票
2 回答
5826 浏览

angular - Angular-CLI 代码覆盖率问题

我已经退出了我的 angular-cli 项目,并且无法让任何代码覆盖工作。我尝试了各种软件包和配置,但似乎找不到合适的组合。当我运行npm run test测试时,请成功运行并显示 Chrome 浏览器输出。我只想能够设置阈值并输出覆盖范围。

这是我的 package.json

这是我的 karma.conf.js

这是我的 webpack.config.js

0 投票
0 回答
532 浏览

angular - Karma 单元测试错误:您可能需要适当的加载程序来处理此文件类型

我正在尝试在 Typescript(Angular 4)中使用 Karma 和 Jasmine 进行一些单元测试。我正在做的项目主要是由其他人完成的(我正在一家公司实习),而我只开发了其中的一小部分。

问题是我需要做一些测试,测试组件,以及我能做的任何其他事情。我没有特殊要求。在尝试执行此操作时,我遇到了可能的问题,其中一个是下面的

我的测试组件。

如果我取消注释变量,我会收到以下错误

我的 karma.config.js 是

有人可以帮我解决这个问题。我想了两天想弄明白,但不能。这不是我第一次使用 Karma 进行测试

0 投票
1 回答
205 浏览

webpack - 使用 Docker 和 Webpack 时,Karma AutoWatch 不起作用

将 Karma 的 AutoWatch 与 Webpack 一起使用,通常它会在文件保存在 Webpack 入口点时重新运行所有测试。我所要做的就是autoWatch: true在 Karma 配置中设置。

一旦我将它放入 Docker 容器中,保存文件不会导致 Karma 重新运行测试。

这与我在使用 Webpack 和 Nodemon 时遇到的问题相同。在这两个配置中,我启用了在 Docker 中工作的轮询和文件监视。

如何使用 Karma AutoWatch 启用轮询,以便在使用 Docker 时本地文件系统上发生文件更改时重新运行 Webpack 测试?

0 投票
1 回答
575 浏览

webpack - 如何在 karma-webpack 中按块运行单元测试?

我们在项目中使用了以下技术:

angularjs+typescript+webpack+karma+phantomjs

我们在项目中有超过 1000 个单元测试在运行 bukarma-phantomjs-launcher并且在 Windows 机器上幻象崩溃,但以下例外:

是否可以将测试拆分为多个块并一个接一个地运行它们?

0 投票
1 回答
725 浏览

angularjs - 单元测试 angularjs - 如何注入服务依赖项?

我在 ThingBuilderService 中引入了 MyDataApiService 依赖项,现在 ThingBuilderService 测试失败。如何模拟 MyDataApiService 并在测试中告诉 ThingBuilderService?

测试:(我已经包含了显示我认为我需要做的部分的代码,但我不明白如何将这些部分组合在一起。

测试运行给出如下错误:

错误:[$injector:unpr] 未知提供者:MyDataApiServiceProvider <- MyDataApiService <- ThingBuilderService

和这个:

错误:未为 MyDataApiService 定义基本 URL

0 投票
1 回答
2500 浏览

angular - 模块构建失败:SyntaxError: 'import' 和 'export' 可能只出现在 'sourceType: "module"'

通过 angular-cli (ng test -cc) 运行具有代码覆盖率的测试时,业力会抛出以下错误。罪魁祸首似乎是伊斯坦布尔代码覆盖模块,因为在没有 -cc 的情况下运行测试不会导致任何错误。

错误(我已将本地路径替换为 ***):

包.json:

业力.conf.json

tsconfig.json

tsconfig.spec.json

请帮忙,因为我似乎无法找到解决方案,并且现在我也失去了在遇到此错误时不翻转桌子的能力。我这里的桌子用完了。

0 投票
0 回答
448 浏览

webpack - 即使我在 webpack 配置中有 devtool,我是否需要在 karma 中添加源映射预处理器

我有业力预处理器

我的 webpackConfigdevtool具有inline-source-map. 即使我从业力预处理器中删除源映射,我仍然能够看到映射的源文件。业力源图预处理器究竟做了什么?

这是我完整的业力配置

还有我的 webpack 配置

0 投票
1 回答
755 浏览

javascript - Karma-typescript Interface XXX 不能同时扩展类型' YYY

tsconfig.json的是

我已将其添加karma-typescript到我的配置中

使用 webpack,开发服务器和编译工作正常。

这是一个虚拟测试

运行测试时,我得到

node_modules/@types/react/index.d.ts(2736,19):错误 TS2320:接口“ElementClass”不能同时扩展类型“组件”和“组件”。“组件”和“组件”类型的命名属性“道具”不相同。

和那些类似。如果我删除settings.preprocessors['test-bundler.js'].unshift('karma-typescript');,那么测试运行良好(但是当我开始导入源文件时我无法预编译打字稿。

到底是怎么回事?tsconfig.json我的正常构建和开发服务器运行良好