You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 12:06:43