Angular 页面上的量角器测试超时

Question

我创建了一个简单的 Angular 门户页面。在主页上有一个搜索栏，您可以在其中键入一些 nba 球队的名称，例如 "chicago bulls"、"Indiana pacers" 等。在您键入球队名称并点击提交后。您将被重定向到第二页，您可以在其中阅读您输入的团队的摘要。

我正在使用 angular js 和量角器来测试我的页面。在第一页我做了一个简单的测试并通过了。我只是检查了标题标签是否正确

it('should have a title', function() {
    browser.get('http://localhost:3000/');

    expect(browser.getTitle()).toEqual('NBA | NBA SUMMARY');
  });

第二页的标题也应该相同。所以我做了以下测试来检查。我输入了一些团队名称并单击提交以进入第二页。这是我的代码

  it('Title should be consistent', function(){
    browser.get('http://localhost:3000/');
    element(by.css('input')).sendKeys('Chicago Bulls');
    element(by.css('button')).click();

    expect(browser.getTitle()).toEqual('NBA | NBA SUMMARY');
    });

然而，第二次测试从未运行并且超时，我收到以下消息。

   Message:
     Timed out waiting for Protractor to synchronize with the page after 11 seco
nds. Please see https://github.com/angular/protractor/blob/master/docs/faq.md
   Stacktrace:
     undefined

Finished in 13.67 seconds
1 test, 1 assertion, 1 failure

这是我的 conf.js 文件代码

exports.config = {
  seleniumAddress: 'http://localhost:4444/wd/hub',
  specs: ['spec.js'],
  capabilities: {
    browserName: 'chrome'
  }
}

我错过了什么吗？请指教

Answer 1

调整 ignoreSynchronization 应该对这里有所帮助：

afterEach(function () {
  browser.ignoreSynchronization = false;
});

it('Title should be consistent', function(){
  browser.get('http://localhost:3000/');
  element(by.css('input')).sendKeys('Chicago Bulls');

  browser.ignoreSynchronization = true;
  element(by.css('button')).click();

  expect(browser.getTitle()).toEqual('NBA | NBA SUMMARY');
});

Angular 页面上的量角器测试超时

Protractor test on an Angular Page Timed Out

javascript

angularjs

selenium-webdriver

protractor