我有一些测试文件,我想测试我的应用程序。
我正在尝试在我的测试中使用karma
,karma-webpack
,karma-babel-preprocessor
,karma-chrome-launcher
和jasmine
。我的应用程序取决于很多内容,包括backbone
,marionette
等。我的应用程序是使用webpack
构建的,我正在尝试使用webpack
将我的文件捆绑在一起测试。 (我最初想看看我是否可以跳过这一步,即只是import
要测试的文件,但似乎这是不可能的。)
我的测试脚本看起来像
package.json (脚本部分)
"test": "./node_modules/karma/bin/karma start",
其余文件:
karma.conf.js
var webpackConfig = require('./config/webpack/webpack.test.conf.js');
module.exports = function(config) {
config.set({
basePath: '',
frameworks: ['jasmine'],
files: [
{ pattern: 'test/**/*.spec.js', watched: true },
{ pattern: 'test/*.spec.js', watched: true }
],
exclude: [
],
preprocessors: {
'test/**/*.spec.js': ['webpack'],
'test/*.spec.js': ['webpack']
},
webpack: webpackConfig,
webpackMiddleware: {
stats: 'errors-only'
},
reporters: ['progress'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false,
concurrency: Infinity
})
}
test / test.spec.js 此文件可见
describe("A suite", function () {
it("contains spec with an expectation", function () {
expect(true).toBe(true);
});
});
describe("Another suite", function () {
it("contains another spec with an expectation", function () {
expect(true).toBe(false);
});
});
test / models / devicegroup.spec.js 此文件未显示
import backbone from 'backbone';
describe("backbone", function () {
it("containsasdfasdfasdfasdfspec with an expectation", function ()
{
expect(true).toBe(false);
});
});
我的文件夹结构是:
- karma.conf.js
- test/
- - test.spec.js
- - models/
- - - devicegroup.spec.js
- public/
- - js/
- - - app.js
当我的文件顶部没有import
个语句时,业力会按预期运行并通过/失败。在顶部放置import
语句将导致业者忽略该文件。没有错误被抛出。
如何让karma / karma-webpack运行我的具有import语句的测试/将模块导入我的测试的业力安全方法是什么?
当 test / models / devicegroup.spec.js 没有import
声明时:
// import backbone from 'backbone';
describe("backbone", function () {
it("contains with an expectation", function () {
expect(true).toBe(false);
});
});
终端输出为:(注意少运行一次测试)
当 test / models / devicegroup.spec.js 确实有import
语句时:
import backbone from 'backbone';
describe("backbone", function () {
it("contains with an expectation", function () {
expect(true).toBe(false);
});
});
终端输出为:
我看到Karma打开的浏览器没有错误。
编辑:
我已根据this repo example将源文件添加到files
文件中的preprocessors
和karma.conf.js
属性进行了实验。除了大量增加的测试时间之外,行为没有变化。
karma.conf.js
files: [
{ pattern: 'public/js/**/*.js', watched: true},
{ pattern: 'test/**/*.spec.js', watched: true },
// each file acts as entry point for the webpack configuration
],
preprocessors: {
// add webpack as preprocessor
'public/js/**/*.js': ['webpack'],
'test/**/*.spec.js': ['webpack'],
},
EDIT2:
为了实验(and based off this person's struggles),我在每个可能的组合中尝试了上面的karma.conf.js - 只在files
和preprocessors
中测试文件,只有源文件,测试文件在一个但不是另一个,源文件在一个但不是另一个,没有,两者。没有好的结果,虽然偶尔会出现新的错误。
答案 0 :(得分:3)
来晚了,但是我遇到了同样的问题,并且搜索了几个小时,为什么我的导入阻止了测试套件的执行。 karma-webpack-4.0.0-rc.2通过提供错误消息 !!
带来了启发我的情况是找不到几个模块,angular-mock
,jquery
,angular
等。
如何修复
将以下模块放入您的karma.config中的文件数组中,例如:
files = [
"node_modules/jquery/dist/jquery.js",
"node_modules/angular/angular.js",
"node_modules/angular-mocks/angular-mocks.js",
{ pattern: "test/**/*.ts", watched: false }
我希望这会对某人有所帮助。
编辑
我当前与测试有关的软件包的版本:
"@types/jasmine": "^2.8.8",
"jasmine": "^3.2.0",
"jasmine-core": "^3.2.1",
"jasmine-reporters": "2.3.2",
"jasmine-ts": "^0.2.1",
"karma": "3.0.0",
"karma-chrome-launcher": "2.2.0",
"karma-jasmine": "1.1.2",
"karma-junit-reporter": "1.2.0",
"karma-phantomjs-launcher": "1.0.4",
"karma-sourcemap-loader": "^0.3.7",
"karma-spec-reporter": "0.0.32",
"karma-webpack": "^4.0.0-rc.2",
"typescript": "3.0.3",
"webpack": "4.17.2",
"webpack-cli": "^3.1.0",
"webpack-dev-server": "3.1.8"