【发布时间】:2017-09-15 18:01:47
【问题描述】:
我正在尝试在 Typescript 环境中使用 Jasmine 和 Karma 编写单元测试。
我已经安装了 karma、karma-typescript、karma-jasmine、jasmine 和 jasmine-ts。
我已将自定义 tsconfig.json 添加到 spec 目录并在 karma-typescript 设置中使用它。
一般来说,我的测试可以正常工作,但是它不会执行我的规范助手。
我是否缺少一些东西来执行我的规范助手?
供您参考,这是我的配置:
karma.conf.js:
module.exports = function (config) {
config.set({
// base path that will be used to resolve all patterns (eg. files, exclude)
basePath: '',
// frameworks to use
// available frameworks: https://npmjs.org/browse/keyword/karma-adapter
frameworks: ['jasmine', "karma-typescript"],
// list of files / patterns to load in the browser
files: [
"spec/helpers/chai.ts",
{pattern: "src/**/*.ts"},
{pattern: "spec/**/*.ts"}
],
// list of files to exclude
exclude: [],
// preprocess matching files before serving them to the browser
// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
preprocessors: {
"src/**/*.ts": ["karma-typescript"],
"spec/**/*.ts": ["karma-typescript"]
},
karmaTypescriptConfig: {
bundlerOptions: {
entrypoints: /\.spec\.ts$/
},
tsconfig: "./spec/tsconfig.json",
coverageOptions: {
exclude: [/\.(d|spec|test)\.tsx?/, /\/spec\//]
}
},
specReporter: {
maxLogLines: 3, // limit number of lines logged per test
suppressErrorSummary: true, // do not print error summary
suppressFailed: false, // do not print information about failed tests
suppressPassed: false, // do not print information about passed tests
suppressSkipped: true, // do not print information about skipped tests
showSpecTiming: false, // print the time elapsed for each spec
failFast: false // test would finish with error when a first fail occurs.
},
// test results reporter to use
// possible values: 'dots', 'progress'
// available reporters: https://npmjs.org/browse/keyword/karma-reporter
reporters: ['spec', "karma-typescript", "kjhtml"],
// web server port
port: 9876,
// enable / disable colors in the output (reporters and logs)
colors: true,
// level of logging
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
logLevel: config.LOG_INFO,
// enable / disable watching file and executing tests whenever any file changes
autoWatch: true,
// start these browsers
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
browsers: ['Chrome'],
// Continuous Integration mode
// if true, Karma captures browsers, runs the tests and exits
singleRun: false,
// Concurrency level
// how many browser should be started simultaneous
concurrency: Infinity
})
}
jasmine.json(虽然我感觉没用过):
{
"spec_dir": "spec",
"spec_files": [
"**/*[sS]pec.ts"
],
"helpers": [
"helpers/**/*.ts"
],
"stopSpecOnExpectationFailure": false,
"random": false,
"reporters": [
{
"name": "jasmine-spec-reporter#SpecReporter"
}
],
"project": "./spec/"
}
tsconfig.json 在根目录中:
{
"compilerOptions": {
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"lib": [
"es6",
"dom",
"es2015.promise"
],
"module": "commonjs",
"target": "es5",
"sourceMap": true,
"outDir": "./dist/",
"noImplicitAny": false,
"allowJs": true,
"baseUrl": "src",
"typeRoots": [
"node_modules/@types",
"typings"
]
},
"include": [
"src/**/*"
]
}
tsconfig.json 在规范文件夹中:
{
"extends": "../tsconfig.json",
"compilerOptions": {
"typeRoots": [
"../node_modules/@types",
"typings"
]
},
"include": [
"./**/*",
"../src/**/*"
]
}
spec/helpers/chai.ts 是 karma 未执行的规范助手。
该文件的内容是:
import * as chai from "chai";
import chaiThings = require("chai-things");
import chaiInterface = require("chai-interface");
chai.should();
chai.use(chaiThings);
chai.use(chaiInterface);
请参阅https://github.com/dhilgarth/mjt 了解独立示例。
【问题讨论】:
-
如何运行测试?确切的命令行是什么?
-
karma start --single-run或karma start -
它确实在加载你的 chai.ts 助手吗?告诉 Karma 打开一个您可以与之交互的浏览器,例如Chrome、Firefox 等……一旦浏览器加载了 karma 运行器,打开开发工具并检查测试运行器是否正在网络面板上加载椅子助手。我注意到您明确声明 thar Karma 没有执行您的助手。只是想确认它至少先加载它。
-
@DanielLane:是的,它正在加载文件的编译版本 - 即 js 版本。
标签: typescript jasmine karma-runner karma-jasmine