我正在尝试对我的打字稿项目进行单位测试(使用业力 茉莉 业力型)。项目结构如下:
root
|- src/*.ts //all TypeScript source files
|- tests/unit/*.spec.ts //all spec (test) files
|- karma.conf.js
|- tsconfig.json
我的karma.conf.js
看起来如下:
module.exports = function (config) {
config.set({
basePath: '',
frameworks: ['jasmine', "karma-typescript"],
karmaTypescriptConfig: {
tsconfig: "./tsconfig.json"
},
files: [
'src/*.ts',
'tests/**/*Spec.ts'
],
exclude: [],
preprocessors: {
"**/*.ts": ["karma-typescript"]
},
reporters: ["progress", "karma-typescript"],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false,
concurrency: Infinity
})
}
我的规格文件看起来如下:
import 'aurelia-polyfills'; //<- importing this, as the project have dependency on Aurelia
// import "babel-polyfill";
import "reflect-metadata";
import "jasmine";
import { Utility } from './../../src/Utility';
describe("this is a try to set up karma-jasmine-webpack test (TS)", () => {
it("utility_test", () => {
const result = Utility.doSomething();
const expected = Expected_Result;
expect(result).toEqual(expected);
});
});
但是当我运行karma start
时,我得到
Chrome 55.0.2883 (Windows 10 0.0.0) ERROR
Uncaught TypeError: Reflect.getOwnMetadata is not a function
at C:/Users/spal/AppData/Local/Temp/karma-typescript-bundle-16376WqjdFvsYtjdI.js:2325
我认为,这是因为Pollyfill(S)未加载在浏览器中。但是,我的规格文件中有import
ED aurelia-pollyfills
。
请建议如何纠正。
更新:任何对此进行回答的人,也可能面临karma-remap-istanbul
的源地图(Error: Could not find source map for:''
)问题,试图生成覆盖范围报告。
避免此问题的一种方法是简单地删除有问题的记者插件。例如,将reporters: ['mocha', 'coverage', 'karma-remap-istanbul']
更改为reporters: ['mocha', 'coverage']
。
其他解决方案是生成源图。如果您无法在tsconfig.json
中指定相同的内容,则可以在karma.conf.js
中指定,如果您使用的是karma-typescript
:
karmaTypescriptConfig: {
tsconfig: "./tsconfig.json",
compilerOptions: {
sourceMap: true
}
}
最后,我最终得到了reporters: ["mocha", "karma-typescript"]
,因为它显示了通过了哪些测试,哪些测试失败了,并生成了覆盖范围报告。
您可能缺少reflect-metadata
导入:
$ npm安装-Save-Dev反射式米达塔
然后将以下内容添加到您的files
:
files: [
{ pattern: "node_modules/reflect-metadata/Reflect.js", include: true },
{ pattern: "src/*.ts", include: true },
{ pattern: "tests/**/*Spec.ts", include: true }
]