Angular 2 RC5测试在ngOnInit中的承诺不起作用

// Part of the MyDirective class

@Directive({selector: '[myDirective]'})
export class MyDirective {
    constructor(protected templateRef: TemplateRef<any>,protected viewContainer: ViewContainerRef,protected myService: MyService) {
    }

    ngOnInit() {
        this.myService.getData()
            .then((data) => {
                if (!MyService.isValid(data)) {
                    this.viewContainer.createEmbeddedView(this.templateRef);
                } else {
                    this.viewContainer.clear();
                }
            })
            .catch((error) => {
                console.log(error);
                this.viewContainer.createEmbeddedView(this.templateRef);
            });
    }
}

getData方法在MockService类中被覆盖,而isValid方法(MyService的静态方法)被直接调用,它检查数据的有效性.

// Part of the Jasmine unit test class for the MyDirective class

@Component({
    selector: 'test-cmp',template: '',directives: [MyDirective]
})
class TestComponent {}

class MockService {
    mockResponse: MyResponse = {valid date goes here};
    mockInvalidResponse: MyResponse = {};

    getData() {
        if (booleanCondition) {
            return Promise.resolve(this.mockResponse);
        } else {
            return Promise.resolve(this.mockInvalidResponse);
        }
    }
}

describe('MyDirective',() => {
    beforeEach(() => {
        TestBed.configureTestingModule({
            declarations: [TestComponent],providers: [
                {provide: MyService,useClass: MockService},TemplateRef,ViewContainerRef
            ]
        });
    });

    it('should remove the target DOM element when the condition is true',async(() => {
        booleanCondition = true;
        const template =
             '<div><div *myDirective><span>Hi</span></div></div>';

        TestBed.overrideComponent(TestComponent,{set: {template: template}});
        let fixture = TestBed.createComponent(TestComponent);
        fixture.detectChanges();
        expect(getDOM().querySelectorAll(fixture.debugElement.nativeElement,'span').length).toEqual(0);
    }));

    it('should contain the target DOM element when the condition is false',async(() => {
        booleanCondition = false;
        const template =
             '<div><div *myDirective><span>Hi</span></div></div>';

        TestBed.overrideComponent(TestComponent,{set: {template: template}});
        let fixture = TestBed.createComponent(TestComponent);
        fixture.detectChanges();

        // The 'expect' bellow fails because the value is 0 for some reason
        expect(getDOM().querySelectorAll(fixture.debugElement.nativeElement,'span').length).toEqual(1);
    }));
});

第二个应该是创建一个span元素在DOM中的情况,但它没有.我检查了它是否会转到if语句中的第一个条件,如下所示：

if (!MyService.isValid(data)) {
        console.log('the first if condition is read.');
        this.viewContainer.createEmbeddedView(this.templateRef);
    } else {
        this.viewContainer.clear();
    }
}

并记录它.所以,它应该将元素保留在DOM中,但我找不到测试它的方法.