单元测试

import {Goal} from '../../providers/goal/goal';
import {GoalSettingsPage} from './goal-settings';

import {Modal, Alert, NavParams, ViewController, Events} from 'ionic-angular';
import {provide,ReflectiveInjector,Component} from '@angular/core'
import {FormBuilder} from '@angular/common';

import {
  beforeEach,
  beforeEachProviders,
  describe,
  expect,
  it,
  xit,
  TestComponentBuilder,
  ComponentFixture,
  inject,
  async
} from '@angular/core/testing';


describe('Goal Settings', () => {

    it('should display header title: "Some Title"', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
        return tcb.createAsync(GoalSettingsPage).then((fixture) => {
            fixture.detectChanges();

            var compiled = fixture.debugElement.nativeElement;

            expect(compiled.innerHTML).toContain('ion-title');
            expect(compiled.querySelector('span'))        .toHaveText('Cancel');
            expect(compiled.querySelector('ion-title')    .innerText).toBe('DrEvil');

        });
  }));

错误消息
类型错误:无法读取未定义的属性“createAsync”
问题
帕斯卡在这里写道:http://5thingsangular.github.io/2016/04/11/issue-1.html这个injectAsync已经被弃用了,那么我该如何像那些酷家伙那样createAsync呢?
更新:错误在重新启动gulp后消失。现在我明白了:
错误:没有testcomponentbuilder的提供程序!
更新2:
通过注入描述范围而不是IT范围来解决:
    let tcb;

    //setup
    beforeEachProviders(() => [
        TestComponentBuilder
    ]);

    beforeEach(inject([TestComponentBuilder], _tcb => {
        tcb = _tcb
    }));

新错误
错误:没有编译器提供程序!

最佳答案

导入TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERSTEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,如下所示:

import {
  TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS, TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
}  from '@angular/platform-browser-dynamic/testing';

setBaseTestProviders(TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS, TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS);

…解决了我最后的错误。

09-25 19:37