Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2026-09-29 16:24:22 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: add compact resume view with session preferences (#3425)

Browse Source 
* feat: add compact resume view and session preferences

* test: match resume cards by literal names
This commit is contained in:
Amruth Pillai
2026-09-05 07:32:14 -07:00
committed by GitHub
parent 321f2fb43f
commit 1f308af728
6 changed files with 150 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/specs/resume-views.spec.ts
+46
View File
@@ -0,0 +1,46 @@
import { createSampleResumeFromDashboard } from "../fixtures/resume";
import { expect, test } from "../fixtures/test";
test("keeps compact and list preferences through navigation and reload, with explicit URL overrides", async ({
authPage: page,
}, testInfo) => {
test.setTimeout(60_000);
await page.setViewportSize({ width: 1440, height: 1000 });
const name = await createSampleResumeFromDashboard(page, testInfo);
await page.goto("/dashboard/resumes");
const card = page.getByRole("link").filter({ hasText: name });
await expect(card).toBeVisible();
const gridWidth = (await card.boundingBox())?.width;
if (!gridWidth) throw new Error("Resume card has no width.");
await page.getByRole("tab", { name: "Compact", exact: true }).click();
await expect(page.getByRole("tab", { name: "Compact", exact: true })).toHaveAttribute("aria-selected", "true");
await expect.poll(async () => (await card.boundingBox())?.width ?? gridWidth).toBeLessThan(gridWidth);
await card.click();
await page.waitForURL(/\/builder\/.+/);
await page.goto("/dashboard/resumes");
await expect(page.getByRole("tab", { name: "Compact", exact: true })).toHaveAttribute("aria-selected", "true");
await page.reload();
await expect(page.getByRole("tab", { name: "Compact", exact: true })).toHaveAttribute("aria-selected", "true");
await expect(card.locator('[style*="background-image: url("]')).toBeVisible({ timeout: 30_000 });
await page.screenshot({ path: testInfo.outputPath("compact-resumes.png"), animations: "disabled" });
await page.getByRole("tab", { name: "Grid", exact: true }).click();
await expect(page).toHaveURL(/view=grid/);
await expect(page.getByRole("tab", { name: "Grid", exact: true })).toHaveAttribute("aria-selected", "true");
await expect.poll(async () => (await card.boundingBox())?.width).toBe(gridWidth);
await page.getByRole("tab", { name: "List", exact: true }).click();
await expect(page.getByRole("tab", { name: "List", exact: true })).toHaveAttribute("aria-selected", "true");
await page.goto("/dashboard/resumes");
await expect(page.getByRole("tab", { name: "List", exact: true })).toHaveAttribute("aria-selected", "true");
await page.goto("/dashboard/resumes?view=grid");
await expect(page.getByRole("tab", { name: "Grid", exact: true })).toHaveAttribute("aria-selected", "true");
await page.goto("/dashboard/resumes?view=invalid");
await expect(page.getByRole("tab", { name: "Grid", exact: true })).toHaveAttribute("aria-selected", "true");
await page.setViewportSize({ width: 390, height: 844 });
await page.getByRole("tab", { name: "Compact", exact: true }).click();
await expect(page.getByRole("tab", { name: "Compact", exact: true })).toHaveAttribute("aria-selected", "true");
await expect(card).toBeVisible();
await expect.poll(() => page.evaluate(() => document.documentElement.scrollWidth)).toBeLessThanOrEqual(390);
await page.screenshot({ path: testInfo.outputPath("compact-resumes-mobile.png"), animations: "disabled" });
});