How to use the jest-axe.axe function in jest-axe
To help you get started, we’ve selected a few jest-axe examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
primer / components / src / __tests__ / CircleBadge.js View on Github 
it("should have no axe violations", async () => {
const {container} = HTMLRender()
const results = await axe(container)
expect(results).toHaveNoViolations()
cleanup()
})it('should have no axe violations', async () => {
const {container} = HTMLRender()
const results = await axe(container)
expect(results).toHaveNoViolations()
cleanup()
})it("passes axe tests", async () => {
let html = mountedDataValidation().html();
expect(await axe(html)).toHaveNoViolations();
});it('should have no accessibility violations', async () => {
const container = document.createElement('div');
document.body.append(container);
render(
item
,
container
);
const results = await axe(document.body);
expect(results).toHaveNoViolations();
});it('should be accessible when both all options and the group have a label', async () => {
expect.assertions(1);
const html = ReactDOMServer.renderToString(
,
);
const results = await axe(html);
expect(results).toHaveNoViolations();
});
});it('should be accessible when label is passed', async () => {
expect.assertions(1);
const html = ReactDOMServer.renderToString(
,
);
const results = await axe(html);
expect(results).toHaveNoViolations();
});
it('should be accessible when label is not passed', async () => {test('Accessibility', async() => {
const html = ReactDOMServer.renderToString()
const results = await axe(html)
expect(results).toHaveNoViolations()
})
})it('should have no axe violations', async () => {
const {container} = HTMLRender()
const results = await axe(container)
expect(results).toHaveNoViolations()
cleanup()
})test("Axe doesn’t find any violations", async () => {
const wrapper = shallowMountComponent();
const html = wrapper.html();
expect(await axe(html)).toHaveNoViolations();
});
});async function renderWithAxeResults(...args) {
const { container, ...rest } = await render(...args)
const axeResults = await axe(container.innerHTML)
return { axeResults, container, ...rest }
}jest-axe
Custom Jest matcher for aXe for testing accessibility
