如何使用 CSS select 或 select 特定文本

Question

我想select Span 中的文本“自动发布”。我怎样才能用 CSS selector 做到这一点？使用 Xpath 我知道该怎么做。我正在使用 Nightwatch 实现 UI 自动化。我想在页面对象中创建一个通用函数，它将一个值作为参数。

SelectFilterValue(value){

   .click(`//span[text()="${value}"]`)  
 }

我不能这样做，因为它是一个 XPath，我必须指定它是一个 XPath。如果它是 CSS selector 我可以这样做，因为我不必指定它是 CSS selector。或者我也可以用 Xpath 来做吗？

Answer 1

为 span 标签指定一个特定的 ID，然后编辑 css。您还可以使用内联 css，这将是最佳选择。

 <span style="color:blue;">

Answer 2

CSS没有像text那样的方法。所以在HTMLDOM中，目前无法根据文本定位元素。

更进一步，您可以在 nightwatch.js

中执行以下操作

.useXpath().click('//span[contains(text(), "' + desiredText+ '")]')

并在调用此之前将 Auto-Publish 分配给 desiredText 变量。

How to select a specific text using CSS selector