cypress-axe

/* cypress/plugins/index.js or cypress.config.ts (setupNodeEvents) */ // For Cypress v10+ in cypress.config.ts import { defineConfig } from 'cypress'; export default defineConfig({ e2e: { setupNodeEvents(on, config) { on('task', { log(message) { console.log(message); return null; }, table(message) { console.table(message); return null; } }); } } }); // For older Cypress versions in cypress/plugins/index.js // module.exports = (on, config) => { // on('task', { // log(message) { // console.log(message); // return null; // }, // table(message) { // console.table(message); // return null; // } // }); // }; /* cypress/support/e2e.ts (for Cypress v10+) or cypress/support/index.ts (for v9-) */ import 'cypress-axe'; /* cypress/tsconfig.json */ // Add "cypress-axe" to types array // { // "compilerOptions": { // "types": ["cypress", "node", "cypress-axe"] // } // } /* cypress/e2e/accessibility.cy.ts */ describe('Accessibility tests', () => { beforeEach(() => { cy.visit('http://localhost:3000'); // Replace with your application's URL cy.injectAxe(); }); it('Should have no detectable accessibility violations on load', () => { cy.checkA11y(); }); it('Should have no detectable accessibility violations after user interaction', () => { cy.get('button#open-modal').click(); // Example user interaction cy.checkA11y(); // Check again after interaction }); });