如何在Cypress中基于文本内容实现条件测试？

你遇到的问题核心是混淆了jQuery的.contains()方法和Cypress的cy.contains()命令：在then回调里拿到的ol是jQuery对象，它的.contains()方法用于判断DOM节点的包含关系（即一个节点是否是另一个节点的后代），而非文本匹配，所以你的判断逻辑完全不生效。

下面是两种可行的基于文本内容的条件测试方案：

方案一：使用jQuery的:contains选择器 + filter方法 #

利用jQuery的:contains选择器筛选出包含指定文本的元素，再通过长度判断是否存在：

cy.get('div').then($div => {
  // 从div下筛选出包含"ole"的span元素
  const targetElements = $div.find('span').filter(':contains("ole")');
  if (targetElements.length > 0) {
    // 存在包含目标文本的元素时执行逻辑
    cy.log('执行存在时的操作');
  } else {
    // 不存在时执行逻辑
    cy.log('执行不存在时的操作');
  }
});

方案二：结合Cypress的cy.contains命令处理异步判断 #

通过cy.wrap()把jQuery对象转为Cypress链式命令的上下文，再用cy.contains查找文本，结合catch处理未找到的情况：

cy.get('div').then($div => {
  cy.wrap($div)
    .contains('ole')
    .then(() => {
      // 找到包含"ole"的元素时执行
      cy.log('找到目标文本，执行对应操作');
    })
    .catch(() => {
      // 未找到时执行
      cy.log('未找到目标文本，执行替代操作');
    });
});

补充说明 #

如果需要精确匹配文本（而非包含），可以在方案一中改用filter的函数写法：

const targetElements = $div.find('span').filter((index, element) => {
  return element.textContent.trim() === 'ole';
});

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