add api tests in build and basic dev

nksaraf · Aug 8, 2023 · e00dd9c · e00dd9c
1 parent 4ad14d7
commit e00dd9c
Show file tree

Hide file tree

Showing 4 changed files with 57 additions and 140 deletions.
diff --git a/test/api-hmr.test.ts b/test/api-hmr.test.ts
diff --git a/test/basic-dev.test.ts b/test/basic-dev.test.ts
@@ -19,32 +19,7 @@ test.describe("rendering", () => {
 
 	test.beforeAll(async () => {
 		fixture = await createDevFixture({
-			files: {
-				"app/root.tsx": js`
-						import { useState } from "react";
-
-						export default function App({ assets }) {
-							const [count, setCount] = useState(0);
-							return (
-								<html lang="en">
-									<head>
-										<link rel="icon" href="/favicon.ico" />
-										{assets}
-									</head>
-									<body>
-										<section>
-											<h1 data-test-id="content">Hello from Vinxi</h1>
-											<button data-test-id="button" onClick={() => setCount(count + 1)}>
-												Click me
-											</button>
-											<span data-test-id="count">{count}</span>
-										</section>
-									</body>
-								</html>
-							);
-						}
-        `,
-			},
+			files: {},
 		});
 
 		appFixture = await fixture.createServer();
@@ -88,4 +63,11 @@ test.describe("rendering", () => {
 			prettyHtml(`<span data-test-id="count">1</span>`),
 		);
 	});
+
+	test("api", async () => {
+		let res = await fixture.requestDocument("/api/hello");
+		expect(res.status).toBe(200);
+		expect(res.headers.get("Content-Type")).toBe("text/html");
+		expect(await res.text()).toBe("Hello world");
+	});
 });
diff --git a/test/basic.test.ts b/test/basic.test.ts
@@ -15,32 +15,7 @@ test.describe("rendering", () => {
 
 	test.beforeAll(async () => {
 		fixture = await createFixture({
-			files: {
-				"app/root.tsx": js`
-						import { useState } from "react";
-
-						export default function App({ assets }) {
-							const [count, setCount] = useState(0);
-							return (
-								<html lang="en">
-									<head>
-										<link rel="icon" href="/favicon.ico" />
-										{assets}
-									</head>
-									<body>
-										<section>
-											<h1 data-test-id="content">Hello from Vinxi</h1>
-											<button data-test-id="button" onClick={() => setCount(count + 1)}>
-												Click me
-											</button>
-											<span data-test-id="count">{count}</span>
-										</section>
-									</body>
-								</html>
-							);
-						}
-        `,
-			},
+			files: {},
 		});
 
 		appFixture = await fixture.createServer();
@@ -84,4 +59,11 @@ test.describe("rendering", () => {
 			prettyHtml(`<span data-test-id="count">1</span>`),
 		);
 	});
+
+	test("api", async () => {
+		let res = await fixture.requestDocument("/api/hello");
+		expect(res.status).toBe(200);
+		expect(res.headers.get("Content-Type")).toBe("text/html");
+		expect(await res.text()).toBe("Hello world");
+	});
 });
diff --git a/test/hmr.test.ts b/test/hmr.test.ts
@@ -125,4 +125,45 @@ test.describe("rendering", () => {
 			prettyHtml(`<button data-test-id="button">Click me again</button>`),
 		);
 	});
+
+	test("hmr api", async () => {
+		let res = await fixture.requestDocument("/api/hello");
+		expect(res.status).toBe(200);
+		expect(res.headers.get("Content-Type")).toBe("text/html");
+		expect(await res.text()).toBe("Hello world");
+
+		await fixture.updateFile(
+			"app/api/hello.ts",
+			js`export default function handler(event) {
+				return "Hello world too";
+			}`,
+		);
+
+		await new Promise((r) => setTimeout(r, 1000));
+
+		res = await fixture.requestDocument("/api/hello");
+		expect(res.status).toBe(200);
+		expect(res.headers.get("Content-Type")).toBe("text/html");
+		expect(await res.text()).toBe("Hello world too");
+
+		await fixture.updateFile(
+			"app/api/new.ts",
+			js`export default function handler(event) {
+				return "Hello new";
+			}`,
+		);
+
+		await new Promise((r) => setTimeout(r, 1000));
+
+		res = await fixture.requestDocument("/api/new");
+		expect(res.status).toBe(200);
+		expect(res.headers.get("Content-Type")).toBe("text/html");
+		expect(await res.text()).toBe("Hello new");
+
+		await fixture.deleteFile("app/api/new.ts");
+
+		await new Promise((r) => setTimeout(r, 1000));
+		res = await fixture.requestDocument("/api/new");
+		expect(res.status).toBe(404);
+	});
 });