Fixed Add a better search UI for patients index page #8691

cypress/e2e/patient_spec/PatientHomepage.cy.ts

@@ -157,14 +157,15 @@ describe("Patient Homepage present functionalities", () => {
     patientHome.verifyPatientExportRequest();
   });
 
-  it("Verify the functionality of the patient tab pagination", () => {
+  it("Test Pagination on Patient List Page", () => {
     let firstPatientPageOne: string;
     cy.get('[data-cy="patient"]')
       .first()
       .invoke("text")
       .then((patientOne: string) => {
         firstPatientPageOne = patientOne.trim();
         pageNavigation.navigateToNextPage();
+        cy.wait(2000);
         pageNavigation.verifyCurrentPageNumber(2);
         cy.get('[data-cy="patient"]')
           .first()

cypress/pageobject/Facility/FacilityHome.ts

@@ -26,8 +26,7 @@ class FacilityHome {
   }
 
   typeFacilitySearch(facilityName: string) {
-    cy.get("#search-by-facility").click().clear();
-    cy.get("#search-by-facility").click().type(facilityName);
+    cy.get("#facility-search").click().clear().type(facilityName);
   }
 
   clickMenuItem(itemName: string) {

cypress/pageobject/Patient/PatientCreation.ts

@@ -11,7 +11,8 @@ export class PatientPage {
   }
 
   visitPatient(patientName: string) {
-    cy.get("#name").click().type(patientName);
+    cy.get('[data-test-id="patient-search__name"]').click();
+    cy.get("#patient-search").click().type(patientName); // Type the patient name
     cy.intercept("GET", "**/api/v1/consultation/**").as("getPatient");
     cy.get("#patient-name-list").contains(patientName).click();
     cy.wait(2000);
@@ -66,7 +67,8 @@ export class PatientPage {
   }
 
   typePatientNameList(patientName: string) {
-    cy.get("#name").click().type(patientName);
+    cy.get('[data-test-id="patient-search__name"]').click();
+    cy.get("#patient-search").click().type(patientName);
   }
 
   typePatientAddress(address: string) {