简介
protractor-axe-report-plugin是一个基于JavaScript的npm包，它可以在Protractor测试框架中集成axe-core实现自动化无障碍测试。此外，它还可以帮助我们生成测试报告，使我们更加容易地发现和修复测试中存在的无障碍问题。
安装
使用npm安装：
npm install protractor-axe-report-plugin --save-dev
配置
在Protractor的配置文件中，我们需要添加以下代码：
-- -------------------- ---- -------
----- ---------- - ----------------------------------------
-------------- - -
-------- -
-
-------- -------------------------------
----------------- ----- -- ----------
-------------- ---------------------- -- -----------
--------- ----------- -- ------------------------------------------
----------- --- -- --------------------------------------------
--------------- -------------------- -- -----------
----------- ------ -- ---------------------------
-
-
-使用
使用protractor-axe-report-plugin进行无障碍测试非常简单。我们只需要在我们的测试代码中调用相关的方法即可。
首先，我们需要导入axeReports：
const axeReports = require("protractor-axe-report-plugin");接着，在测试用例中调用axeReports.runAxe()方法：
describe("Accessibility Testing", () => {
it("should pass accessibility test", async () => {
await browser.get("https://www.google.com");
let accessibilityReport = await axeReports.runAxe();
expect(accessibilityReport.violations.length).toBe(0);
});
});axeReports.runAxe()方法返回一个包含 violations 属性的 accessibilityReport 对象。如果有无障碍问题，则 violations 数组将包含这些问题的详细信息。
当测试运行完成后，我们可以在指定的测试结果报告路径下看到生成的测试结果报告。
示例代码
-- -------------------- ---- -------
----- ---------- - ----------------------------------------
----------------------- --------- -- -- -
---------- ---- ------------- ------ ----- -- -- -
----- --------------------------------------
--- ------------------- - ----- --------------------
------------------------------------------------------
---
---结论
protractor-axe-report-plugin的使用非常简单，只需要在Protractor的配置文件和测试代码中添加相关的代码即可。它可以帮助我们实现自动化无障碍测试，并生成易于阅读的测试结果报告，从而更加方便地发现和解决无障碍问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562a481e8991b448dfdfa