TS: Install @types/jsdom and @types/node

philbates35 · philbates35 · commit f455d3157bc3 · 2024-02-24T13:40:01.000Z
Add a test proving that jsdom types are working as expected, the
node types will be used in a later commit.
diff --git a/package.json b/package.json
@@ -11,6 +11,8 @@
     "format-check": "prettier . --check"
   },
   "devDependencies": {
+    "@types/jsdom": "^21.1.6",
+    "@types/node": "^20.11.20",
     "@vitest/coverage-v8": "^1.2.2",
     "axios": "^1.6.7",
     "eslint": "^8.56.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/resources/js/__tests__/jsdom.test.ts b/resources/js/__tests__/jsdom.test.ts
@@ -1,6 +1,12 @@
+import { JSDOM } from "jsdom";
 import { expect, test } from "vitest";
 
 test("jsdom works as expected", () => {
   const element = document.createElement("div");
   expect(element).not.toBeNull();
+
+  const dom = new JSDOM(`<!DOCTYPE html><p>Hello world</p>`);
+  expect(dom.window.document.querySelector("p")?.textContent).toBe(
+    "Hello world",
+  );
 });
