本文整理汇总了TypeScript中angular2/test.TestComponentBuilder.overrideTemplate方法的典型用法代码示例。如果您正苦于以下问题：TypeScript TestComponentBuilder.overrideTemplate方法的具体用法？TypeScript TestComponentBuilder.overrideTemplate怎么用？TypeScript TestComponentBuilder.overrideTemplate使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类angular2/test.TestComponentBuilder的用法示例。
在下文中一共展示了TestComponentBuilder.overrideTemplate方法的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: inject
inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
tcb.overrideTemplate(TestComponent, '<div><about></about></div>')
.createAsync(TestComponent)
.then((rootTC) => {
rootTC.detectChanges();
var aboutInstance = rootTC.componentViewChildren[0].componentInstance;
var aboutDOMEl = rootTC.componentViewChildren[0].nativeElement;
var nameListLen = function () {
return aboutInstance.list.names.length;
}
expect(aboutInstance.list).toEqual(jasmine.any(NamesList));
expect(nameListLen()).toEqual(4);
expect(DOM.querySelectorAll(aboutDOMEl, 'li').length).toEqual(nameListLen());
aboutInstance.addName({value: 'Minko'});
rootTC.detectChanges();
expect(nameListLen()).toEqual(5);
expect(DOM.querySelectorAll(aboutDOMEl, 'li').length).toEqual(nameListLen());
expect(DOM.querySelectorAll(aboutDOMEl, 'li')[4].textContent).toEqual('Minko');
async.done();
});
}));示例2: inject
inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
tcb.overrideTemplate(TestComponent, '<div><home></home></div>')
.createAsync(TestComponent)
.then((rootTC) => {
var homeDOMEl = rootTC.componentViewChildren[0].nativeElement;
expect(DOM.querySelectorAll(homeDOMEl, 'h1')[0].textContent).toEqual('Howdy!');
async.done();
});
}));