External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

test: add e2e tests for html-to-image tool

Browse Source
This commit is contained in:
SnapOtter
2026-06-06 21:45:39 +08:00
parent a8b79f9da5
commit 041ac3dc56
1 changed files with 55 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/html-to-image.spec.ts
+55
View File
@@ -0,0 +1,55 @@
import { expect, test } from "@playwright/test";
test.describe("HTML to Image", () => {
test("navigates to the tool page", async ({ page }) => {
await page.goto("/html-to-image");
await expect(page.locator("input[type='url']")).toBeVisible();
});
test("shows capture button disabled when URL is empty", async ({ page }) => {
await page.goto("/html-to-image");
const button = page.locator("button[type='submit']");
await expect(button).toBeDisabled();
});
test("enables capture button when URL is entered", async ({ page }) => {
await page.goto("/html-to-image");
await page.locator("input[type='url']").fill("https://example.com");
const button = page.locator("button[type='submit']");
await expect(button).toBeEnabled();
});
test("captures a webpage and shows the result", async ({ page }) => {
await page.goto("/html-to-image");
await page.locator("input[type='url']").fill("https://example.com");
await page.locator("button[type='submit']").click();
const resultImg = page.locator("img[alt='Captured screenshot']");
await expect(resultImg).toBeVisible({ timeout: 45_000 });
});
test("shows download button after capture", async ({ page }) => {
await page.goto("/html-to-image");
await page.locator("input[type='url']").fill("https://example.com");
await page.locator("button[type='submit']").click();
const downloadBtn = page.getByRole("button", { name: /download/i });
await expect(downloadBtn).toBeVisible({ timeout: 45_000 });
});
test("device preset selector works", async ({ page }) => {
await page.goto("/html-to-image");
const preset = page.locator("select").nth(1);
await preset.selectOption("mobile");
await expect(preset).toHaveValue("mobile");
});
test("shows viewport fields when custom preset selected", async ({ page }) => {
await page.goto("/html-to-image");
const preset = page.locator("select").nth(1);
await preset.selectOption("custom");
const widthInput = page.locator("input[type='number']").first();
await expect(widthInput).toBeVisible();
});
});