Add Cypress Test Suite for Sample Test Request Workflow

cypress/e2e/sample_test_spec/SampleTestRequest.cy.ts

@@ -0,0 +1,83 @@
+import { SampleTestPage } from "pageobject/Sample/SampleTestCreate";
+import { PatientPage } from "pageobject/Patient/PatientCreation";
+import LoginPage from "pageobject/Login/LoginPage";
+
+describe("Sample Test", () => {
+  const sampleTestPage = new SampleTestPage();
+  const patientPage = new PatientPage();
+  const loginPage = new LoginPage();
+
+  const patientName = "Dummy Patient 11";
+  const sampleTestType = "BA/ETA";
+  const icmrCategory = "Cat 0";
+  const icmrLabel = "Test Icmr Label";
+  const doctorName = "Dr. John Doe";
+  const atypicalDetails = "Patient showing unusual symptoms";
+  const diagnosis = "Suspected respiratory infection";
+  const etiologyIdentified = "Bacterial infection suspected";
+  const differentialDiagnosis = "Possibly a viral infection";
+  const fastTrackReason =
+    "The patient has a high risk of complications and requires immediate testing.";
+
+  before(() => {
+    loginPage.loginAsDisctrictAdmin();
+    cy.saveLocalStorage();
+  });
+
+  beforeEach(() => {
+    cy.restoreLocalStorage();
+    cy.clearLocalStorage(/filters--.+/);
+  });
+
+  it("should request a new sample test", () => {
+    // Ensure patient list API is loaded before proceeding
+    cy.awaitUrl("/patients");
+    patientPage.visitPatient(patientName);
+    cy.verifyAndClickElement("#patient-details", "Patient Details");
+    sampleTestPage.interceptPatientDetailsAPI();
+    sampleTestPage.verifyPatientDetailsResponse();
+
+    // Ensure sample request API is loaded
+    sampleTestPage.visitSampleRequestPage();
+
+    // Fill form fields using helper functions
+    sampleTestPage.selectSampleType(sampleTestType);
+    sampleTestPage.selectIcmrCategory(icmrCategory);
+    sampleTestPage.fillIcmrLabel(icmrLabel);
+    sampleTestPage.fillFastTrackReason(fastTrackReason);
+    sampleTestPage.fillDoctorName(doctorName);
+    sampleTestPage.fillAtypicalPresentation(atypicalDetails);
+    sampleTestPage.fillDiagnosis(diagnosis);
+    sampleTestPage.fillEtiology(etiologyIdentified);
+    sampleTestPage.fillDiffDiagnosis(differentialDiagnosis);
+    sampleTestPage.checkHasSari();
+    sampleTestPage.checkHasAri();
+    sampleTestPage.checkIsUnusualCourse();
+
+    // Submit the form and verify notification
+    cy.submitButton("Confirm your request to send sample for testing");
+    cy.verifyNotification("Sample test created successfully");
+
+    // Check the updated request history
+    sampleTestPage.interceptSampleTestReq();
+    sampleTestPage.verifySampleTestReq();
+    sampleTestPage.checkRequestHistory(fastTrackReason);
+
+    // Ensure sample page API is loaded before proceeding
+    cy.awaitUrl("/sample");
+
+    sampleTestPage.searchPatientSample(patientName);
+    sampleTestPage.interceptGetSampleTestReq();
+    sampleTestPage.verifyGetSampleTestReq();
+    sampleTestPage.verifyPatientName(patientName);
+    sampleTestPage.clickOnSampleDetailsBtn();
+    sampleTestPage.verifyGetSampleTestReq();
+    sampleTestPage.verifyPatientTestDetails(
+      patientName,
+      fastTrackReason,
+      diagnosis,
+      differentialDiagnosis,
+      etiologyIdentified,
+    );
+  });
+});

cypress/pageobject/Sample/SampleTestCreate.ts

@@ -0,0 +1,115 @@
+export class SampleTestPage {
+  visitSampleRequestPage() {
+    cy.verifyAndClickElement("#sample-request-btn", "Request Sample Test");
+  }
+
+  selectSampleType(option: string) {
+    cy.clickAndSelectOption("#sample-type", option);
+  }
+
+  selectIcmrCategory(option: string) {
+    cy.clickAndSelectOption("#icmr-category", option);
+  }
+
+  fillIcmrLabel(label: string) {
+    cy.get("#icmr-label").should("be.visible").type(label);
+  }
+
+  fillFastTrackReason(value: string) {
+    cy.get("#is_fast_track").should("be.visible").check();
+    cy.get("#fast_track").should("be.visible").type(value);
+  }
+
+  fillDoctorName(value: string) {
+    cy.get("#doctor_name").should("be.visible").type(value);
+  }
+
+  fillAtypicalPresentation(value: string) {
+    cy.get("#is_atypical_presentation").should("be.visible").check();
+    cy.get("#atypical_presentation").should("be.visible").type(value);
+  }
+
+  fillDiagnosis(value: string) {
+    cy.get("#diagnosis").should("be.visible").type(value);
+  }
+
+  fillEtiology(value: string) {
+    cy.get("#etiology_identified").should("be.visible").type(value);
+  }
+
+  fillDiffDiagnosis(value: string) {
+    cy.get("#diff_diagnosis").should("be.visible").type(value);
+  }
+
+  checkHasSari() {
+    cy.get("#has_sari").should("be.visible").check();
+  }
+
+  checkHasAri() {
+    cy.get("#has_ari").should("be.visible").check();
+  }
+
+  checkIsUnusualCourse() {
+    cy.get("#is_unusual_course").should("be.visible").check();
+  }
+
+  checkRequestHistory(fastTrack: string) {
+    cy.verifyContentPresence("#sample-test-status", ["Request Submitted"]);
+    cy.verifyContentPresence("#sample-test-type", ["ba/eta"]);
+    cy.verifyContentPresence("#sample-test-fast-track", [fastTrack]);
+    cy.verifyContentPresence("#sample-test-result", ["Awaiting"]);
+  }
+
+  searchPatientSample(patientName: string) {
+    cy.get("#search_patient_name").should("be.visible").type(patientName);
+  }
+
+  verifyPatientName(patientName: string) {
+    cy.verifyContentPresence("#sample-test-patient-name", [patientName]);
+  }
+
+  clickOnSampleDetailsBtn() {
+    cy.get("#sample-details-btn").should("be.visible").first().click();
+  }
+
+  verifyPatientTestDetails(
+    patientName: string,
+    fastTrackReason: string,
+    diagnosis: string,
+    differentialDiagnosis: string,
+    etiologyIdentified: string,
+  ) {
+    cy.verifyContentPresence("#patient_name", [patientName]);
+    cy.verifyContentPresence("#fast_track_reason", [fastTrackReason]);
+    cy.verifyContentPresence("#doctor_name", ["Dr John Doe"]);
+    cy.verifyContentPresence("#diagnosis", [diagnosis]);
+    cy.verifyContentPresence("#diff_diagnosis", [differentialDiagnosis]);
+    cy.verifyContentPresence("#etiology_identified", [etiologyIdentified]);
+  }
+
+  interceptPatientDetailsAPI() {
+    cy.intercept("GET", "**/api/v1/patient/**").as("patientDetails");
+  }
+
+  verifyPatientDetailsResponse() {
+    cy.wait("@patientDetails").its("response.statusCode").should("eq", 200);
+  }
+
+  interceptSampleTestReq() {
+    cy.intercept("GET", "**/api/v1/patient/*/test_sample/**").as(
+      "sampleDetails",
+    );
+  }
+
+  verifySampleTestReq() {
+    cy.wait("@sampleDetails").its("response.statusCode").should("eq", 200);
+  }
+
+  interceptGetSampleTestReq() {
+    cy.intercept("GET", "**/api/v1/test_sample/**").as("getSampleTestReq");
+  }
+
+  verifyGetSampleTestReq() {
+    cy.wait("@getSampleTestReq").its("response.statusCode").should("eq", 200);
+  }
+}

src/components/Patient/PatientHome.tsx

@@ -1370,6 +1370,7 @@ export const PatientHome = (props: any) => {
                       )
                     }
                     authorizeFor={NonReadOnlyUsers}
+                    id="sample-request-btn"
                   >
                     <span className="flex w-full items-center justify-start gap-2">
                       <CareIcon icon="l-medkit" className="text-xl" />

src/components/Patient/SampleDetails.tsx

@@ -299,7 +299,7 @@ export const SampleDetails = ({ id }: DetailRoute) => {
           </div>
           <div>
             <span className="font-semibold leading-relaxed">Patient: </span>
-            {sampleDetails?.patient_name}
+            <span id="patient_name">{sampleDetails?.patient_name}</span>
           </div>
           {sampleDetails?.facility_object && (
             <div>
@@ -324,37 +324,41 @@ export const SampleDetails = ({ id }: DetailRoute) => {
               <span className="font-semibold leading-relaxed">
                 Fast track testing reason:{" "}
               </span>
-              {sampleDetails.fast_track}
+              <span id="fast_track_reason">{sampleDetails.fast_track}</span>
             </div>
           )}
           {sampleDetails?.doctor_name && (
             <div className="capitalize md:col-span-2">
               <span className="font-semibold leading-relaxed">
                 Doctor&apos;s Name:{" "}
               </span>
-              {startCase(camelCase(sampleDetails.doctor_name))}
+              <span id="doctor_name">
+                {startCase(camelCase(sampleDetails.doctor_name))}
+              </span>
             </div>
           )}
           {sampleDetails?.diagnosis && (
             <div className="md:col-span-2">
               <span className="font-semibold leading-relaxed">Diagnosis: </span>
-              {sampleDetails.diagnosis}
+              <span id="diagnosis">{sampleDetails.diagnosis}</span>
             </div>
           )}
           {sampleDetails?.diff_diagnosis && (
             <div className="md:col-span-2">
               <span className="font-semibold leading-relaxed">
                 Differential diagnosis:{" "}
               </span>
-              {sampleDetails?.diff_diagnosis}
+              <span id="diff_diagnosis">{sampleDetails?.diff_diagnosis}</span>
             </div>
           )}
           {sampleDetails?.etiology_identified && (
             <div className="md:col-span-2">
               <span className="font-semibold leading-relaxed">
                 Etiology identified:{" "}
               </span>
-              {sampleDetails.etiology_identified}
+              <span id="etiology_identified">
+                {sampleDetails.etiology_identified}
+              </span>
             </div>
           )}
           <div>

src/components/Patient/SampleTest.tsx

@@ -212,6 +212,7 @@ export const SampleTest = ({ facilityId, patientId }: any) => {
           options={SAMPLE_TYPE_CHOICES}
           optionLabel={(option) => option.text}
           optionValue={(option) => option.id}
+          id="sample-type"
         />
 
         {state.form.sample_type === "OTHER TYPE" && (
@@ -226,6 +227,7 @@ export const SampleTest = ({ facilityId, patientId }: any) => {
           options={ICMR_CATEGORY}
           optionLabel={(option) => option}
           optionValue={(option) => option}
+          id="icmr-category"
         />
         <div className="mb-6 flex flex-col gap-1">
           <p className="font-medium">
@@ -251,7 +253,11 @@ export const SampleTest = ({ facilityId, patientId }: any) => {
           </span>
         </div>
 
-        <TextFormField {...field("icmr_label", "ICMR Label")} required />
+        <TextFormField
+          {...field("icmr_label", "ICMR Label")}
+          required
+          id="icmr-label"
+        />
         <div className="mb-6 w-full flex-none">
           <FieldLabel>Testing Facility</FieldLabel>
           <FacilitySelect
@@ -270,22 +276,29 @@ export const SampleTest = ({ facilityId, patientId }: any) => {
           />
         </div>
         <CheckBoxFormField
+          id="is_fast_track"
           {...field("isFastTrack", "Is fast-track testing required?")}
         />
         {state.form.isFastTrack && (
           <TextAreaFormField
+            id="fast_track"
             {...field("fast_track", "Reasons for fast-track testing")}
             required
           />
         )}
 
-        <TextFormField {...field("doctor_name", "Doctor's Name")} />
+        <TextFormField
+          id="doctor_name"
+          {...field("doctor_name", "Doctor's Name")}
+        />
         <CheckBoxFormField
+          id="is_atypical_presentation"
           {...field("is_atypical_presentation", "Is atypical presentation?")}
         />
         {state.form.is_atypical_presentation && (
           <div>
             <TextAreaFormField
+              id="atypical_presentation"
               {...field(
                 "atypical_presentation",
                 "Atypical presentation details",
@@ -294,26 +307,38 @@ export const SampleTest = ({ facilityId, patientId }: any) => {
             />
           </div>
         )}
-        <TextAreaFormField {...field("diagnosis", "Diagnosis")} />
         <TextAreaFormField
+          id="diagnosis"
+          {...field("diagnosis", "Diagnosis")}
+        />
+        <TextAreaFormField
+          id="etiology_identified"
           {...field("etiology_identified", "Etiology identified")}
         />
         <TextAreaFormField
+          id="diff_diagnosis"
           {...field("diff_diagnosis", "Differential diagnosis")}
         />
 
         <CheckBoxFormField
+          id="has_sari"
           {...field("has_sari", "Has SARI (Severe Acute Respiratory illness)?")}
         />
         <CheckBoxFormField
+          id="has_ari"
           {...field("has_ari", "Has ARI (Acute Respiratory illness)?")}
         />
         <CheckBoxFormField
+          id="is_unusual_course"
           {...field("is_unusual_course", "Is unusual course?")}
         />
         <div className="mt-4 flex flex-col justify-end gap-2 lg:flex-row">
           <Cancel onClick={() => goBack()} />
-          <Submit onClick={handleSubmit} label={buttonText} />
+          <Submit
+            onClick={handleSubmit}
+            label={buttonText}
+            id="sample-test-submit-btn"
+          />
         </div>
       </form>
     </Page>