fix: align mobile footer navigation

This commit is contained in:
Keith Solomon
2026-06-27 22:54:17 -05:00
parent 20d25e966d
commit 0a48a1938c
2 changed files with 9 additions and 0 deletions
+8
View File
@@ -705,12 +705,20 @@ test("mobile footer matches the reference hierarchy", async ({ page }) => {
const logo = await getBox(footer.locator(".site-footer__logo-image"));
const backToTop = await getBox(footer.locator("#backToTopBtn"));
const nav = await getBox(footer.locator("#footer-nav"));
const firstNavLink = await getBox(
footer.locator(".site-footer__nav-link").first(),
);
const contact = await getBox(footer.locator(".contact"));
const firstContactItem = await getBox(
footer.locator(".contact__item").first(),
);
expectNear(footerBox.height, 673, 12);
expectNear(logo.y, backToTop.y, 8);
expect(nav.y).toBeGreaterThan(logo.y + logo.height);
expect(contact.y).toBeGreaterThan(nav.y + nav.height);
expectNear(firstNavLink.x, logo.x, 2);
expectNear(firstNavLink.x, firstContactItem.x, 2);
});
test("mobile footer scales down and remains contained", async ({ page }) => {