Watir /Cucumber 无法定位元素：dd-field div.dd-arrow-box（使用 CSS 选择器*

Question

主诉：

使用 CSS 选择器无法定位元素

Css 路径：

html.ng-scope body.ng-scope div.snap-content div.content-container div.ng-scope div.content-box div div.cb-landing-module div.deposit-acct-box div.dropdown div.dd-field div.dd-arrow-box

CSS 选择器：

.dropdown .dd-arrow-box

我如何在 Watir/Cucumber 中使用它：

@browser.element(:css => 'dd-arrow-box').click

错误：

Cucumber 报错：无法延迟元素

问题描述：

我有一个我想点击的组合框 结果将是从列表中选择项目。 我已经尝试过 xpath ，可能会出现相同的错误 找不到元素

试过了：

可能的/同步问题：偶数时开火……。 失败

Xpath - 失败

当我关闭该方法时（例如）点击离开并添加存在它被发现。我不能点击它

编辑：从评论中添加 HTML：

      <div class="dd-arrow">
    </div>
  </div> 
</div> 
<ul class="dd-box" style="display: none;"> 
  <li class="dd-list-head"> Direct Deposit </li> 
  <li class="dd-item ng-scope ng-binding" ng-click="selectAccount(directDeposit)" ng-repeat="directDeposit in directDeposits"> 
  <span class="acct-name ng-binding">WELLS FARGO BANK, NA</span>

还在疑惑最后抛出了如下异常：invalid attribute: :css (Watir::Exception::MissingWayOfFindingObjectException)

Answer 1

这可能是因为您要查找的是dd-arrow-box 标记，而不是类。将您的代码更改为如下所示：

@browser.element(:css => '.dd-arrow-box').click 

就像你定义一个 css 文件一样。注意dd-arrow-box前面的句号

这是一个很好的例子。 给定html：

<div class="divhere">
  <p>Hello</p>
</div>

您可以使用代码@browser.element(css: 'p').text 从段落中获取文本。

同样，@browser.element(css: '.divhere') 将使用类选择器定位 div 元素。