NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-09-21 20:27:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Adds axe checks to the default processing

Browse Source
This commit is contained in:
Tessa Kelly 2022-04-14 10:33:22 -07:00
parent a32c1beb2c
commit eba604f46e
1 changed files with 53 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
script/percy-tests.js
View File

@ -32,11 +32,28 @@ describe('UI tests', function () {
server.close();
});
const handleAxeResults = function(results) {
const violations = results["violations"];
if (violations.length > 0) {
violations.map(function(violation) {
console.log("\n\n", violation["id"], ":", violation["description"])
console.log(violation["help"])
console.log(violation["helpUrl"])
console.table(violation["nodes"], ["html"])
});
assert.fail(`Expected no axe violations but got ${violations.length} violations`)
}
}
const defaultProcessing = async (name, location) => {
await page.goto(location)
await page.waitFor(`#${name.replace(".", "-")}`)
await percySnapshot(page, name)
console.log(`Snapshot complete for ${name}`)
const results = await new AxePuppeteer(page).disableRules(skippedRules[name] || []).analyze();
handleAxeResults(results);
}
const iconProcessing = async(name, location) => {
@ -52,6 +69,34 @@ describe('UI tests', function () {
console.log(`Snapshots complete for ${name}`)
}
const skippedRules = {
'Accordion': ['heading-order', 'region'],
'Balloon': ['color-contrast', 'heading-order', 'label'],
'Button': ['heading-order'],
'Checkbox': ['heading-order', 'region'],
'ClickableSvg': ['heading-order'],
'ClickableText': ['heading-order'],
'Colors': ['heading-order'],
'Confetti': ['heading-order'],
'Container': ['heading-order'],
'DisclosureIndicator': ['heading-order'],
'Fonts': ['heading-order'],
'Heading': ['heading-order'],
'Menu': ['heading-order', 'region'],
'Message': ['heading-order', 'region'],
'Page': ['color-contrast', 'heading-order', 'select-name'],
'RadioButton': ['duplicate-id', 'region'],
'SegmentedControl': ['heading-order', 'region'],
'Select': ['label'],
'SideNav': ['heading-order'],
'SortableTable': ['heading-order'],
'Switch': ['aria-allowed-attr', 'heading-order'],
'Table': ['heading-order'],
'Tabs': ['region'],
'Text': ['heading-order'],
'Tooltip': ['heading-order'],
}
const specialProcessing = {
'Modal': async (name, location) => {
await page.goto(location)
@ -78,27 +123,17 @@ describe('UI tests', function () {
await page.$('#maincontent');
await percySnapshot(page, this.test.fullTitle());
const skippedRules = [
"aria-hidden-focus",
"color-contrast",
"duplicate-id-aria",
"duplicate-id",
]
const results = await new AxePuppeteer(page).disableRules(skippedRules).analyze();
const results = await new AxePuppeteer(page).
disableRules([
"aria-hidden-focus",
"color-contrast",
"duplicate-id-aria",
"duplicate-id",
]).analyze();
page.close();
const violations = results["violations"];
if (violations.length > 0) {
violations.map(function(violation) {
console.log("\n\n", violation["id"], ":", violation["description"])
console.log(violation["help"])
console.log(violation["helpUrl"])
console.table(violation["nodes"], ["html"])
});
assert.fail(`Expected no axe violations but got ${violations.length} violations`)
}
handleAxeResults(results);
});
it('Doodads', async function () {