import path from "node:path";
import type { Page } from "@playwright/test";
import { expect, test, waitForProcessing } from "./helpers";
const PDF_FIXTURE = path.join(
process.cwd(),
"tests",
"fixtures",
"document",
"valid",
"test-3page.pdf",
);
// The dropzone opens a native file chooser on click rather than exposing a
// persistent , so upload through the chooser event.
async function uploadPdf(page: Page): Promise {
const fileChooserPromise = page.waitForEvent("filechooser");
await page
.getByRole("button", { name: /upload from computer/i })
.first()
.click();
const fileChooser = await fileChooserPromise;
await fileChooser.setFiles(PDF_FIXTURE);
await page.waitForTimeout(500);
}
test.describe("PDF to Image tool", () => {
test("shows page thumbnails after uploading a PDF", async ({ loggedInPage: page }) => {
await page.goto("/pdf/pdf-to-image");
await uploadPdf(page);
// Wait for page count to appear
await expect(page.locator(".bg-muted").getByText("3 pages")).toBeVisible({ timeout: 15_000 });
// Wait for thumbnails to appear in the results panel
await expect(page.locator("text=3 of 3 pages selected")).toBeVisible({ timeout: 15_000 });
});
test("converts a PDF page to an image and shows results", async ({ loggedInPage: page }) => {
await page.goto("/pdf/pdf-to-image");
await uploadPdf(page);
await expect(page.locator(".bg-muted").getByText("3 pages")).toBeVisible({ timeout: 15_000 });
// Set pages to just page 1
await page.fill("#pdf-pages", "1");
// Click convert
await page.getByTestId("pdf-to-image-submit").click();
// Wait for processing
await waitForProcessing(page);
// Verify download link appears
await expect(page.getByTestId("pdf-to-image-download")).toBeVisible({ timeout: 15_000 });
await expect(page.getByTestId("pdf-to-image-download")).toContainText("Download All");
// Verify results panel shows converted page
await expect(page.locator("text=1 page converted")).toBeVisible();
});
test("can select and deselect pages via thumbnails", async ({ loggedInPage: page }) => {
await page.goto("/pdf/pdf-to-image");
await uploadPdf(page);
await expect(page.locator("text=3 of 3 pages selected")).toBeVisible({ timeout: 15_000 });
// Click "Deselect All"
await page.locator("text=Deselect All").click();
await expect(page.locator("text=0 of 3 pages selected")).toBeVisible();
// Click "Select All"
await page.locator("text=Select All").click();
await expect(page.locator("text=3 of 3 pages selected")).toBeVisible();
});
});
test.describe("PDF conversion preset pages", () => {
for (const toolId of ["pdf-to-png", "pdf-to-jpg"]) {
test(`${toolId} shows the ZIP download after synchronous conversion`, async ({
loggedInPage: page,
}) => {
await page.goto(`/pdf/${toolId}`);
await uploadPdf(page);
await page.getByTestId("preset-submit").click();
const download = page.getByTestId("preset-download");
await expect(download).toBeVisible({ timeout: 15_000 });
await expect(download).toHaveAttribute("href", /\/api\/v1\/download\/[^/]+\/pdf-pages\.zip$/);
});
}
});