javascript - Angular 页面上的 Protractor 测试超时

Question

我创建了一个简单的 Angular 门户页面。在主页上有一个搜索栏，您可以在其中输入一些 NBA 球队的名称，例如“芝加哥公牛队”、“印第安纳步行者队”等。输入球队名称后点击提交。您将被重定向到第二页，您可以在其中阅读您输入的团队的摘要。

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

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