TypeScript ComponentFixture.detectChanges方法代碼示例

本文整理匯總了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);
        });

開發者ID:jbrekle，項目名稱:ng2-toasty，代碼行數:11，代碼來源:toasty.container.spec.ts

示例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);
                });

開發者ID:davidfang，項目名稱:ng2-pagination，代碼行數:11，代碼來源:pagination-controls-cmp.spec.ts

示例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);
                    });

開發者ID:ppparihar，項目名稱:ng2-pagination，代碼行數:12，代碼來源:pagination-controls-cmp.spec.ts

示例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');
 });

開發者ID:js-alex，項目名稱:ng2-slim-loading-bar，代碼行數:13，代碼來源:component.spec.ts

示例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);
                });

開發者ID:davidfang，項目名稱:ng2-pagination，代碼行數:13，代碼來源:pagination-controls-cmp.spec.ts

示例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');
                    });

開發者ID:ppparihar，項目名稱:ng2-pagination，代碼行數:14，代碼來源:pagination-controls-cmp.spec.ts

示例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);
          });

開發者ID:thuy616，項目名稱:ng2-mynextrun-stats，代碼行數:15，代碼來源:paginate-pipe.spec.ts

注：本文中的angular2/testing.ComponentFixture.detectChanges方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。