fix: align mobile footer navigation
This commit is contained in:
@@ -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 }) => {
|
||||
|
||||
Reference in New Issue
Block a user