Cypress：jQuery 选择器“:contains()”中的正则表达式答案

【问题标题】：Cypress: regular expression inside jQuery selector ":contains()"Cypress：jQuery 选择器“:contains()”中的正则表达式
【发布时间】：2020-11-20 19:31:14
【问题描述】：

我想使用 Cypress 和正则表达式来选择包含特定文本的元素。

此 get() 命令有效：

cy.get('[data-cy=tile]').contains(new RegExp(myVar))

但是这个命令失败了：

cy.get('[data-cy=tile]:contains(' + new RegExp(myVar) + ')')

有没有办法在 jQuery 中使用正则表达式 :contains()？

【问题讨论】：

标签： javascript jquery regex cypress

【解决方案1】：

如果您只想使用contains，则可以使用正则表达式的一种方法是使用cy.contains(regex)，如cypress docs 中所述。

假设你有一个像这样的 Html 元素：

<ul>
  <li>apples</li>
  <li>oranges</li>
  <li>bananas</li>
</ul>

所以你只使用正则表达式来获取<li>bananas</li> 的柏树代码将是：

cy.contains(/^b\w+/)

【讨论】：

【解决方案2】：

我知道这并不能回答你关于 jQuery 的问题，但也许这会完成你所追求的？

来自the Cypress documentation：

// yields <li>bananas</li>
cy.contains(/^b\w+/)

【讨论】：