chore: remove jsdom, pass fake form object

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

Author: mcansh

packages/form-data/package.json

@@ -36,11 +36,9 @@
     "@remix-run/web-blob": "^3.0.4",
     "@remix-run/web-fetch": "^4.2.0",
     "@remix-run/web-file": "^3.0.2",
-    "@types/jsdom": "^16.2.15",
     "@types/node": "15.0.2",
     "git-validate": "2.2.4",
     "husky": "^6.0.0",
-    "jsdom": "^19.0.0",
     "lint-staged": "^11.0.0",
     "playwright-test": "^7.2.0",
     "prettier": "^2.3.0",

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

@@ -1,19 +1,7 @@
-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

@@ -261,26 +261,35 @@ export const test = (test) => {
   });
 
   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);
+    // /** @type {globalThis.HTMLFormElement} */
+    /** @type {any} */
+    const form = {
+      id: "my-form",
+      elements: [
+        {
+          tagName: "INPUT",
+          name: "inside",
+          value: "",
+        },
+        {
+          tagName: "INPUT",
+          name: "outside",
+          value: "",
+          form: "my-form",
+        },
+        {
+          tagName: "INPUT",
+          name: "remember-me",
+          value: "on",
+          checked: true,
+        }
+      ]
+    };
 
+    // @ts-ignore
     const formData = new FormData(form);
-    assert.equal(formData.getAll("form"), ["inside", "outside"]);
+    assert.equal(formData.has("inside"), true)
+    assert.equal(formData.has("outside"), true)
+    assert.equal(formData.get("remember-me"), "on")
   })
 };