本文整理汇总了TypeScript中angular2/test_lib.TestComponentBuilder.overrideTemplate方法的典型用法代码示例。如果您正苦于以下问题：TypeScript TestComponentBuilder.overrideTemplate方法的具体用法？TypeScript TestComponentBuilder.overrideTemplate怎么用？TypeScript TestComponentBuilder.overrideTemplate使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类angular2/test_lib.TestComponentBuilder的用法示例。
在下文中一共展示了TestComponentBuilder.overrideTemplate方法的6个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: inject
inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
var html =
'<div>' +
'<copy-me template="ng-if numberCondition + 1 >= 2">helloNumber</copy-me>' +
'<copy-me template="ng-if stringCondition == \'foo\'">helloString</copy-me>' +
'<copy-me template="ng-if functionCondition(stringCondition, numberCondition)">helloFunction</copy-me>' +
'</div>';
tcb.overrideTemplate(TestComponent, html)
.createAsync(TestComponent)
.then((rootTC) => {
rootTC.detectChanges();
expect(DOM.querySelectorAll(rootTC.nativeElement, 'copy-me').length).toEqual(3);
expect(DOM.getText(rootTC.nativeElement))
.toEqual('helloNumberhelloStringhelloFunction');
rootTC.componentInstance.numberCondition = 0;
rootTC.detectChanges();
expect(DOM.querySelectorAll(rootTC.nativeElement, 'copy-me').length).toEqual(1);
expect(rootTC.nativeElement).toHaveText('helloString');
rootTC.componentInstance.numberCondition = 1;
rootTC.componentInstance.stringCondition = "bar";
rootTC.detectChanges();
expect(DOM.querySelectorAll(rootTC.nativeElement, 'copy-me').length).toEqual(1);
expect(rootTC.nativeElement).toHaveText('helloNumber');
async.done();
});
}));示例2: inject
inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
var template = '<div>' +
'<ul [ng-switch]="switchValue">' +
'<template ng-switch-when="a"><li>when a1;</li></template>' +
'<template ng-switch-when="b"><li>when b1;</li></template>' +
'<template ng-switch-when="a"><li>when a2;</li></template>' +
'<template ng-switch-when="b"><li>when b2;</li></template>' +
'<template ng-switch-default><li>when default1;</li></template>' +
'<template ng-switch-default><li>when default2;</li></template>' +
'</ul></div>';
tcb.overrideTemplate(TestComponent, template)
.createAsync(TestComponent)
.then((rootTC) => {
rootTC.detectChanges();
expect(rootTC.nativeElement).toHaveText('when default1;when default2;');
rootTC.componentInstance.switchValue = 'a';
rootTC.detectChanges();
expect(rootTC.nativeElement).toHaveText('when a1;when a2;');
rootTC.componentInstance.switchValue = 'b';
rootTC.detectChanges();
expect(rootTC.nativeElement).toHaveText('when b1;when b2;');
async.done();
});
}));示例3: inject
inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
tcb.overrideTemplate(TestComponent, '<div><offers></offers></div>')
.createAsync(TestComponent)
.then((rootTC) => {
rootTC.detectChanges();
var offersComponentInstance = rootTC.componentViewChildren[0].componentInstance;
var componentDOMEl = rootTC.componentViewChildren[0].nativeElement;
var listLen = function () {
return offersComponentInstance.offers.length;
}
expect(offersComponentInstance.offers).toEqual(jasmine.any(HotelbookingServiceImpl.getOffers()));
expect(listLen()).toEqual(2);
expect(DOM.querySelectorAll(componentDOMEl, 'li').length).toEqual(listLen());
//offersComponentInstance.addName({value: 'Minko'});
HotelbookingServiceImpl.addOffer(new Offer('93475', 'Hotel Test', 98.98));
rootTC.detectChanges();
expect(listLen()).toEqual(3);
expect(DOM.querySelectorAll(componentDOMEl, 'li').length).toEqual(listLen());
expect(DOM.querySelectorAll(componentDOMEl, 'li')[4].textContent).toEqual('Hotel Test');
async.done();
});
}));示例4: inject
inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
tcb.overrideTemplate(TestComponent, '<div><todo></todo></div>')
.createAsync(TestComponent)
.then((rootTC) => {
rootTC.detectChanges();
let todoInstance = rootTC.debugElement.componentViewChildren[0].componentInstance;
let aboutDOMEl = rootTC.debugElement.componentViewChildren[0].nativeElement;
var todosListLen = function () {
return todoInstance.todoService.get().length;
};
expect(todosListLen()).toEqual(2);
expect(DOM.querySelectorAll(aboutDOMEl, 'li').length).toEqual(todosListLen());
todoInstance.add({value: 'Test'});
rootTC.detectChanges();
expect(todosListLen()).toEqual(3);
expect(DOM.querySelectorAll(aboutDOMEl, 'li').length).toEqual(todosListLen());
expect(DOM.querySelectorAll(aboutDOMEl, 'li')[2].textContent).toContain('Test');
async.done();
});
}));示例5: inject
inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
var template = '<div>{{text}}<span ng-non-bindable>{{text}}</span></div>';
tcb.overrideTemplate(TestComponent, template)
.createAsync(TestComponent)
.then((rootTC) => {
rootTC.detectChanges();
expect(rootTC.nativeElement).toHaveText('foo{{text}}');
async.done();
});
}));示例6: inject
inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
tcb.overrideTemplate(TestComponent, '<div><home></home></div>')
.createAsync(TestComponent)
.then((rootTC) => {
let homeDOMEl = rootTC.debugElement.componentViewChildren[0].nativeElement;
expect(DOM.querySelectorAll(homeDOMEl, 'h1')[0].textContent).toEqual('Howdy!');
async.done();
});
}));