使用 Ax 从 Angular Cypress E2E 测试中排除最佳实践答案

【问题标题】：Exclude Best Practices From Angular Cypress E2E Test Using Axe使用 Ax 从 Angular Cypress E2E 测试中排除最佳实践
【发布时间】：2023-02-01 17:37:29
【问题描述】：

我在一个具有 Cypress E2E 测试设置的 Angular 项目中工作。 E2E 测试使用 cypress-axe 来执行可访问性测试。

我们一直在使用关闭“最佳实践”的 Axe DevTools（Chrome 浏览器扩展）。

但是，cypress-axe 测试使用的是最佳实践。是否有我们可以添加到checkA11y() 以关闭最佳实践的配置？

这是我的checkA11y() 现在的样子：

cy.checkA11y(
   null,
   {
      includedImpacts: ["critical", "serious", "moderate"],
      rules: {
         "color-contrast": { enabled: false }
      }
   } as Options,
   terminalLog
);

我希望能够运行 E2E 测试并获得与在关闭“最佳实践”的情况下运行浏览器扩展程序相同的结果。

【问题讨论】：

标签： angular accessibility cypress

【解决方案1】：

我也在研究这个我认为你可能需要一些类似于你拥有的东西但是标签关闭了这样的东西。

        runOnly: {
        type: 'tag',
        values: ['wcag2a','wcag2aa', 'cat.*']
    },
     rules: {
         'color-contrast': { enabled: true },
         'valid-lang': { enabled: true }
     },
     tags: {
         'wcag2a': { enabled: true },
         'wcag411': { enabled: true },
         'cat.parsing': { enabled: true },
         'cat.keyboard': { enabled: true },
         'best-practice': { enabled: true }
     },
};

【讨论】：