diff --git a/src/components/SiteNavigation.vue b/src/components/SiteNavigation.vue index 0aa7c99..9993ac7 100644 --- a/src/components/SiteNavigation.vue +++ b/src/components/SiteNavigation.vue @@ -18,7 +18,7 @@ const props = defineProps<{ const navigationLabels: Readonly> = { start: "Start", profile: "Profile", - experience: "Career", + experience: "Experience", infrastructure: "Infra", "selected-builds": "Builds", "additional-work": "More work", diff --git a/tests/browser/accessibility-keyboard.spec.ts b/tests/browser/accessibility-keyboard.spec.ts index 4b29bb1..9551b3c 100644 --- a/tests/browser/accessibility-keyboard.spec.ts +++ b/tests/browser/accessibility-keyboard.spec.ts @@ -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(); }); diff --git a/tests/browser/no-javascript.spec.ts b/tests/browser/no-javascript.spec.ts index 3274a55..dcdb773 100644 --- a/tests/browser/no-javascript.spec.ts +++ b/tests/browser/no-javascript.spec.ts @@ -28,7 +28,7 @@ const navigationLabels: Readonly> = { start: "Start", profile: "Profile", - experience: "Career", + experience: "Experience", infrastructure: "Infra", "selected-builds": "Builds", "additional-work": "More work", diff --git a/tests/unit/AppShell.test.ts b/tests/unit/AppShell.test.ts index 108cd5d..5c4afb1 100644 --- a/tests/unit/AppShell.test.ts +++ b/tests/unit/AppShell.test.ts @@ -107,7 +107,7 @@ describe('semantic portfolio document', () => { const additional = document.querySelector('nav a[href="#additional-work"]')!; expect(experience.hasAttribute('aria-label')).toBe(false); - expect(experience.textContent).toBe('Career'); + expect(experience.textContent).toBe('Experience'); expect(experience.childElementCount).toBe(0); expect(additional.hasAttribute('aria-label')).toBe(false); expect(additional.textContent).toBe('More work'); @@ -136,7 +136,7 @@ describe('semantic portfolio document', () => { 'Profile', 'Experience', 'Infrastructure', 'Selected builds', 'Additional work', 'Toolkit', 'Contact', ]); expect([...document.querySelectorAll('nav a')].map((link) => [link.getAttribute('href'), link.textContent])).toEqual([ - ['#start', 'Start'], ['#profile', 'Profile'], ['#experience', 'Career'], ['#infrastructure', 'Infra'], + ['#start', 'Start'], ['#profile', 'Profile'], ['#experience', 'Experience'], ['#infrastructure', 'Infra'], ['#selected-builds', 'Builds'], ['#additional-work', 'More work'], ['#toolkit', 'Toolkit'], ['#contact', 'Contact'], ]); });