javascript - 夜间值类。单击带有文本的元素

Question

我有一个问题，无法点击具有某些独特文本的网络元素。我有这样的结构:

<div class="wg-wagon-type__item"  data-reactid="10"
  <div class="wg-wagon-type__title" data-reactid="11">Text</div>

我试试这个

.click('.wg-wagon-type__title:contains("Text")')

但是我有一个错误

ERROR: Unable to locate element: ".wg-wagon-type__item .wg-wagon-type__title:contain("Text")" using: css selector

如何纠正点击该元素？

Answer 1

有什么理由不能简单地定位类 wg-wagon-type__title?

.click('.wg-wagon-type__title')

不幸的是，没有匹配元素文本的 CSS 选择器。但是，nightwatch 能够通过“api.execute”在浏览器上运行 javascript，这允许您进行字符串匹配。

或者，您可以使用 xpath 选择器并使用它来匹配文本

.click("//div[contains(@class, 'wg-wagon-type__title') and text()='Text']")