如何在Cypress中按内部文本查找<p>元素（不使用contains）

方法1：结合textContent与断言验证 #

先通过测试友好的data-cy属性定位到目标

元素，再通过断言检查其文本内容是否包含目标值。这种方法能精准控制文本处理逻辑（比如去除冗余空格、换行）：

cy.get('p[data-cy="displayName_text"]')
  .should(($el) => {
    // 清理文本：去除首尾空格、合并连续空白字符
    const cleanedText = $el.text().trim().replace(/\s+/g, ' ');
    // 验证是否包含目标文本"age"
    expect(cleanedText).to.include('age');
  });

方法2：使用filter过滤元素 #

通过filter方法遍历所有匹配的

元素，筛选出文本内容符合要求的节点：

cy.get('p[data-cy="displayName_text"]')
  .filter((index, el) => {
    // 直接检查元素的textContent是否包含目标文本
    return el.textContent.includes('age');
  })
  .should('exist'); // 确保筛选后存在匹配元素

方法3：精准匹配父元素的文本节点（排除子元素干扰） #

如果需要仅检查

元素自身的文本节点（忽略内部子元素的内容），可以通过DOM的childNodes提取纯文本节点并验证：

cy.get('p[data-cy="displayName_text"]')
  .should(($el) => {
    // 提取所有文本节点
    const textNodes = Array.from($el[0].childNodes).filter(node => node.nodeType === Node.TEXT_NODE);
    // 清理并合并文本节点内容
    const pureText = textNodes.map(node => node.textContent.trim()).join('');
    // 精准匹配目标文本
    expect(pureText).to.equal('age');
  });

说明：以上方法都避开了Cypress的contains命令，适用于需要更精细化文本匹配控制的场景，比如避免子元素文本干扰、精准处理空白字符等。

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