大家好，在此先感谢您阅读。
我在本地手动执行单元测试，以及在天蓝色的devop上运行这些测试以及在sonarqube上报告结果时遇到一些问题。
运行ng test时出现以下错误：
Chrome 71.0.3578 (Windows 10.0.0) ERROR
{
"message": "Uncaught TypeError: Cannot read property 'fn' of undefined\nat http://localhost:9876/_karma_webpack_/scripts.js:122:12\n\nTypeError: Cannot read property 'fn' of undefined\n at setTransitionEndSupport (http://localhost:9876/_karma_webpack_/scripts.js:122:12)\n at http://localhost:9876/_karma_webpack_/scripts.js:200:5\n at http://localhost:9876/_karma_webpack_/scripts.js:202:4\n at http://localhost:9876/_karma_webpack_/scripts.js:9:4\n at http://localhost:9876/_karma_webpack_/scripts.js:10:2",
"str": "Uncaught TypeError: Cannot read property 'fn' of undefined\nat http://localhost:9876/_karma_webpack_/scripts.js:122:12\n\nTypeError: Cannot read property 'fn' of undefined\n at setTransitionEndSupport (http://localhost:9876/_karma_webpack_/scripts.js:122:12)\n at http://localhost:9876/_karma_webpack_/scripts.js:200:5\n at http://localhost:9876/_karma_webpack_/scripts.js:202:4\n at http://localhost:9876/_karma_webpack_/scripts.js:9:4\n at http://localhost:9876/_karma_webpack_/scripts.js:10:2"
}
Chrome 71.0.3578 (Windows 10.0.0) ERROR
{
"message": "Uncaught TypeError: Cannot read property 'fn' of undefined\nat http://localhost:9876/_karma_webpack_/scripts.js:122:12\n\nTypeError: Cannot read property 'fn' of undefined\n at setTransitionEndSupport (http://localhost:9876/_karma_webpack_/scripts.js:122:12)\n at http://localhost:9876/_karma_webpack_/scripts.js:200:5\n at http://localhost:9876/_karma_webpack_/scripts.js:202:4\n at http://localhost:9876/_karma_webpack_/scripts.js:9:4\n at http://localhost:9876/_karma_webpack_/scripts.js:10:2",
"str": "Uncaught TypeError: Cannot read property 'fn' of undefined\nat http://localhost:9876/_karma_webpack_/scripts.js:122:12\n\nTypeError: Cannot read property 'fn' of undefined\n at setTransitionEndSupport (http://localhost:9876/_karma_webpack_/scripts.js:122:12)\n at http://localhost:9876/_karma_webpack_/scripts.js:200:5\n at http://localhost:9876/_karma_webpack_/scripts.js:202:4\n at http://localhost:9876/_karma_webpack_/scripts.js:9:4\n at http://localhost:9876/_karma_webpack_/scripts.js:10:2"
我无法在终端上看到这些测试的执行情况，但是获得了用于调试的浏览器窗口。
您可以在下面找到package.json和karma.conf.js：
package.json
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test --code-coverage --watch=false",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "6.0.4",
"@angular/common": "6.0.4",
"@angular/compiler": "6.0.4",
"@angular/core": "6.0.4",
"@angular/forms": "6.0.4",
"@angular/http": "6.0.4",
"@angular/platform-browser": "6.0.4",
"@angular/platform-browser-dynamic": "6.0.4",
"@angular/platform-server": "6.0.4",
"@angular/router": "6.0.4",
"@nguniversal/module-map-ngfactory-loader": "^5.0.0-beta.5",
"bootstrap": "4.1.1",
"core-js": "^2.4.1",
"ngx-bootstrap": "^3.0.0",
"ngx-markdown": "^6.1.0",
"rxjs": "^6.3.2",
"rxjs-compat": "^6.2.1",
"zone.js": "^0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.11.3",
"@angular/cli": "6.2.2",
"@angular/compiler-cli": "6.0.4",
"@angular/language-service": "6.0.4",
"@types/jasmine": "~2.8.3",
"@types/jasminewd2": "~2.0.2",
"@types/node": "~6.0.60",
"codelyzer": "^4.0.1",
"jasmine-core": "~2.8.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^3.1.3",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"karma-junit-reporter": "^1.2.0",
"protractor": "^5.4.1",
"ts-node": "~4.1.0",
"tslint": "~5.9.1",
"typescript": "2.7.2"
},
karma.conf.js
module.exports = function (config) {
config.set({
basePath: '',
frameworks: ['jasmine', '@angular-devkit/build-angular'],
files: [
{ pattern: 'src/**/*.ts' }
],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-jasmine-html-reporter'),
require('karma-coverage-istanbul-reporter'),
require('@angular-devkit/build-angular/plugins/karma'),
require('karma-junit-reporter'),
require('karma-coverage'),
],
client:{
clearContext: false // leave Jasmine Spec Runner output visible in browser
},
coverageIstanbulReporter: {
dir: require('path').join(__dirname, 'coverage'),
reports: [ 'html', 'lcov', 'cobertura' ],
fixWebpackSourcePaths: true
},
coverageReporter: {
dir: 'coverage',
reporters: [
{ type: 'html', subdir: 'report-html' },
{ type: 'cobertura', subdir: 'cobertura-html' },
{ type: 'lcov', subdir: 'coverage' }
]
},
reporters: ['progress', 'coverage-istanbul', 'junit', 'coverage'],
junitReporter: {
outputDir: '',
outputFile: 'test.xml',
},
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false
});
};
关于这个问题，我也将lcov.info文件清空了，所以我完全迷失了。
两个版本之间是否存在错误？还是我做得不好？
谢谢！
编辑：解决了第一个问题
bootstrap.js中存在问题。我只是安装了jquery库，并将我对jquery的引用放在引导程序1之前的我的angular.json文件中。
angular.json
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"karmaConfig": "./karma.conf.js",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.spec.json",
"scripts": [
"node_modules/jquery/dist/jquery.min.js", //this one
"node_modules/bootstrap/dist/js/bootstrap.min.js"
],
我仍然需要为代码覆盖范围生成文件。
我尝试过，业报覆盖，业报打字稿，业报覆盖-伊斯坦布尔记者，我都遇到了问题和错误。我将分享我的tsconfig.json以防万一。
tsconfig.json
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": ".",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "ES5",
"module": "commonjs",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2017",
"dom"
]
},
"exclude": ["node_modules"]
}
答案 0 :(得分：0)
最后，我找到了在npm控制台上执行的解决方案：
npm test
并通过--code-coverage中package.json的配置，所有问题都得到解决。