how to config checkA11y for all tests

[kitsguru]

I have a series of specs for different sections and modules of my app. I would like to configure checkA11y in one location for all specs.

This works within each test

cy.checkA11y(null, {
    rules: {
		'color-contrast': { enabled: false },
		'frame-title': { enabled: false },
		},
});

I tried to set the configuration in support/index.js but I get an error

beforeEach(function () {
	// runs before each test in the block
	cy.visit('/')
	cy.injectAxe()
	cy.configureAxe({
		rules: {
			'color-contrast': { enabled: false },
			'frame-title': { enabled: false },
		},
	})
});

I am unsure where to set this up correctly.

[aamir-yaseen-baba]

In the support, folder create a file e.g say axe-cofig.js and in that file create an object like this

export const defaultAxeConfiguration = {
    rules:[ {
       id: 'color-contrast', enabled: true,
    }],
    disableOtherRules: true,
};

and write your beforeEach like this
beforeEach(()=>{ cy.visit('/') cy.injectAxe() cy.configureAxe(defaultAxeConfiguration) })