add title and desc tests

Author: KianNH

worker/index.worker.test.ts

@@ -303,39 +303,75 @@ describe("Cloudflare Docs", () => {
 	});
 
 	describe("head tags", async () => {
-		const request = new Request("http://fakehost/workers/");
-		const response = await SELF.fetch(request);
-		expect(response.status).toBe(200);
+		describe("/workers/", async () => {
+			const request = new Request("http://fakehost/workers/");
+			const response = await SELF.fetch(request);
+			expect(response.status).toBe(200);
 
-		const html = await response.text();
-		const dom = parse(html);
+			const html = await response.text();
+			const dom = parse(html);
 
-		it("product meta tags", () => {
-			const product = dom.querySelector("meta[name='pcx_product']")?.attributes
-				.content;
+			it("product meta tags", () => {
+				const product = dom.querySelector("meta[name='pcx_product']")
+					?.attributes.content;
 
-			const group = dom.querySelector("meta[name='pcx_content_group']")
-				?.attributes.content;
+				const group = dom.querySelector("meta[name='pcx_content_group']")
+					?.attributes.content;
 
-			expect(product).toBe("Workers");
-			expect(group).toBe("Developer platform");
-		});
+				expect(product).toBe("Workers");
+				expect(group).toBe("Developer platform");
+			});
 
-		it("index.md rel='alternate' tag", () => {
-			const markdown = dom.querySelector(
-				"link[rel='alternate'][type='text/markdown']",
-			)?.attributes.href;
+			it("index.md rel='alternate' tag", () => {
+				const markdown = dom.querySelector(
+					"link[rel='alternate'][type='text/markdown']",
+				)?.attributes.href;
 
-			expect(markdown).toBe("/workers/index.md");
-		});
+				expect(markdown).toBe("/workers/index.md");
+			});
 
-		it("og:image tag", () => {
-			const image = dom.querySelector("meta[property='og:image']")?.attributes
-				.content;
+			it("og:image tag", () => {
+				const image = dom.querySelector("meta[property='og:image']")?.attributes
+					.content;
 
-			expect(image).toBe(
-				"https://developers.cloudflare.com/dev-products-preview.png",
+				expect(image).toBe(
+					"https://developers.cloudflare.com/dev-products-preview.png",
+				);
+			});
+		});
+
+		describe("/style-guide/fixtures/markdown/", async () => {
+			const request = new Request(
+				"http://fakehost/style-guide/fixtures/markdown/",
 			);
+			const response = await SELF.fetch(request);
+			expect(response.status).toBe(200);
+
+			const html = await response.text();
+			const dom = parse(html);
+
+			it("title", () => {
+				const title = dom.querySelector("title")?.textContent;
+
+				expect(title).toMatchInlineSnapshot(
+					`"Markdown · Cloudflare Style Guide"`,
+				);
+			});
+
+			it("description", () => {
+				const desc = dom.querySelector("meta[name='description']")?.attributes
+					.content;
+
+				const og = dom.querySelector("meta[property='og:description']")
+					?.attributes.content;
+
+				expect(desc).toMatchInlineSnapshot(
+					`"The HTML generated by this file is used as a test fixture for our Markdown generation."`,
+				);
+				expect(og).toMatchInlineSnapshot(
+					`"The HTML generated by this file is used as a test fixture for our Markdown generation."`,
+				);
+			});
 		});
 	});
 });