content: label the Experience chapter Experience in the navigation
This commit is contained in:
@@ -220,33 +220,27 @@ test("responsive navigation exposes the exact visible label as each link's acces
|
||||
await page.goto(distUrl, { waitUntil: "domcontentloaded" });
|
||||
|
||||
await expect(
|
||||
page.getByRole("link", { name: "Career", exact: true }),
|
||||
page.getByRole("link", { name: "Experience", exact: true }),
|
||||
).toBeVisible();
|
||||
await expect(
|
||||
page.getByRole("link", { name: "More work", exact: true }),
|
||||
).toBeVisible();
|
||||
await expect(
|
||||
page.getByRole("link", { name: "Experience", exact: true }),
|
||||
).toHaveCount(0);
|
||||
await expect(
|
||||
page.getByRole("link", { name: "Additional work", exact: true }),
|
||||
).toHaveCount(0);
|
||||
|
||||
await page.setViewportSize({ width: 320, height: 800 });
|
||||
await revealNavigationLinks(page);
|
||||
const career = page.getByRole("link", { name: "Career", exact: true });
|
||||
await expect(career).toHaveText("Career");
|
||||
const experience = page.getByRole("link", { name: "Experience", exact: true });
|
||||
await expect(experience).toHaveText("Experience");
|
||||
await expect(
|
||||
page.getByRole("link", { name: "More work", exact: true }),
|
||||
).toHaveText("More work");
|
||||
await expect(
|
||||
page.getByRole("link", { name: "Experience", exact: true }),
|
||||
).toHaveCount(0);
|
||||
await expect(
|
||||
page.getByRole("link", { name: "Additional work", exact: true }),
|
||||
).toHaveCount(0);
|
||||
|
||||
await career.focus();
|
||||
await experience.focus();
|
||||
await page.keyboard.press("Enter");
|
||||
await expect(page.locator("#experience-heading")).toBeFocused();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user