本文整理汇总了TypeScript中angular2/testing.ComponentFixture.detectChanges方法的典型用法代码示例。如果您正苦于以下问题：TypeScript ComponentFixture.detectChanges方法的具体用法？TypeScript ComponentFixture.detectChanges怎么用？TypeScript ComponentFixture.detectChanges使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类angular2/testing.ComponentFixture的用法示例。
在下文中一共展示了ComponentFixture.detectChanges方法的7个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: it
it('should clear all toasts', () => {
const element = componentFixture.nativeElement;
componentFixture.componentInstance.toasts.push(toast1);
componentFixture.componentInstance.toasts.push(toast2);
componentFixture.detectChanges();
expect(element.querySelector('#toasty').children.length).toBe(2);
componentFixture.componentInstance.clearAll();
componentFixture.detectChanges();
expect(element.querySelector('#toasty').children.length).toBe(0);
});示例2: tick
.then((fixture: ComponentFixture) => {
let instance: TestCustomTemplateCmp = fixture.componentInstance;
instance.config.itemsPerPage = 10;
let expected = ['1', '2', '3', '4', '5', '...', '10'];
fixture.detectChanges();
tick();
fixture.detectChanges();
expect(getPageLinkItems(fixture, 'div.page-link')).toEqual(expected);
});示例3: expect
.then((fixture: ComponentFixture) => {
let instance: TestCmp = fixture.componentInstance;
instance.config.itemsPerPage = 100;
fixture.detectChanges();
expect(getPageLinkItems(fixture).length).toBe(0);
instance.autoHide = false;
fixture.detectChanges();
expect(getPageLinkItems(fixture).length).toBe(1);
});示例4: it
it ('should change visibility of progress when calling show', () => {
expect(progressDiv.style.opacity).toBe('1');
// Hide
component.show = false;
componentFixture.detectChanges();
expect(progressDiv.style.opacity).toBe('0');
// Show
component.show = true;
componentFixture.detectChanges();
expect(progressDiv.style.opacity).toBe('1');
});示例5: expect
.then((fixture: ComponentFixture) => {
let instance: TestCmp = fixture.componentInstance;
let controlsInstance: PaginationControlsCmp = fixture
.debugElement.query(By.css('pagination-controls')).componentInstance;
fixture.detectChanges();
expect(controlsInstance.getCurrent()).toBe(1);
instance.config.currentPage = 2;
fixture.detectChanges();
expect(controlsInstance.getCurrent()).toBe(2);
});示例6: getPageLinkItems
.then((fixture: ComponentFixture) => {
fixture.detectChanges();
let instance: TestCmp = fixture.componentInstance;
let items;
items = getPageLinkItems(fixture, 'pagination-controls li', true);
expect(items[0]).toContain('Previous');
expect(items[items.length - 1]).toContain('Next');
instance.directionLinks = false;
fixture.detectChanges();
items = getPageLinkItems(fixture, 'pagination-controls li', true);
expect(items[0]).toContain('1');
expect(items[items.length - 1]).toContain('10');
});示例7: expect
.then((fixture:ComponentFixture) => {
let instance:TestCmp = fixture.componentInstance;
expect(instance.collection.length).toBe(100);
instance.itemsPerPage = 50;
fixture.detectChanges();
expect(instance.collection.length).toBe(100);
instance.itemsPerPage = 75;
fixture.detectChanges();
expect(instance.collection.length).toBe(100);
});