CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Update playwright snapshot names
CI Pipeline / test (20) (pull_request) Successful in 1m52s
Details
CI Pipeline / test (18) (pull_request) Successful in 2m5s
Details
CI Pipeline / e2e (chromium) (pull_request) Failing after 3m0s
Details
CI Pipeline / visual-regression (pull_request) Has been cancelled
Details
CI Pipeline / performance (pull_request) Has been cancelled
Details
CI Pipeline / storybook (pull_request) Has been cancelled
Details
CI Pipeline / lint (pull_request) Has been cancelled
Details
CI Pipeline / build (pull_request) Has been cancelled
Details
CI Pipeline / e2e (webkit) (pull_request) Has been cancelled
Details
CI Pipeline / e2e (firefox) (pull_request) Has been cancelled
Details

Browse Source
This commit is contained in:
adilallo
2025-09-02 22:43:44 -06:00
parent 07faeb2460
commit ce4a5efdda
3 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/footer.responsive.spec.js
+13 -12
View File
@@ -33,11 +33,11 @@ for (const bp of breakpoints) {
}) => {
// All breakpoints should have navigation items
await expect(
page.getByRole("link", { name: /use cases/i }),
page.getByRole("link", { name: /use cases/i })
).toBeVisible();
// Look for the "Learn" link specifically in the footer (not in other components)
await expect(
page.getByRole("contentinfo").getByRole("link", { name: /learn/i }),
page.getByRole("contentinfo").getByRole("link", { name: /learn/i })
).toBeVisible();
await expect(page.getByRole("link", { name: /about/i })).toBeVisible();
});
@@ -45,23 +45,23 @@ for (const bp of breakpoints) {
test(`footer legal links visibility at ${bp.name}`, async ({ page }) => {
// All breakpoints should have legal links
await expect(
page.getByRole("link", { name: /privacy policy/i }),
page.getByRole("link", { name: /privacy policy/i })
).toBeVisible();
await expect(
page.getByRole("link", { name: /terms of service/i }),
page.getByRole("link", { name: /terms of service/i })
).toBeVisible();
await expect(
page.getByRole("link", { name: /cookies settings/i }),
page.getByRole("link", { name: /cookies settings/i })
).toBeVisible();
});
test(`footer social links visibility at ${bp.name}`, async ({ page }) => {
// All breakpoints should have social links
await expect(
page.getByRole("link", { name: /follow us on bluesky/i }),
page.getByRole("link", { name: /follow us on bluesky/i })
).toBeVisible();
await expect(
page.getByRole("link", { name: /follow us on gitlab/i }),
page.getByRole("link", { name: /follow us on gitlab/i })
).toBeVisible();
});
@@ -117,8 +117,9 @@ test.describe("Footer visual regression", () => {
await page.waitForTimeout(500);
// Take a screenshot for visual regression testing
// Note: Playwright automatically appends the browser name (e.g., -chromium, -firefox)
await expect(page.getByRole("contentinfo")).toHaveScreenshot(
`footer-${bp.name}.png`,
`footer-${bp.name}.png`
);
}
});
@@ -146,7 +147,7 @@ test.describe("Footer visual regression", () => {
await useCasesLink.hover();
await page.waitForTimeout(200);
await expect(page.getByRole("contentinfo")).toHaveScreenshot(
`footer-${bp.name}-hover-nav.png`,
`footer-${bp.name}-hover-nav.png`
);
// Test hover on social links
@@ -156,7 +157,7 @@ test.describe("Footer visual regression", () => {
await blueskyLink.hover();
await page.waitForTimeout(200);
await expect(page.getByRole("contentinfo")).toHaveScreenshot(
`footer-${bp.name}-hover-social.png`,
`footer-${bp.name}-hover-social.png`
);
}
});
@@ -184,7 +185,7 @@ test.describe("Footer visual regression", () => {
await useCasesLink.focus();
await page.waitForTimeout(200);
await expect(page.getByRole("contentinfo")).toHaveScreenshot(
`footer-${bp.name}-focus-nav.png`,
`footer-${bp.name}-focus-nav.png`
);
// Test focus on social links
@@ -194,7 +195,7 @@ test.describe("Footer visual regression", () => {
await blueskyLink.focus();
await page.waitForTimeout(200);
await expect(page.getByRole("contentinfo")).toHaveScreenshot(
`footer-${bp.name}-focus-social.png`,
`footer-${bp.name}-focus-social.png`
);
}
});