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

Fix playwright config mismatch
CI Pipeline / test (20) (pull_request) Successful in 7m8s
Details
CI Pipeline / test (18) (pull_request) Successful in 7m24s
Details
CI Pipeline / e2e (webkit) (pull_request) Has been cancelled
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 (firefox) (pull_request) Has been cancelled
Details
CI Pipeline / e2e (chromium) (pull_request) Has been cancelled
Details

Browse Source
This commit is contained in:
adilallo
2025-09-02 19:06:51 -06:00
parent edf8637d7d
commit 1cda0e7ad3
8 changed files with 196 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/footer.responsive.spec.js
+19 -7
View File
@@ -37,7 +37,7 @@ for (const bp of breakpoints) {
).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();
});
@@ -140,7 +140,9 @@ test.describe("Footer visual regression", () => {
await page.waitForTimeout(500);
// Test hover on navigation items
const useCasesLink = page.getByRole("contentinfo").getByRole("link", { name: /use cases/i });
const useCasesLink = page
.getByRole("contentinfo")
.getByRole("link", { name: /use cases/i });
await useCasesLink.hover();
await page.waitForTimeout(200);
await expect(page.getByRole("contentinfo")).toHaveScreenshot(
@@ -176,7 +178,9 @@ test.describe("Footer visual regression", () => {
await page.waitForTimeout(500);
// Test focus on navigation items
const useCasesLink = page.getByRole("contentinfo").getByRole("link", { name: /use cases/i });
const useCasesLink = page
.getByRole("contentinfo")
.getByRole("link", { name: /use cases/i });
await useCasesLink.focus();
await page.waitForTimeout(200);
await expect(page.getByRole("contentinfo")).toHaveScreenshot(
@@ -235,10 +239,18 @@ test.describe("Footer responsive behavior", () => {
page.getByRole("contentinfo").getByRole("link", { name: /use cases/i }),
page.getByRole("contentinfo").getByRole("link", { name: /learn/i }),
page.getByRole("contentinfo").getByRole("link", { name: /about/i }),
page.getByRole("contentinfo").getByRole("link", { name: /privacy policy/i }),
page.getByRole("contentinfo").getByRole("link", { name: /terms of service/i }),
page.getByRole("contentinfo").getByRole("link", { name: /follow us on bluesky/i }),
page.getByRole("contentinfo").getByRole("link", { name: /follow us on gitlab/i }),
page
.getByRole("contentinfo")
.getByRole("link", { name: /privacy policy/i }),
page
.getByRole("contentinfo")
.getByRole("link", { name: /terms of service/i }),
page
.getByRole("contentinfo")
.getByRole("link", { name: /follow us on bluesky/i }),
page
.getByRole("contentinfo")
.getByRole("link", { name: /follow us on gitlab/i }),
];
for (const element of interactiveElements) {