我已经在这个问题上苦苦挣扎了一段时间,似乎找不到正确的解决办法,
我正在运行一个使用angular 2的测试环境的Ionic2项目,当我使用karmas chrome launcher运行ng测试时,我得到以下错误:
开始:
07 12 201 6 11:20:50.590:Info[karma]:karma v1.2.0服务器启动于http://localhost:8888/07 12 201 6 11:20:50.591:Info[launcher]:以无限并发启动浏览器Chrome 07 12 201 6 11:20:50.682:Info[launcher]:启动浏览器Chrome 07 12 201 6 11:20:52.993:Info[Chrome 55.0.2883(Linux 0.0.0)]:连接在套接字/#wi3gg8nwmc27f0h4aaaa上,id为3728337
在0.002秒/0秒内完成
摘要:✔0测试已完成
但是当使用PhantomJS时,所有测试都运行得很好。
我正在运行的系统是:
我试着重新安装了所有模块,我重新安装了OS,我在另一个linux系统上安装了project,它在相同的环境下工作得很好
我的karma.conf.js文件如下
module.exports = function (config) { config.set({ basePath: '../', frameworks: ['jasmine', 'angular-cli'], plugins: [ require('karma-jasmine'), require('karma-chrome-launcher'), require('karma-phantomjs-launcher'), require('karma-remap-istanbul'), require('karma-mocha-reporter'), require('angular-cli/plugins/karma') ], files: [ { pattern: './src/test.ts', watched: false } ], preprocessors: { './src/test.ts': ['angular-cli'] }, remapIstanbulReporter: { reports: { html: 'coverage', lcovonly: 'coverage/coverage.lcov' } }, angularCli: { config: './angular-cli.json', environment: 'dev' }, reporters: [ 'mocha', 'karma-remap-istanbul' ], customLaunchers: { Chrome_travis_ci: { base: 'Chrome', flags: ['--no-sandbox'] } }, port: 8888, colors: true, logLevel: config.LOG_INFO, autoWatch: true, browserNoActivityTimeout: 40000, browsers: ['Chrome'], singleRun: false }); };
我的test.ts文件如下所示:
import './polyfills.ts'; import 'zone.js/dist/long-stack-trace-zone'; import 'zone.js/dist/proxy.js'; import 'zone.js/dist/sync-test'; import 'zone.js/dist/jasmine-patch'; import 'zone.js/dist/async-test'; import 'zone.js/dist/fake-async-test'; import { TestBed } from '@angular/core/testing'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { App, Config, Form, IonicModule, Keyboard, MenuController, NavController, Platform } from 'ionic-angular'; import { ConfigMock } from './test/mock'; // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any. declare var __karma__: any; declare var require: any; // Prevent Karma from running prematurely. __karma__.loaded = (): any => { /* no op */}; Promise.all([ System.import('@angular/core/testing'), System.import('@angular/platform-browser-dynamic/testing'), ]) // First, initialize the Angular testing environment. .then(([testing, testingBrowser]) => { testing.getTestBed().initTestEnvironment( testingBrowser.BrowserDynamicTestingModule, testingBrowser.platformBrowserDynamicTesting() ); }) // Then we find all the tests. .then(() => require.context('./', true, /\.spec\.ts/)) // And load the modules. .then(context => context.keys().map(context)) // Finally, start Karma to run the tests. .then(__karma__.start, __karma__.error); export class TestUtils { public static beforeEachCompiler(components: Array): Promise { return TestUtils.configureIonicTestingModule(components) .compileComponents().then(() => { let fixture: any = TestBed.createComponent(components[0]); return { fixture, instance: fixture.debugElement.componentInstance, }; }); } public static configureIonicTestingModule(components: Array): typeof TestBed { return TestBed.configureTestingModule({ declarations: [ ...components, ], imports: [ FormsModule, IonicModule, ReactiveFormsModule, ], providers: [ {provide: App, useClass: ConfigMock}, {provide: Config, useClass: ConfigMock}, Form, {provide: Keyboard, useClass: ConfigMock}, {provide: MenuController, useClass: ConfigMock}, {provide: NavController, useClass: ConfigMock}, {provide: Platform, useClass: ConfigMock}, {provide: Config, useClass: ConfigMock}, ], }); } // http://stackoverflow.com/questions/2705583/how-to-simulate-a-click-with-javascript public static eventFire(el: any, etype: string): void { if (el.fireEvent) { el.fireEvent('on' + etype); } else { let evObj: any = document.createEvent('Events'); evObj.initEvent(etype, true, false); el.dispatchEvent(evObj); } } }
如有任何帮助或指导,我将不胜感激
所以我找到了答案,如果有人有同样的问题,似乎我的Chrome浏览器更新到了版本55.0.2883.75(64位),这导致了我正在编写的Angular 2 Typescript应用程序的一个错误,我通过添加
mime: {
'text/x-typescript': ['ts','tsx']
},
到我的karma.conf.js文件中。