Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scale mobile hero vector responsively

Browse Source
This commit is contained in:
Keith Solomon
2026-06-27 17:53:00 -05:00
parent bdf78d58ac
commit f8d60a63a4
2 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/mobile-homepage.spec.js
+16
View File
@@ -62,12 +62,28 @@ test("mobile hero CTAs remain fully visible at 320px", async ({ page }) => {
await page.setViewportSize({ width: 320, height: 800 });
await page.goto(homepage);
const vector = await getBox(
page.locator(".homepage-hero .heroVector .vector"),
);
const buttons = page.locator(".homepage-hero .reset .button");
const firstButton = await getBox(buttons.nth(0));
const secondButton = await getBox(buttons.nth(1));
expectNear(firstButton.y, secondButton.y, 2);
expect(secondButton.x + secondButton.width).toBeLessThanOrEqual(320);
expect(vector.x + vector.width).toBeGreaterThanOrEqual(316);
});
test("mobile hero vector covers the 767px composition", async ({ page }) => {
await page.setViewportSize({ width: 767, height: 900 });
await page.goto(homepage);
const vector = await getBox(
page.locator(".homepage-hero .heroVector .vector"),
);
expect(vector.x).toBeLessThan(0);
expect(vector.x + vector.width).toBeGreaterThanOrEqual(760);
});
test("mobile recent posts exposes previous and next controls", async ({