Cypress单URL校验失败即终止测试，如何遍历全部URL后统一返回错误？

核心改造实现 #

核心思路是关闭请求默认的状态码失败拦截，先全量收集所有请求结果，最后统一断言输出异常清单，改造后代码如下：

it('check all HTTP status and return all failed urls', () => {
  const failedUrls = []
  // 访问站点地图页
  cy.visit(Cypress.config('siteMapUrl'))
  cy.get('.portlet-separator').should('contain', 'Available Links')

  // 第一步：收集所有待检测的URL
  cy.get('.inputwrapper>a')
    .then($links => {
      // 提取所有href转成数组
      return [...$links].map(link => Cypress.config('url') + link.getAttribute('href'))
    })
    .then(urls => {
      // 第二步：遍历所有URL发送请求，收集异常项
      urls.forEach(url => {
        cy.request({
          url: url,
          failOnStatusCode: false // 关键：非200状态码不直接终止测试
        }).then(resp => {
          if (resp.status !== 200) {
            failedUrls.push(`${url} - 状态码: ${resp.status}`)
          }
        })
      })
    })

  // 第三步：所有请求完成后统一断言，输出所有异常URL
  cy.then(() => {
    if (failedUrls.length > 0) {
      throw new Error(`检测到${failedUrls.length}个异常URL:\n${failedUrls.join('\n')}`)
    }
  })
})

关键改动说明 #

• 关闭了cy.request默认的状态码校验：failOnStatusCode: false配置项会让请求无论返回什么状态码都不会直接触发测试失败，可自行判断结果
• 先全量提取URL再批量检测：避免边遍历DOM元素边发请求可能出现的元素引用失效问题
• 统一汇总异常后再断言：所有请求执行完成后才会校验异常列表，一次性输出所有问题URL

可选实现方案 #

如果希望每个URL的检测结果在报告中单独展示，可以将每个URL拆分为独立测试用例，改造方式如下：

// 提前在before钩子中收集所有URL
let allUrls = []
before(() => {
  cy.visit(Cypress.config('siteMapUrl'))
  cy.get('.portlet-separator').should('contain', 'Available Links')
  cy.get('.inputwrapper>a').then($links => {
    allUrls = [...$links].map(link => Cypress.config('url') + link.getAttribute('href'))
  })
})

// 为每个URL生成独立测试用例
it.each(allUrls)('检测URL: %s', (url) => {
  cy.request(url).should('have.property', 'status', 200)
})

该方案优势是测试报告中可以直接看到每个URL的检测状态，不需要手动拼接异常信息。

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