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

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

<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

如何正确点击此元素？

最佳答案

有什么原因不能简单地将类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']")