如何在Cypress中点击下拉框中的精确匹配项？

要解决cy.contains()无法精准匹配下拉选项的问题，有两种可靠的处理方式：

方法一：使用exact选项（推荐） #

Cypress的cy.contains()支持通过第三个参数开启精确匹配，直接指定exact: true就能强制匹配完整文本内容，无需编写正则：

cy.contains(option, { exact: true }).click();

这个方法最简洁，还能自动处理文本中的正则特殊字符（比如.、*这类），避免手动转义的麻烦。

方法二：使用精确匹配的正则表达式 #

如果需要用正则实现，必须给正则加上开头^和结尾$的锚点，限定只匹配完全一致的文本，同时去掉无意义的g（全局匹配标识对cy.contains()无效）：

// 先转义文本中的正则特殊字符，避免匹配逻辑出错
const escapeRegExp = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
cy.contains(new RegExp(`^${escapeRegExp(option)}$`)).click();

你之前的正则失败原因 #

你使用的new RegExp(option, "g")只是全局匹配包含option的文本，并没有限定必须完全匹配；同时g标识在cy.contains()场景下没有作用。如果option中包含正则特殊字符，还会进一步导致匹配逻辑混乱，最终找不到目标元素。

内容的提问来源于stack exchange，提问作者Akki