如何使用cy.contains在重复文本元素中精准定位目标？

当页面存在多个相同文本的元素时，直接使用cy.contains('manda user')会默认匹配第一个找到的元素，导致误操作。可以通过以下几种方式精准定位目标元素：

方法1：限定查找范围（推荐） #

先定位到招聘经理下拉列表的父容器，再在容器内部查找目标文本，确保只在目标区域内匹配元素：

// 假设招聘经理下拉列表的容器选择器为.recruiter-dropdown，根据实际页面结构调整
cy.get('.recruiter-dropdown').contains('manda user').click()

方法2：通过索引指定元素 #

如果明确目标元素在匹配结果中的位置（索引从0开始），可以使用eq()方法选择对应元素：

// 若招聘经理下拉的选项是第二个匹配元素，使用eq(1)
cy.contains('manda user').eq(1).click()

注意：这种方法依赖元素在页面中的顺序，若页面结构调整可能失效，稳定性不如方法1。

方法3：结合元素属性筛选 #

如果目标元素有独特的属性（比如下拉选项专属的data-*属性或类名），可以先筛选元素集合再匹配文本：

// 假设下拉选项带有data-type="recruiter-option"属性，根据实际情况修改
cy.contains('[data-type="recruiter-option"]', 'manda user').click()

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