test: turn on Prisma playground tests for Vite plugin (#8085)

Author: petebacondarwin

packages/vite-plugin-cloudflare/playground/__test-utils__/responses.ts

@@ -9,7 +9,12 @@ export async function getJsonResponse(
 	path = "/"
 ): Promise<null | Record<string, unknown>> {
 	const response = await getResponse(path);
-	return response.json();
+	const text = await response.text();
+	try {
+		return JSON.parse(text);
+	} catch (e) {
+		throw new Error("Invalid JSON response:\n" + text);
+	}
 }
 
 async function getResponse(path = "/") {

packages/vite-plugin-cloudflare/playground/prisma/__tests__/prisma.spec.ts

@@ -1,14 +1,15 @@
 import { expect, test } from "vitest";
 import { getJsonResponse } from "../../__test-utils__";
 
-// Need to remove the `.wrangler` directory and run the following commands before the tests.
-// I'm not sure how to do this with our testing setup so have skipped the test for now.
-// const commands = [
+// Need to remove the `.wrangler` directory and run the following commands before the tests:
+//
 // 	`pnpm wrangler d1 migrations apply prisma-demo-db --local`,
 // 	`pnpm wrangler d1 execute prisma-demo-db --command "INSERT INTO  \"User\" (\"email\", \"name\") VALUES ('[email protected]', 'Jane Doe (Local)');" --local`,
-// ];
+//  `pnpm prisma generate`
+//
+// We do this in the `preServe()` hook, in `serve.ts`, that is called from the `packages/vite-plugin-cloudflare/playground/vitest-setup.ts` file.
 
-test.skip("runs D1 query using Prisma", async () => {
+test("runs D1 query using Prisma", async () => {
 	const result = await getJsonResponse();
 	expect(result).toEqual([
 		{ id: 1, email: "[email protected]", name: "Jane Doe (Local)" },

packages/vite-plugin-cloudflare/playground/prisma/__tests__/serve.ts

@@ -0,0 +1,23 @@
+import { execSync } from "node:child_process";
+import { rmSync } from "node:fs";
+import { resolve } from "node:path";
+import { startDefaultServe } from "../../vitest-setup";
+
+export function preServe() {
+	const cwd = process.cwd();
+	try {
+		process.chdir(resolve(__dirname, ".."));
+		rmSync(".wrangler", { force: true, recursive: true });
+		execSync(`pnpm wrangler d1 migrations apply prisma-demo-db --local`);
+		execSync(
+			`pnpm wrangler d1 execute prisma-demo-db --command "INSERT INTO  \"User\" (\"email\", \"name\") VALUES ('[email protected]', 'Jane Doe (Local)');" --local`
+		);
+		execSync(`pnpm prisma generate`);
+	} finally {
+		process.chdir(cwd);
+	}
+}
+
+export async function serve() {
+	return startDefaultServe();
+}

packages/vite-plugin-cloudflare/playground/vitest-setup.ts

@@ -151,8 +151,8 @@ beforeAll(async (s) => {
 					await preServe();
 				}
 				if (serve) {
-					server = await serve();
-					viteServer = mod.viteServer;
+					server = (await serve()) ?? server;
+					viteServer = mod.viteServer ?? viteServer;
 				}
 			} else {
 				await startDefaultServe();
@@ -178,7 +178,7 @@ beforeAll(async (s) => {
 			await browser.close();
 		}
 	};
-});
+}, 15_000);
 
 beforeEach(async () => {
 	await page.goto(viteTestUrl);
@@ -246,7 +246,9 @@ async function loadConfig(configEnv: ConfigEnv) {
 	return mergeConfig(options, config || {});
 }
 
-export async function startDefaultServe(): Promise<void> {
+export async function startDefaultServe(): Promise<
+	ViteDevServer | http.Server
+> {
 	setupConsoleWarnCollector(serverLogs.warns);
 
 	if (!isBuild) {
@@ -297,6 +299,7 @@ export async function startDefaultServe(): Promise<void> {
 		}
 		await page.goto(viteTestUrl);
 	}
+	return server;
 }
 
 /**