isVisible/waitForForVisible 的 WebDriver 元素返回 false

WebDriver element is returning false for isVisible/waitForForVisible

我正在 Meteor 应用程序中进行我的第一组 Cucumber 测试,但我无法使登录步骤正常工作。我的应用程序使用我专门为此项目编写的自定义登录插件。这是我目前用调试输出定义的步骤:

this.Given(/^I am logged in as a\/an "([^"]*)"$/, function(roleName, callback) {
  this.browser
    .url(url.resolve(process.env.HOST, '/'))
    .waitForExist('#appSignIn');
  this.browser.getHTML('#appSignIn', function(err, html) {
    if (err) {
      console.log('err: ', err);
    } else {
      console.log('link HTML: ', html);
    }
  });
  this.browser.getCssProperty('#appSignIn', 'display', function(err, value) {
    console.log('link HTML display: ', value);
  });
  browser.isVisible('#appSignIn', function(err, isVisible) {
      console.log('#appSignIn', isVisible);
  });
  this.browser
    .waitForVisible('#appSignIn')
    .click('#appSignIn')
    .waitForExist('#username')
    .waitForVisible('#username')
    .setValue('#username', 'test' + roleName)
    .setValue('#password', 'test' + roleName)
    .leftClick('#signin')
    .waitForExist('#appSignOut')
    .waitForVisible('#appSignOut')
    .call(callback);
});

我在日志中看到的是这样的:

 Scenario:                               # features/my.feature:11
    Given The server data has been reset  # features/my.feature:12
link HTML:  <a id="appSignIn" href="/signin">Sign In</a>
link HTML display:  { property: 'display',
  value: 'block',
  parsed: { type: 'ident', string: 'block' } }
#appSignIn false
    And I am logged in as a/an "ADMIN"    # features/my.feature:13
      RuntimeError: RuntimeError
           (ScriptTimeout:28) A script did not complete before its timeout expired.
           Problem: Timed out waiting for asyncrhonous script result after 511 ms

基本上,我看到 HTML 输出,所以我知道元素在那里。我看到 CSS 设置为 display: block,但随后 WebDriver 报告该元素在 isVisible 中不可见,并且类似地在 waitForVisible 调用中超时。 "Sign In" link 是 Bootstrap 可折叠导航栏的一部分,位于右上角。

问题很简单:视口的默认尺寸太小,导致 Bootstrap 导航元素折叠。我将浏览器大小设置为 1000x600,它按预期工作。