make vitest globals work with TS and eslint

Author: aedwardg

src/routes/Resources/utils.test.ts

@@ -1,4 +1,3 @@
-import { describe, it, expect } from "vitest";
 import { extractTags, sortEntries } from "./utils";
 
 describe("sortEntries", () => {

tsconfig.app.json

@@ -22,10 +22,15 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "noUncheckedSideEffectImports": true,
+    "types": [
+      "vitest/globals",
+      "@testing-library/jest-dom"
+    ]
   },
   "include": [
     "src",
-    "test"
+    "test",
+    "./vitest-setup.ts"
   ]
 }

vite.config.ts

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

test/setup.ts vitest-setup.tstest/setup.ts renamed to vitest-setup.ts

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