Verify exact text for icons fix

ohcnetwork · Nov 27, 2024 · bbe15ed · bbe15ed
1 parent 19a6609
commit bbe15ed
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/cypress/pageobject/Facility/FacilityHome.ts b/cypress/pageobject/Facility/FacilityHome.ts
@@ -118,12 +118,20 @@ class FacilityHome {
     this.sidebarItems()
       .should("have.length.at.least", 1)
       .each(($item) => {
+        const expectedText = $item.attr("data-text");
+
         cy.wrap($item, { timeout: 10000 })
           .find('[data-testid="sidebar-icon"]')
           .should("be.visible");
         cy.wrap($item, { timeout: 10000 })
           .find('[data-testid="sidebar-text"]')
-          .should(textVisibility);
+          .should(textVisibility)
+          .then(($text) => {
+            if (textVisibility === "be.visible") {
+              const actualText = $text.text().trim();
+              expect(actualText).to.eq(expectedText);
+            }
+          });
       });
   }
 

diff --git a/src/components/Common/Sidebar/SidebarItem.tsx b/src/components/Common/Sidebar/SidebarItem.tsx
@@ -34,6 +34,7 @@ const SidebarItemBase = forwardRef<HTMLAnchorElement, SidebarItemBaseProps>(
         ref={ref}
         id={props?.id}
         data-testid="sidebar-item"
+        data-text={props.text}
         className={`tooltip relative ml-1 mr-2 h-12 flex-1 cursor-pointer rounded-md py-1 font-medium text-gray-600 transition md:flex-none ${
           props.selected
             ? "bg-white text-green-800 shadow"