javascript - 选择框选项是可见还是隐藏？

Question

我即将使用 nightwatch/selenium 测试一个小下拉选择框。在测试时，我发现选择框的选项似乎是可见的(对于测试运行者)，即使它尚未被单击。我对 HTML 的技能很少，因此我不确定这是默认行为还是我的测试有点损坏。

测试代码:

var urlToOptionsPage ='chrome-extension://dafanlbggefkfnbekjceijjhgcancpik/html/options.html';

module.exports = {

  '[Options Page UI] - project list': function(browser) {
    browser
      .url(urlToOptionsPage)
      .pause(500)
      .waitForElementVisible('#projects', 5000)
      .assert.value('#projects', 'BWK')
      //.click('#projects')
      .waitForElementVisible('#projects > option:nth-child(1)', 5000)
      .end()
  }
};

HTML:

<select name="projects" id="projects">
  <option value="BWK">BWK</option>
  <option value="DMG">DMG</option>
  <option value="ABC">ABC</option>
</select>

测试结果:

 ✔ Element <#projects> was visible after 52 milliseconds.
 ✔ Testing if value of <#projects> equals: "BWK".
 ✔ Element <#projects > option:nth-child(1)> was visible after 35 milliseconds.

Answer 1

在 Chrome 中不是，但在 Firefox 中至少是。所以我的答案是；它依赖于浏览器。您可以通过运行来测试:

// jQuery required
var optionsVisible = $('option').eq(0).is(':visible');
alert(optionsVisible); //alert if options are visible or not

或者看看here .