Question

当使用karma运行简单测试并浏览化时，我的测试在TestBed.createComponent（）函数内崩溃。

这是崩溃的beforeEach：

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { By }              from '@angular/platform-browser';
import { DebugElement }    from '@angular/core';
import { AboutPage } from './about'


beforeEach(() => {

    // refine the test module by declaring the test component
    TestBed.configureTestingModule({
      declarations: [ AboutPage ],
    });

    // create component and test fixture
    fixture = TestBed.createComponent(AboutPage);

    // get test component from the fixture
    comp = fixture.componentInstance;
  });

收到错误：

Chrome 53.0.2785 (Mac OS X 10.11.6) About component should display original title FAILED
    TypeError: Cannot read property 'injector' of null
        at TestBed._createCompilerAndModule (/var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/node_modules/@angular/core/bundles/core-testing.umd.js:834:0 <- /var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/57bca79162ed1bcbdc3d746a5d9211d7.browserify:3968:48)
        at TestBed._initIfNeeded (/var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/node_modules/@angular/core/bundles/core-testing.umd.js:800:0 <- /var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/57bca79162ed1bcbdc3d746a5d9211d7.browserify:3934:43)
        at TestBed.createComponent (/var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/node_modules/@angular/core/bundles/core-testing.umd.js:884:0 <- /var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/57bca79162ed1bcbdc3d746a5d9211d7.browserify:4018:18)
        at Function.TestBed.createComponent (/var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/node_modules/@angular/core/bundles/core-testing.umd.js:714:0 <- /var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/57bca79162ed1bcbdc3d746a5d9211d7.browserify:3848:33)
        at Object.<anonymous> (/var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/src/pages/about/about.spec.ts:24:22 <- /var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/57bca79162ed1bcbdc3d746a5d9211d7.browserify:50004:37)
        at ZoneDelegate.invoke (node_modules/zone.js/dist/zone.js:203:28)
        at ProxyZoneSpec.onInvoke (node_modules/zone.js/dist/proxy.js:72:39)
        at ZoneDelegate.invoke (node_modules/zone.js/dist/zone.js:202:34)
        at Zone.run (node_modules/zone.js/dist/zone.js:96:43)
        at Object.<anonymous> (node_modules/zone.js/dist/jasmine-patch.js:91:50)
    TypeError: Cannot read property 'detectChanges' of undefined
        at Object.<anonymous> (/var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/src/pages/about/about.spec.ts:33:12 <- /var/folders/by/05whlcq9247dyx85bd0l183w0000gn/T/57bca79162ed1bcbdc3d746a5d9211d7.browserify:50010:16)
        at ZoneDelegate.invoke (node_modules/zone.js/dist/zone.js:203:28)
        at ProxyZoneSpec.onInvoke (node_modules/zone.js/dist/proxy.js:72:39)
        at ZoneDelegate.invoke (node_modules/zone.js/dist/zone.js:202:34)
        at Zone.run (node_modules/zone.js/dist/zone.js:96:43)
        at Object.<anonymous> (node_modules/zone.js/dist/jasmine-patch.js:91:50)
        at ZoneQueueRunner.jasmine.QueueRunner.ZoneQueueRunner.execute (node_modules/zone.js/dist/jasmine-patch.js:119:42)

这是代码。

import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})
export class AboutPage {

  helloText: string;

  constructor(public navCtrl: NavController) {

  }

  sayHello(){
    this.helloText = "hello";
  }
}

任何帮助将不胜感激。

操作系统： osx 10.11.6
Angular版本： 2.0.1 ＆＃34; zone.js＆＃34;：＆＃34; ^ 0.6.21＆＃34; ＆＃34; browserify＆＃34;：＆＃34; 13.1.0＆＃34;
节点： node --version = v6.7.0

Answer 1

我猜你忘记了init平台：

import { 
  BrowserDynamicTestingModule, 
  platformBrowserDynamicTesting 
} 
from '@angular/platform-browser-dynamic/testing';

TestBed.initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());

另请参阅 Plunker Example

无法读取属性＆＃39;注入器＆＃39;在angular2和jasmine中运行测试时，在TestBed.createComponent中为null

1 个答案: