feat: Translate TopNavBar home link label (#1197)

* feat: Translate TopNavBar home link label * test: Update TopNavBar test to check for multiple "Home" text instances
DTS-STN · Feb 24, 2025 · 5fbd1b2 · 5fbd1b2
1 parent 253a4b1
commit 5fbd1b2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/molecules/TopNavBar.js b/components/molecules/TopNavBar.js
@@ -53,7 +53,7 @@ export function TopNavBar({
       <div className="static lg:hidden mt-4 flex flex-col w-full mr-4">
         <div className="flex justify-between">
           <Link href={homeLink} className="ml-4 font-body text-p font-semibold">
-            Service Canada Labs
+            {homeLinkLabel}
           </Link>
           <button
             aria-label={buttonAriaLabel}

diff --git a/components/molecules/TopNavBar.test.js b/components/molecules/TopNavBar.test.js
@@ -13,7 +13,7 @@ describe("TopNavBar", () => {
     render(<Primary {...Primary.args} />);
     expect(screen.getByLabelText("nav-aria-label")).toBeTruthy();
     expect(screen.getByLabelText("button-aria-label")).toBeTruthy();
-    expect(screen.getByText("Home")).toBeTruthy();
+    expect(screen.getAllByText("Home")).toHaveLength(2);
     expect(screen.getByText("Updates")).toBeTruthy();
   });
 
@@ -22,7 +22,7 @@ describe("TopNavBar", () => {
     global.innerWidth = 500;
     expect(screen.getByLabelText("nav-aria-label")).toBeTruthy();
     expect(screen.getByLabelText("button-aria-label")).toBeTruthy();
-    expect(screen.getByText("Home")).toBeTruthy();
+    expect(screen.getAllByText("Home")).toHaveLength(2);
     expect(screen.getByText("Updates")).toBeTruthy();
   });