test: add e2e test, add manual test checklist

2026-09-14 13:36:36 +00:00 · 2026-09-08 11:03:05 +05:00
parent 9a7b7c178b
commit 3f21f1c024
18 changed files with 937 additions and 11 deletions
@@ -0,0 +1,55 @@
+import { expect, test } from "playwright/test";
+import { trackErrors, expectNoErrors } from "./helpers/page";
+
+const TOTAL = 121;
+const GROUPS = 8;
+
+test("catalog shows total and all groups", async ({ page }) => {
+	const sink = trackErrors(page);
+	await page.goto("/preview/list-tools");
+	await expect(page.locator(".catalog-total b")).toHaveText(String(TOTAL));
+	await expect(page.locator(".catalog-group")).toHaveCount(GROUPS);
+	expectNoErrors(sink);
+});
+
+test("catalog search narrows results", async ({ page }) => {
+	await page.goto("/preview/list-tools");
+	await expect(async () => {
+		await page.getByRole("textbox", { name: "Search tools" }).fill("resize");
+		await expect(page.locator(".tool-card")).toHaveCount(1);
+	}).toPass();
+	await expect(page.locator(".tool-card").first()).toContainText("Resize PNG");
+});
+
+test("category filter shows only matching group and resets on ALL", async ({
+	page,
+}) => {
+	await page.goto("/preview/list-tools");
+	const allButtons = page.locator(".tool-card");
+	const allCount = await allButtons.count();
+	expect(allCount).toBe(TOTAL);
+
+	await expect(async () => {
+		await page.getByRole("button", { name: "CONVERT" }).click();
+		await expect(page.locator(".catalog-group")).toHaveCount(1);
+	}).toPass();
+	await expect(page.locator(".catalog-group")).toContainText("CONVERT");
+	const convertCards = await page.locator(".tool-card").count();
+	expect(convertCards).toBeGreaterThan(0);
+	expect(convertCards).toBeLessThan(allCount);
+
+	await expect(async () => {
+		await page.getByRole("button", { name: "ALL" }).click();
+		await expect(page.locator(".catalog-group")).toHaveCount(GROUPS);
+	}).toPass();
+	await expect(page.locator(".tool-card")).toHaveCount(allCount);
+});
+
+test("workspace search matches a tool by title", async ({ page }) => {
+	await page.goto("/preview");
+	await expect(async () => {
+		await page.getByRole("textbox", { name: "Search tools" }).fill("flip");
+		await expect(page.locator(".tool-card")).toHaveCount(1);
+	}).toPass();
+	await expect(page.locator(".tool-card").first()).toContainText("Flip PNG");
+});