单元测试
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_PROVIDERS
和TEST_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);
…解决了我最后的错误。