Add more notes

src/App.test.tsx

@@ -1,5 +1,5 @@
 import { App } from "App";
-import { accessibilityViolationsCheck } from "testUtils";
+import { accessibilityViolationsCheck } from "testUtils"; // if we import this from setupTests instead, everything breaks
 import { render, screen } from "@testing-library/react";
 
 let component: HTMLElement | undefined;

src/setupTests.ts

@@ -1,5 +1,17 @@
 import "@testing-library/jest-dom/vitest"; // This adds jest-dom assertions such as .toBeVisible()
 import * as matchers from "vitest-axe/matchers";
+import { act } from "@testing-library/react";
+import { axe } from "vitest-axe";
+
+export async function accessibilityViolationsCheck(container?: HTMLElement) {
+    if (container) {
+        let axeResult;
+        await act(async () => {
+            axeResult = await axe(container);
+        });
+        expect(axeResult).toHaveNoViolations();
+    }
+}
 
 // Add vitest-axe toHaveNoViolations() assertion
 expect.extend(matchers);