Fix cypress support file

Author: sneridagh

Makefile

@@ -133,7 +133,7 @@ ci-acceptance-backend-start: ## Start backend acceptance server in headless mode
 
 .PHONY: acceptance-test
 acceptance-test: ## Start Cypress in interactive mode
-	pnpm --filter @plone/volto exec cypress open --config-file $(CURRENT_DIR)/cypress.config.js --config specPattern=$(CURRENT_DIR)'/cypress/tests/**/*.{js,jsx,ts,tsx}'
+	pnpm --filter @plone/volto exec cypress open --config-file $(CURRENT_DIR)/cypress.config.js --config specPattern=$(CURRENT_DIR)'/cypress/tests/**/*.{js,jsx,ts,tsx}',supportFile=$(CURRENT_DIR)'/cypress/support/e2e.js'
 
 .PHONY: ci-acceptance-test
 ci-acceptance-test: ## Run cypress tests in headless mode for CI

cypress.config.js

@@ -8,6 +8,15 @@ module.exports = defineConfig({
   },
   e2e: {
     baseUrl: 'http://localhost:3000',
-    specPattern: 'cypress/tests/**/*.cy.{js,jsx,ts,tsx}',
+    specPattern: 'cypress/tests/*.cy.{js,jsx}',
+    supportFile: './cypress/support/e2e.js',
+    setupNodeEvents(on, config) {
+      on('task', {
+        table(message) {
+          console.table(message);
+          return null;
+        },
+      });
+    },
   },
 });

cypress/support/commands.js

@@ -2,22 +2,22 @@ import '@plone/volto/cypress/add-commands';
 
 // Print cypress-axe violations to the terminal
 function printAccessibilityViolations(violations) {
-    cy.task(
-      'table',
-      violations.map(({ id, impact, description, nodes }) => ({
-        impact,
-        description: `${description} (${id})`,
-        nodes: nodes.length,
-      })),
-    );
-  }
-  
-  Cypress.Commands.add(
-    'checkAccessibility',
-    (subject, { skipFailures = false } = {}) => {
-      cy.checkA11y(subject, null, printAccessibilityViolations, skipFailures);
-    },
-    {
-      prevSubject: 'optional',
-    },
-  );
+  cy.task(
+    'table',
+    violations.map(({ id, impact, description, nodes }) => ({
+      impact,
+      description: `${description} (${id})`,
+      nodes: nodes.length,
+    })),
+  );
+}
+
+Cypress.Commands.add(
+  'checkAccessibility',
+  (subject, { skipFailures = false } = {}) => {
+    cy.checkA11y(subject, null, printAccessibilityViolations, skipFailures);
+  },
+  {
+    prevSubject: 'optional',
+  },
+);

cypress/tests/block.cy.js

@@ -105,7 +105,7 @@ context('Block Acceptance Tests', () => {
 
     cy.get('.teaser-item-title').should('be.visible').contains('My Page');
 
-    cy.injectAxe();
+    cy.injectAxe({ axeCorePath: './node_modules/axe-core/axe.min.js' });
     cy.checkAccessibility();
   });
 });