fixture and tests

Author: KianNH

src/content/docs/style-guide/fixtures/index.mdx

@@ -0,0 +1,8 @@
+---
+title: Fixtures
+noindex: true
+sidebar:
+  hidden: true
+---
+
+This folder stores test fixtures to be used in CI.

src/content/docs/style-guide/fixtures/markdown.mdx

@@ -0,0 +1,23 @@
+---
+title: Markdown
+noindex: true
+sidebar:
+  hidden: true
+---
+
+import { Tabs, TabItem } from "~/components";
+
+The HTML generated by this file is used as a test fixture for our Markdown generation.
+
+<Tabs>
+	<TabItem label="mdx">
+		```mdx
+		test
+		```
+	</TabItem>
+	<TabItem label="md">
+		```md
+		test
+		```
+	</TabItem>
+</Tabs>

vitest.workspace.ts

@@ -8,6 +8,14 @@ const workspace = defineWorkspace([
 		test: {
 			name: "Workers",
 			include: ["**/*.worker.test.ts"],
+			deps: {
+				optimizer: {
+					ssr: {
+						enabled: true,
+						include: ["node-html-parser"],
+					},
+				},
+			},
 			poolOptions: {
 				workers: {
 					wrangler: { configPath: "./wrangler.toml" },

worker/index.worker.test.ts

@@ -247,4 +247,40 @@ describe("Cloudflare Docs", () => {
 			expect(text).toContain('from "~/components"');
 		});
 	});
+
+	describe("index.md handling", () => {
+		it("style-guide fixture", async () => {
+			const request = new Request(
+				"http://fakehost/style-guide/fixtures/markdown/index.md",
+			);
+			const response = await SELF.fetch(request);
+
+			expect(response.status).toBe(200);
+
+			const text = await response.text();
+			expect(text).toMatchInlineSnapshot(`
+				"The HTML generated by this file is used as a test fixture for our Markdown generation.
+
+				* mdx
+
+				  \`\`\`mdx
+				  test
+				  \`\`\`
+
+				* md
+
+				  \`\`\`md
+				  test
+				  \`\`\`
+				"
+			`);
+		});
+
+		it("responds with 404.html at `/non-existent/index.md`", async () => {
+			const request = new Request("http://fakehost/non-existent/index.md");
+			const response = await SELF.fetch(request);
+			expect(response.status).toBe(404);
+			expect(await response.text()).toContain("Page not found.");
+		});
+	});
 });