Question

我正在尝试简单地计算我的旋转木马e2e组件测试

carousel.po.ts

import { browser, element, by, Key } from 'protractor';

export class CarouselDemoPage {
  navigateTo() {
    return browser.get('/design/carousel');
  }


  getCarouselComponent(index: number) {
     return element.all(by.css('cfc-carousel')).get(index);
  }



  getCarouselIndicators(index: number) {
    return this.getCarouselComponent(index).element(by.css('.indicators')).all(by.repeater('item in items'));
  }
}

我的spec文件：

import { CarouselDemoPage } from './carousel.po';


describe('Carousel component', () => {
  let page: CarouselDemoPage;

  beforeEach(() => {
    page = new CarouselDemoPage();
    page.navigateTo();
  });

  it('At least one carousel component should exist', () => {
    expect<any>(page.getCarouselComponent(0)).toBeDefined();
  });

  it('Check correct number of indicators displayed', () => {
    expect<any>(page.getCarouselIndicators(0).count()).toEqual(4);
  });
});

我有最新的或接近最新的至少包

＆＃34; @ angular / core＆＃34;：＆＃34; ^ 5.0.0-beta.7＆＃34;，＆＃34; jasmine-core＆＃34;：＆＃34; ~2.8.0＆＃34;，＆＃34;量角器＆＃34;：＆＃34; ~5.1.2＆＃34;

第一次测试运行正常，第二次测试结束时间

1）轮播组件检查显示的正确指示器数量 - 失败：等待异步Angular任务在20秒后完成超时。这可能是因为当前页面不是Angular应用程序。有关详细信息，请参阅常见问题解答：https://github.com/angular/protractor/blob/master/docs/timeouts.md#waiting-for-angular

在使用locator等待元素时 - Locator：By（css selector，cfc-custom-select）

声明我在ngAfterViewInit（）中有setTimeout 这里：

 ngAfterViewInit() {
    // Needs the timeout to avoid the "expression has changed" bug
    setTimeout(() => {
      this.items = this.viewItems.toArray().concat(this.contentItems.toArray());
      this.totalItems = this.items.length;
      this._first = this.items[0];
      this._last = this.items[this.totalItems - 1];

      this._setItemsOrder(this.currentFrame);
      this._setInterval();
    }, 0);
  }

因此我尝试了

browser.ignoreSynchronization = true;

和

browser.driver.sleep(50);

和

browser.waitForAngular();

然后我把计数变为0

因此经过一些调试后，我发现我的轮播组件中的setInterval会破坏测试

我应该使用browser.ignoreSynchronization = true; ??

有什么想法吗？

Answer 1

因此，由于carousel组件中的setInterval和其他超时功能，我需要添加

browser.ignoreSynchronization = true;

我稍微修改了我的 getCarouselIndicators 函数是：

getCarouselIndicators(index: number) {
    browser.ignoreSynchronization = true;
    return this.getCarouselComponent(index).all(by.css('.indicators li'));
}

现在测试解决并完美运行！

Angular：量角器 - count（）没有解析并导致超时

1 个答案: