量角器单击功能不起作用，它会抛出超时异常错误

Question

节点版本：v6.9.4

量角器版本：5.1.1

Angular 版本：1.2.28

浏览器：Chrome:Version 58.0.3029.96 (64-bit) Chrome WebDriver:Version 2.29

操作系统和版本：MAC OS Siera 10.12.3

量角器配置文件

exports.config = {
  directConnect: true,
  capabilities: {
    'browserName': 'chrome'
  },
  framework: 'jasmine',
  specs: ['./Test/LoginTest.js'],
  allScriptsTimeout: 120000,
  getPageTimeout: 120000,
  jasmineNodeOpts: {
  showColors: true,
  defaultTimeoutInterval: 120000
}

相关示例测试

页面中有按钮，当我尝试使用量角器单击时，它会引发超时错误。无法单击元素。同样的事情适用于 selenium webdriver。

复制步骤 第 1 步： 使用此 URL https://www.neonmob.com/login 打开网站

第 2 步： Enter the user name and password mentioned below and click on Login button 用户名：sharif33332 密码：1234

第 3 步： 登录后导航到此 URL https://www.neonmob.com/shariftestuser 以导航到出现问题的确切页面。

问题 :Now at this page unable to click on Trade Button and it throws time out exception error.

可以使用 jQuery 找到相同的元素。请按照上述步骤重现此问题。

使用下面的代码点击这个按钮

element(by.css("span[id='trade-btn']")).click();

如果您无法按照这些步骤操作，请告诉我。我认为量角器存在问题

Answer 1

我发现了问题。量角器没有任何问题。页面有问题。单击按钮/未找到它时，您不会超时。你得到一个错误是因为页面超时，因为 Angular 没有释放页面。仍然有公开的电话或其他任何事情让 Angular 没有准备好。这是我得到的日志

Failures:
1) click on trade button should click on the trade button
  Message:
    Error: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.
  Stack:
    Error: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.
        at ontimeout (timers.js:365:14)
        at tryOnTimeout (timers.js:237:5)
        at Timer.listOnTimeout (timers.js:207:5)
  Message:
    Failed: Timed out waiting for asynchronous Angular tasks to finish after 30 seconds. This may be because the current page is not an Angular application. Please see the FAQ for more details: https://github.com/angular/protractor/blob/master/docs/timeouts.md#waiting-for-angular
    While waiting for element with locator - Locator: By(css selector, #trade-btn).
    The following tasks were pending:
     - $timeout: function (){ownershipPromise=artPieceService.syncOwnership()}

如果您禁用等待角度，它将起作用

describe('click on trade button', () => {
    beforeEach(function () {
        browser.get(browser.baseUrl);
        $('#field-username').sendKeys('sharif33332');
        $('#field-password').sendKeys('1234');
        $('#signin-btn').click();
        browser.driver.wait(() => browser.getCurrentUrl().then((currentUrl) => currentUrl === 'https://www.neonmob.com/sharif33332'));
        browser.get('https://www.neonmob.com/shariftestuser')
    });

    it('should click on the trade button', () => {
        // Disable wait for Angular
        browser.ignoreSynchronization = true;
        // Wait 2 seconds for the page to be loaded
        browser.sleep(2000)
        $('#trade-btn').click();
        // Wait to verify that the trade button has been clicked.
        browser.sleep(5000);
    })
});

这将确认量角器没有任何问题，但您需要在此页面上深入了解 Angular/请开发人员解决此问题。

Answer 2

@wswebcreation ，你确定这不是 Angular 页面吗？如果不是，那么角度等待将不起作用。将需要 browser.ignoreSynchronization=true 。

无论如何，我会要求我们的开发人员对此进行研究并对其进行更多调试，以便从应用程序方面进行修复。

无论如何，上面提供的当前解决方案都可以正常工作。

非常感谢您的帮助

Answer 3

检查后，您的第二个 URL（似乎不是）是一个有角度的页面，需要忽略同步。

尝试使用下面的代码：

describe('angularjs homepage todo list', function() {
  it('should add a todo', function() {
    browser.get('https://www.neonmob.com/login');
    element(by.id('field-username')).sendKeys('sharif33332');
    element(by.id('field-password')).sendKeys('1234');
    element(by.id('signin-btn')).click();
    browser.waitForAngular();
    browser.ignoreSynchronization=true
    browser.executeScript('this.document.location = "https://www.neonmob.com/shariftestuser"');
    element(by.id('trade-btn')).click();
  });
});

我没有修复格式，你可以这样做。 :)

配置也没什么特别的，我只用这个：

exports.config = {
  seleniumAddress: 'http://localhost:4444/wd/hub',
  specs: ['spec.js'],
  jasmineNodeOpts: {defaultTimeoutInterval: 60000}
};