start vue tests

1 files changed, 44 insertions, 0 deletions

diff --git a/test/bundler/integration/react/react-client.test.ts b/test/bundler/integration/react/react-client.test.ts
new file mode 100644
index 000000000..0785b7630
--- /dev/null
+++ b/test/bundler/integration/react/react-client.test.ts
@@ -0,0 +1,44 @@
+import path from "path";
+import { describe, test, expect } from "bun:test";
+import { bunExe } from "harness";
+
+const modes = [
+  //
+  { label: "base" },
+  { label: "minify-all", args: ["--minify"] },
+  { label: "minify-syntax", args: ["--minify-syntax"] },
+  { label: "minify-whitespace", args: ["--minify-whitespace"] },
+  { label: "sourcemaps", args: ["--minify", "--sourcemap=external"] },
+];
+const nodeEnvs = ["development", "production"];
+const combinations = nodeEnvs.flatMap(nodeEnv => modes.map(mode => ({ options: mode, nodeEnv })));
+
+describe("bundler integration, react client", () => {
+  for (const {
+    options: { label, args },
+    nodeEnv,
+  } of combinations) {
+    test(label + ", NODE_ENV=" + nodeEnv, async () => {
+      const out = path.join(import.meta.dir, "dist/client/" + label + "-" + nodeEnv);
+      const x = Bun.spawnSync(
+        [bunExe(), "build", ...(args ?? []), "--outdir=" + out, "--splitting", path.join(import.meta.dir, "index.jsx")],
+        {
+          // cwd: import.meta.dir + "/react",
+          env: nodeEnv ? { NODE_ENV: nodeEnv } : undefined,
+        },
+      );
+      if (x.exitCode !== 0) {
+        console.error(x.stderr.toString());
+        throw new Error("Failed to build");
+      }
+      const proc = Bun.spawn(["node", path.join(import.meta.dir, "puppeteer.mjs"), out], {
+        cwd: path.join(import.meta.dir, "react"),
+      });
+      await proc.exited;
+      expect(proc.exitCode).toBe(0);
+      const output = JSON.parse(await new Response(proc.stdout).text());
+      expect(output.logs).toMatchSnapshot("Browser console logs");
+      expect(output.domSnapshots).toMatchSnapshot("DOM Snapshots");
+    });
+  }
+});