axe-global-after-each (jest.steup.ts).ts

import "@testing-library/jest-dom/extend-expect";
import { cleanup } from "@testing-library/react";
import { axe, toHaveNoViolations } from "jest-axe";

// stop RTL from cleaning up after itself so we can assert on DOM after tests with aXe
process.env.RTL_SKIP_AUTO_CLEANUP = "true";

// configure aXe
expect.extend(toHaveNoViolations);

afterEach(async () => {
  try {
    // if something has been rendered then we should assert it is accessible
    if (document.body.childNodes.length > 0) {
      expect(await axe(document.body)).toHaveNoViolations();
    }
  } finally {
    // always cleanup the DOM
    cleanup();
  }
});