使用Axe排除Angular Cypress E2E测试的最佳实践

Question

我在一个Angular项目中工作，该项目设置了Cypress E2E测试。E2E测试使用柏树斧进行可达性测试。

我们一直在使用Axe DevTools(Chrome浏览器扩展(，"最佳实践"已关闭。

然而，柏树斧测试使用的是最佳实践。有没有一个配置可以添加到checkA11y()中以关闭最佳实践？

以下是我的checkA11y()现在的样子：

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

我希望能够运行E2E测试，并获得与关闭"最佳实践"时运行浏览器扩展相同的结果。

Answer 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 }
},
};