WebDriver 元素为 isVisible/waitForForVisible 返回 false答案

【问题标题】：WebDriver element is returning false for isVisible/waitForForVisibleWebDriver 元素为 isVisible/waitForForVisible 返回 false
【发布时间】：2015-04-26 16:19:45
【问题描述】：

我正在 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 调用中超时。 “登录”链接是 Bootstrap 可折叠导航栏的一部分，位于右上角。

【问题讨论】：

尝试几件事可能会有所帮助。然而，添加暂停 3 秒以确保这不是等待问题（看起来不像），并且还尝试保存屏幕截图，因为这有时会有所帮助。如果该区域被视图裁剪，它将不可见，但它可以在 HTML/css 源中工作。
2 个问题： 1. 你如何开始你的测试？ 2.你从哪里得到this.browser？
嘿，这是两年多以前的事了……我什至不确定当时我在做什么项目，TBH。另外，从外观上看，我发现问题出在浏览器大小上。

标签： meteor cucumber webdriver-io meteor-velocity

【解决方案1】：

问题很简单：视口的默认大小太小，导致 Bootstrap 导航元素崩溃。我将浏览器大小设置为 1000x600，它按预期工作。

【讨论】：