test: less fragile - use semantic locators\helpers

web/e2e/generators.spec.ts

@@ -1,10 +1,15 @@
 import { expect, test } from "playwright/test";
-import { expectNoErrors, openTool, trackErrors } from "./helpers/page";
+import {
+	expectNoErrors,
+	openTool,
+	resultImage,
+	trackErrors,
+} from "./helpers/page";
 
 test.describe("generators — known UI gap (#checklist, п.1)", () => {
-	// FIXME: Генераторы (21/121) открываются, но в UI нет ни полей схемы, ни кнопки
-	// «Generate» — только RU/EN/Reset. Пока баг открыт — fixme с ожидаемым
-	// сценарием; после фикса убрать fixme.
+	// FIXME: Генераторы открываются, но в UI нет ни полей схемы, ни кнопки
+	// «Generate» — только RU/EN/Reset. Задача Q5: `docs/backlog.md`,
+	// `docs/checklist-manual-testing.md`. После фикса убрать fixme.
 	test.fixme("single-color-png renders Generate controls and produces a result", async ({
 		page,
 	}) => {
@@ -12,13 +17,13 @@ test.describe("generators — known UI gap (#checklist, п.1)", () => {
 		const generate = page.getByRole("button", { name: "Generate" });
 		await expect(generate).toBeVisible();
 		await generate.click();
-		await expect(page.locator('img[alt="Result image"]')).toBeVisible();
+		await expect(resultImage(page)).toBeVisible();
 	});
 
 	test("create-empty-png page opens without errors", async ({ page }) => {
 		const sink = trackErrors(page);
 		await openTool(page, "create-empty-png");
-		await expect(page.locator("h1")).toContainText("Create");
+		await expect(page.getByRole("heading", { level: 1 })).toBeVisible();
 		expectNoErrors(sink);
 	});
 });