add jest-dom and setup vitest to work with react testing lib

Author: aedwardg

package-lock.json

@@ -22,6 +22,7 @@
   "devDependencies": {
     "@eslint/js": "^9.17.0",
     "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/react": "19.0.2",
     "@types/react-dom": "19.0.2",

package.json

@@ -0,0 +1,7 @@
+import { afterEach } from "vitest";
+import { cleanup } from "@testing-library/react";
+import "@testing-library/jest-dom/vitest";
+
+afterEach(() => {
+  cleanup();
+});

test/setup.ts

@@ -3,24 +3,29 @@
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "target": "ES2020",
     "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "lib": [
+      "ES2020",
+      "DOM",
+      "DOM.Iterable"
+    ],
     "module": "ESNext",
     "skipLibCheck": true,
-
     /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "moduleDetection": "force",
     "noEmit": true,
     "jsx": "react-jsx",
-
     /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["src"]
+  "include": [
+    "src",
+    "test"
+  ]
 }

tsconfig.app.json

@@ -10,5 +10,7 @@ export default defineConfig({
   },
   test: {
     environment: "jsdom",
+    globals: true,
+    setupFiles: ["./test/setup.ts"],
   },
 });