Enhanced Resource Page

cypress/e2e/patient_spec/patient_search.cy.ts

@@ -0,0 +1,23 @@
+import { patientSearch } from "../../pageObject/Patients/PatientSearch";
+
+describe("Patient Search", () => {
+  const TEST_PHONE = "9495031234";
+  const PATIENT_DETAILS = {
+    name: "Nihal",
+    sex: "Male",
+    phone: TEST_PHONE,
+  };
+
+  beforeEach(() => {
+    cy.visit("/login");
+    cy.loginByApi("staff");
+  });
+
+  it("search patient with phone number and verifies details", () => {
+    patientSearch
+      .selectFacility("Arike")
+      .clickSearchPatients()
+      .searchPatient(TEST_PHONE)
+      .verifySearchResults(PATIENT_DETAILS);
+  });
+});

cypress/fixtures/users.json

@@ -7,12 +7,8 @@
     "username": "nihal-nurse",
     "password": "Test@123"
   },
-  "doctor": {
-    "username": "arjun-doctor",
-    "password": "Test@123"
-  },
   "staff": {
     "username": "nihal-staff",
     "password": "Test@123"
   }
-}
+}

cypress/pageObject/Patients/PatientSearch.ts

@@ -0,0 +1,41 @@
+export class PatientSearch {
+  // Selectors
+  private selectors = {
+    patientsButton: '[data-cy="patients-button"]',
+    searchInput: "#patient-search",
+    patientCard: "#patient-search-results",
+    patientName: '[data-cy="patient-name"]',
+    patientDetails: "#patient-search-results",
+  };
+
+  // Actions
+  searchPatient(searchQuery: string) {
+    cy.get(this.selectors.searchInput).type(searchQuery);
+
+    // Wait for results to load
+    cy.get(this.selectors.patientCard).should("be.visible");
+    return this;
+  }
+
+  verifySearchResults(patientDetails: {
+    name: string;
+    sex: string;
+    phone: string;
+  }) {
+    // Convert object values to an array of strings
+    const detailsArray = Object.values(patientDetails);
+    cy.verifyContentPresence(this.selectors.patientDetails, detailsArray);
+  }
+
+  selectFacility(facilityName: string) {
+    cy.verifyAndClickElement("[data-cy='facility-list']", facilityName);
+    return this;
+  }
+
+  clickSearchPatients() {
+    cy.get('[data-sidebar="content"]').contains("Search Patients").click();
+    return this;
+  }
+}
+
+export const patientSearch = new PatientSearch();