test: setup jsdom in caller file

Signed-off-by: Logan McAnsh <[email protected]>

Author: mcansh

packages/form-data/test/all.spec.js

@@ -1,7 +1,19 @@
+import { JSDOM } from 'jsdom';
 import { test as libTest } from "./form-data.spec.js"
 import { test as fetchTest } from "./fetch.spec.js"
 import { test } from "./test.js"
 
+
+
+test.before(() => {
+  const { window } = new JSDOM('');
+  // @ts-ignore
+  global.window = window;
+  global.document = window.document;
+  global.navigator = window.navigator;
+  global.getComputedStyle = window.getComputedStyle;
+})
+
 libTest(test)
 fetchTest(test)
 test.run()

packages/form-data/test/form-data.spec.js

@@ -1,14 +1,13 @@
 import { FormData } from "@remix-run/web-form-data";
 import * as lib from "@remix-run/web-form-data";
 import { File, Blob } from "@remix-run/web-file";
-import { JSDOM } from 'jsdom';
 import { assert } from "./test.js";
 
 /**
  * @param {import('./test').Test} test
  */
 export const test = (test) => {
-  test("test baisc", async () => {
+  test("test basic", async () => {
     assert.equal(typeof FormData, "function");
     assert.isEqual(typeof lib.FormData, "function");
   });
@@ -261,38 +260,27 @@ export const test = (test) => {
     );
   });
 
-  test("Should allow passing a form element", () => {
-    test.before(() => {
-      const { window } = new JSDOM('<main></main>');
-      // @ts-ignore
-      global.window = window;
-      global.document = window.document;
-      global.navigator = window.navigator;
-      global.getComputedStyle = window.getComputedStyle;
-    })
-
-    test("pass a form element", () => {
-      const form = document.createElement("form");
-      const insideInput = document.createElement("input");
-      const outsideInput = document.createElement("input");
-
-      outsideInput.type = "text";
-      outsideInput.name = "form";
-      outsideInput.value = "outside";
-      outsideInput.setAttribute("form", "my-form");
-
-      insideInput.type = "text";
-      insideInput.name = "form";
-      insideInput.value = "inside";
-
-      form.appendChild(insideInput);
-      form.id = "my-form";
-
-      document.body.appendChild(form);
-      document.body.appendChild(outsideInput);
-
-      const formData = new FormData(form);
-      assert.equal(formData.getAll("form"), ["inside", "outside"]);
-    })
+  test("Should allow passing a form element",  () => {
+    const form = document.createElement("form");
+    const insideInput = document.createElement("input");
+    const outsideInput = document.createElement("input");
+
+    outsideInput.type = "text";
+    outsideInput.name = "form";
+    outsideInput.value = "outside";
+    outsideInput.setAttribute("form", "my-form");
+
+    insideInput.type = "text";
+    insideInput.name = "form";
+    insideInput.value = "inside";
+
+    form.appendChild(insideInput);
+    form.id = "my-form";
+
+    document.body.appendChild(form);
+    document.body.appendChild(outsideInput);
+
+    const formData = new FormData(form);
+    assert.equal(formData.getAll("form"), ["inside", "outside"]);
   })
 };

yarn.lock

@@ -656,7 +656,7 @@
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz#4ba8ddb720221f432e443bd5f9117fd22cfd4762"
   integrity sha512-sz7iLqvVUg1gIedBOvlkxPlc8/uVzyS5OwGz1cKjXzkl3FpL3al0crU8YGU1WoHkxn0Wxbw5tyi6hvzJKNzFsw==
 
-"@types/[email protected]":
+"@types/jsdom@^16.2.15":
   version "16.2.15"
   resolved "https://registry.npmjs.org/@types/jsdom/-/jsdom-16.2.15.tgz#6c09990ec43b054e49636cba4d11d54367fc90d6"
   integrity sha512-nwF87yjBKuX/roqGYerZZM0Nv1pZDMAT5YhOHYeM/72Fic+VEqJh4nyoqoapzJnW3pUlfxPY5FhgsJtM+dRnQQ==
@@ -4301,7 +4301,7 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
 
-[email protected]:
+jsdom@^19.0.0:
   version "19.0.0"
   resolved "https://registry.npmjs.org/jsdom/-/jsdom-19.0.0.tgz#93e67c149fe26816d38a849ea30ac93677e16b6a"
   integrity sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==