如何在Cypress中测试DOM第二个元素的文本内容?
解决方法
要获取并测试第二个元素的文本内容,你可以用Cypress提供的以下几种方式:
- 使用
eq(index)方法:索引从0开始,第二个元素对应索引1 - 使用
last()方法:如果确定只有两个元素,直接取最后一个
修改后的测试代码如下:
it('should display highlight', () => { const highlights = cy.get(`.${pageClass} .page_highlight`); highlights.should('have.length', 2); // 测试第一个元素 highlights.first().should('contain.text', translations.highlight); // 测试第二个元素(方式1:用eq(1)) highlights.eq(1).should('contain.text', translations.secondHighlight); // 替换成你的目标文本变量 // 或者方式2:用last() // highlights.last().should('contain.text', translations.secondHighlight); });
如果第二个元素的文本是固定值,也可以直接写字符串:
highlights.eq(1).should('contain.text', '第二个高亮文本');
内容的提问来源于stack exchange,提问作者Khant
相关产品推荐
相关产品推荐

