test: add registry link tests for template pages

f0ssel · claude · f0ssel · commit 85233aebca4c · 2025-06-30T16:39:07.000-04:00
Add simple tests to verify the Coder registry links are present and properly configured on both the starter templates page and template editor: - Tests link text, href, target, and rel attributes - Uses existing test patterns with MSW and React Testing Library - Verifies external link behavior and accessibility 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/site/src/pages/CreateTemplateGalleryPage/CreateTemplateGalleryPage.test.tsx b/site/src/pages/CreateTemplateGalleryPage/CreateTemplateGalleryPage.test.tsx
@@ -51,3 +51,39 @@ test("displays the scratch template", async () => {
 	screen.getByText(MockTemplateExample2.name);
 	expect(screen.queryByText("Scratch")).toBeInTheDocument();
 });
+
+test("displays registry link in page header", async () => {
+	server.use(
+		http.get("api/v2/templates/examples", () => {
+			return HttpResponse.json([MockTemplateExample]);
+		}),
+	);
+
+	render(
+		<AppProviders>
+			<RouterProvider
+				router={createMemoryRouter(
+					[
+						{
+							element: <RequireAuth />,
+							children: [
+								{
+									path: "/starter-templates",
+									element: <CreateTemplateGalleryPage />,
+								},
+							],
+						},
+					],
+					{ initialEntries: ["/starter-templates"] },
+				)}
+			/>
+		</AppProviders>,
+	);
+
+	const registryLink = await screen.findByRole("link", {
+		name: /browse the coder registry/i,
+	});
+	expect(registryLink).toHaveAttribute("href", "https://registry.coder.com");
+	expect(registryLink).toHaveAttribute("target", "_blank");
+	expect(registryLink).toHaveAttribute("rel", "noopener noreferrer");
+});
diff --git a/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditorPage.test.tsx b/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditorPage.test.tsx
@@ -334,6 +334,18 @@ describe.each([
 	},
 );
 
+test("displays registry link in template editor topbar", async () => {
+	renderEditorPage();
+	await waitForLoaderToBeRemoved();
+
+	const registryLink = screen.getByRole("link", {
+		name: /browse the coder registry/i,
+	});
+	expect(registryLink).toHaveAttribute("href", "https://registry.coder.com");
+	expect(registryLink).toHaveAttribute("target", "_blank");
+	expect(registryLink).toHaveAttribute("rel", "noopener noreferrer");
+});
+
 test("display pending badge and update it to running when status changes", async () => {
 	const MockPendingTemplateVersion = {
 		...MockTemplateVersion,
