fix tests not running

Author: davemooreuws

cypress.config.ts

@@ -4,8 +4,18 @@ export default defineConfig({
   e2e: {
     baseUrl: 'http://localhost:3000',
     setupNodeEvents(on, config) {
-      // require("cypress-fail-fast/plugin")(on, config);
-      return config
+      on('task', {
+        log(message) {
+          console.log(message)
+
+          return null
+        },
+        table(message) {
+          console.table(message)
+
+          return null
+        },
+      })
     },
   },
 })

cypress/e2e/a11y.cy.ts

@@ -2,17 +2,72 @@ import * as pages from '../fixtures/pages.json'
 
 describe('a11y accessiblity test suite', () => {
   pages.forEach((page) => {
-    it(`Should test page ${page} for a11y violations`, () => {
+    it(`Should test page ${page} for a11y violations on desktop`, () => {
       cy.viewport('macbook-16')
       cy.visit(page)
       cy.injectAxe()
-      cy.wait(150)
+      cy.wait(1500)
       cy.checkA11y(
         undefined,
         {
           includedImpacts: ['critical'],
         },
-      );
+        (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(
+            ({ id, impact, description, nodes }) => ({
+              id,
+              impact,
+              description,
+              nodes: nodes.length,
+            }),
+          )
+
+          cy.task('table', violationData)
+
+          // console.error(JSON.stringify(violations));
+        },
+      )
+    })
+
+    it(`Should test page ${page} for a11y violations on mobile`, () => {
+      cy.viewport('iphone-x')
+      cy.visit(page)
+      cy.injectAxe()
+      cy.wait(1500)
+      cy.checkA11y(
+        undefined,
+        {
+          includedImpacts: ['critical'],
+        },
+        (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(
+            ({ id, impact, description, nodes }) => ({
+              id,
+              impact,
+              description,
+              nodes: nodes.length,
+            }),
+          )
+
+          cy.task('table', violationData)
+
+          // console.error(JSON.stringify(violations));
+        },
+      )
     })
   })
 })

scripts/build-pages-fixture.mjs

@@ -8,7 +8,7 @@ async function run() {
   try {
     const paths = allDocs
       .map((doc) => {
-        return doc.slug ? `/${doc.slug}` : '/'
+        return doc.slug === '/' ? '/docs' : `/docs/${doc.slug}`
       })
       .sort((a, b) => a.localeCompare(b))