test: simplified a11y testing

Author: shairez

packages/kit-headless/cypress/support/component.ts

@@ -20,6 +20,7 @@ addQwikLoader();
 // Import commands.ts using ES2015 syntax:
 import './commands';
 import 'cypress-axe';
+import 'axe-core';
 
 // Augment the Cypress namespace to include type definitions for
 // your custom command.
@@ -30,11 +31,15 @@ declare global {
   namespace Cypress {
     interface Chainable {
       mount: typeof mount;
+      checkA11yForComponent: () => void;
     }
   }
 }
 
 Cypress.Commands.add('mount', mount);
+Cypress.Commands.add('checkA11yForComponent', () => {
+  cy.checkA11y('[data-cy-root]');
+});
 
 // Example use:
 // cy.mount(MyComponent)

packages/kit-headless/src/components/accordion/accordion.spec.tsx

@@ -3,7 +3,6 @@ import { Accordion, AccordionItem } from './accordion';
 
 describe('Accordion', () => {
   it('should render an Accordion', () => {
-    cy.injectAxe({ axeCorePath: '../../node_modules/axe-core/axe.min.js' });
     mount(
       <Accordion class="accordion">
         <AccordionItem label="Heading 1">
@@ -25,6 +24,6 @@ describe('Accordion', () => {
     cy.get('.content').should('exist');
     cy.contains(/Heading 2/i).should('exist');
 
-    cy.checkA11y('[data-cy-root]');
+    cy.checkA11yForComponent();
   });
 });