mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-02-24 10:34:18 -08:00
819113ceb7
* Fix all failing cypress tests - update test name to be more appropriate - update download packet tests to CDN - update data-cy tag on About heading * Update snapshot
59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
// / <reference types="Cypress" />
|
|
|
|
/**
|
|
* The a11y check will use a cypress-axe library:
|
|
* - https://www.npmjs.com/package/cypress-axe
|
|
*
|
|
* This implements Deque's axe.run:
|
|
* - https://www.deque.com/axe/core-documentation/api-documentation/#api-name-axerun
|
|
*
|
|
* The table of rule descriptions that are seen in the terminal can be seen in totality here:
|
|
* - https://github.com/dequelabs/axe-core/blob/master/doc/rule-descriptions.md
|
|
*
|
|
*/
|
|
|
|
const endpoints = [
|
|
'en/',
|
|
'en/cejst',
|
|
'en/methodology',
|
|
'en/contact',
|
|
'en/404',
|
|
];
|
|
|
|
// The violation callback will post the violations into the terminal
|
|
// eslint-disable-next-line require-jsdoc
|
|
function terminalLog(violations) {
|
|
cy.task(
|
|
'log',
|
|
`${violations.length} accessibility violation${
|
|
violations.length === 1 ? '' : 's'
|
|
} ${violations.length === 1 ? 'was' : 'were'} detected`,
|
|
);
|
|
|
|
// pluck specific keys to keep the table readable
|
|
const violationData = violations.map(
|
|
// The results array is described here:
|
|
// - https://www.deque.com/axe/core-documentation/api-documentation/#result-arrays
|
|
// Unable to figure out how add the HTML element that the violation is occuring on. Using
|
|
// Axe chrome plugin instead.
|
|
({id, impact, description}) => ({
|
|
id,
|
|
impact,
|
|
description,
|
|
}),
|
|
);
|
|
|
|
cy.task('table', violationData);
|
|
}
|
|
|
|
|
|
describe('Do the accessibility checks pass on each page?', () => {
|
|
endpoints.forEach((endpoint) => {
|
|
it(`Check accessibility on ${endpoint} page`, () => {
|
|
cy.visit(endpoint).get('main').then(() => {
|
|
cy.injectAxe();
|
|
cy.checkA11y(null, null, terminalLog);
|
|
});
|
|
});
|
|
});
|
|
});
|