Cypress与JavaScript：统计匹配文本/属性元素数量的正确方法

错误点说明 #

1. cy.contains('Engineer')的行为是仅返回第一个匹配文本的元素，并非所有符合条件的元素集合，所以无法直接用be.greaterThan断言数量，这是核心错误。
2. 若未明确精确匹配，cy.contains会匹配所有包含目标字符串的元素（比如示例中的"BI Engineer"也会被命中），如果需要严格统计纯"Engineer"文本的元素，还需额外处理。

正确实现方式 #

验证1：页面中“Engineer”文本出现次数超过5次 #

根据需求分两种场景：

• 精确匹配（仅统计文本为"Engineer"的元素）：
  先获取所有<a>元素，过滤出文本修剪后等于"Engineer"的项，再断言数量：

  cy.get('a').filter((index, el) => {
    return Cypress.$(el).text().trim() === 'Engineer'
  }).should('have.length.greaterThan', 5)
  

• 包含匹配（统计所有文本含"Engineer"的元素，如"BI Engineer"）：
  使用:contains选择器直接获取所有匹配元素，断言长度：

  cy.get('a:contains("Engineer")').should('have.length.greaterThan', 5)
  

验证2：href属性包含“London”的元素数量超过5次 #

使用属性包含选择器[href*="London"]获取所有符合条件的元素，再断言数量：

cy.get('a[href*="London"]').should('have.length.greaterThan', 5)

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