test: added cypress a11y testing

shairez · naorpeled · shairez · commit 0069b2e78068 · 2023-05-23T02:25:53.000+03:00
Co-authored-by: Naor Peled &lt;me@naor.dev&gt;
diff --git a/packages/kit-headless/cypress.config.ts b/packages/kit-headless/cypress.config.ts
@@ -6,6 +6,6 @@ export default defineConfig({
     devServer: {
       framework: 'cypress-ct-qwik',
       bundler: 'vite',
-    },
+    } as any,
   },
 });
diff --git a/packages/kit-headless/cypress/support/component-index.html b/packages/kit-headless/cypress/support/component-index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
diff --git a/packages/kit-headless/src/components/accordion/accordion.spec.tsx b/packages/kit-headless/src/components/accordion/accordion.spec.tsx
@@ -3,8 +3,9 @@ import { Accordion, AccordionItem } from './accordion';
 
 describe('Accordion', () => {
   it('should render an Accordion', () => {
+    cy.injectAxe({ axeCorePath: '../../node_modules/axe-core/axe.min.js' });
     mount(
-      <Accordion>
+      <Accordion class="accordion">
         <AccordionItem label="Heading 1">
           <p>
             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus
@@ -20,12 +21,10 @@ describe('Accordion', () => {
       </Accordion>
     );
 
-    // cy.injectAxe();
-
     cy.contains(/Heading 1/i).click();
     cy.get('.content').should('exist');
     cy.contains(/Heading 2/i).should('exist');
 
-    // cy.checkA11y();
+    cy.checkA11y('[data-cy-root]');
   });
 });
