Skip to main content
Cypress无障碍测试高级解决方案

生产环境监控

Cypress通常用于CI和本地开发工作流。它同样适用于通过定时测试来监控生产或预发布环境。这种方法特别适用于包含动态内容的环境，例如由内容管理系统(CMS)维护的网站，其中内容变更可能影响无障碍访问。

动态或外部控制的内容（如A/B测试或用户生成内容）往往难以编写明确的断言。针对这些场景，生产环境冒烟测试可作为高层级的健康检查，确保动态UI变体的无障碍性，而无需完整的测试覆盖。

使用Cypress进行生产监控​

Cypress无障碍测试功能使您能够无缝测试动态内容。通过在Cypress测试中访问生产环境URL并执行最简UI交互，您可以在报告中捕获页面的无障碍状态。这使得团队能够发现常规开发生命周期之外引入的无障碍问题。

示例：基于站点地图的自动化测试​

如果项目缺少现成的Cypress测试，常见做法是从站点地图或目标URL数组生成测试覆盖。这些URL可用于执行轻量交互并捕获无障碍报告。以下示例展示如何通过站点地图自动化该流程，并在每个页面滚动至页脚：

describe('无障碍扫描', () => {
  it('使用sitemap.xml检查无障碍性', () => {
    cy.request('https://<YOUR_WEBSITE>/sitemap.xml').then((response) => {
      const xmlString = response.body
      const parser = new DOMParser()
      const xmlDoc = parser.parseFromString(xmlString, 'application/xml')
      const URLs = Array.from(xmlDoc.querySelectorAll('loc')).map(
        (loc) => loc.textContent
      )
      Cypress._.each(URLs, (URL) => {
        cy.visit(URL)
        cy.contains('<YOUR_FOOTER_CONTENT>').scrollIntoView()
      })
    })
  })
})

该测试会为站点地图中的每个URL生成首屏加载的无障碍报告。任何针对特定工作流的Cypress UI测试都将自动扩大覆盖范围，包含工作流中触达的各个状态和变体。

目录