fix cypress test

AdityaJ2305 · Dec 24, 2024 · 8cb506d · 8cb506d
1 parent 371827b
commit 8cb506d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/cypress/pageobject/Users/UserSearch.ts b/cypress/pageobject/Users/UserSearch.ts
@@ -83,6 +83,6 @@ export class UserPage {
   }
 
   verifyListView() {
-    cy.get("#user-list-view").should("have.class", "text-white");
+    cy.get("#user-list-view").should("have.attr", "data-state", "active");
   }
 }
diff --git a/src/components/Facility/FacilityUsers.tsx b/src/components/Facility/FacilityUsers.tsx
@@ -99,14 +99,14 @@ export default function FacilityUsers(props: { facilityId: number }) {
         </div>
         <Tabs value={activeTab} onValueChange={setActiveTab}>
           <TabsList>
-            <TabsTrigger value="cardView">
-              <div className="flex items-center gap-2" id="user-card-view">
+            <TabsTrigger value="cardView" id="user-card-view">
+              <div className="flex items-center gap-2">
                 <CareIcon icon="l-credit-card" className="text-lg" />
                 <span>Card</span>
               </div>
             </TabsTrigger>
-            <TabsTrigger value="listView">
-              <div className="flex items-center gap-2" id="user-list-view">
+            <TabsTrigger value="listView" id="user-list-view">
+              <div className="flex items-center gap-2">
                 <CareIcon icon="l-list-ul" className="text-lg" />
                 <span>List</span>
               </div>

diff --git a/src/components/Users/ManageUsers.tsx b/src/components/Users/ManageUsers.tsx
@@ -193,13 +193,13 @@ export default function ManageUsers() {
           </div>
           <Tabs value={activeTab} onValueChange={setActiveTab}>
             <TabsList>
-              <TabsTrigger value="cardView">
-                <div className="flex items-center gap-2" id="user-card-view">
+              <TabsTrigger value="cardView" id="user-card-view">
+                <div className="flex items-center gap-2">
                   <CareIcon icon="l-credit-card" className="text-lg" />
                   <span>Card</span>
                 </div>
               </TabsTrigger>
-              <TabsTrigger value="listView">
+              <TabsTrigger value="listView" id="user-list-view">
                 <div className="flex items-center gap-2" id="user-list-view">
                   <CareIcon icon="l-list-ul" className="text-lg" />
                   <span>List</span>