Add form-data test

Author: lxsmnsyc

apps/tests/src/e2e/server-function.test.ts

@@ -72,4 +72,9 @@ test.describe("server-function", () => {
     await page.goto("http://localhost:3000/server-function-ping");
     await expect(page.locator("#server-fn-test")).toContainText('{"result":true}');
   });
+
+  test("should build with a server function w/ form data", async ({ page }) => {
+    await page.goto("http://localhost:3000/server-form-data");
+    await expect(page.locator("#server-fn-test")).toContainText('{"result":true}');
+  });
 });

apps/tests/src/routes/server-function-form-data.tsx

@@ -0,0 +1,26 @@
+import { createEffect, createSignal } from "solid-js";
+
+async function ping(value: FormData) {
+  "use server";
+  const file = value.get('example') as File;
+  return await file.text();
+}
+
+export default function App() {
+  const [output, setOutput] = createSignal<{ result?: boolean }>({});
+
+  createEffect(async () => {
+    const file = new File(['Hello, World!'], 'hello-world.txt');
+    const formData = new FormData();
+    formData.append('example', file);
+    const result = await ping(formData);
+    const value = await file.text();
+    setOutput(prev => ({ ...prev, result: value === result }));
+  });
+
+  return (
+    <main>
+      <span id="server-fn-test">{JSON.stringify(output())}</span>
+    </main>
+  );
+}