Cypress: Patient Prescription Management

cypress/e2e/patient_spec/patient_prescription.cy.ts

@@ -0,0 +1,49 @@
+import { PatientEncounter } from "@/pageObject/Patients/PatientEncounter";
+import { FacilityCreation } from "@/pageObject/facility/FacilityCreation";
+
+const facilityCreation = new FacilityCreation();
+const patientEncounter = new PatientEncounter();
+
+describe("Patient Prescription Management", () => {
+  beforeEach(() => {
+    cy.loginByApi("devnurse");
+    cy.visit("/");
+  });
+
+  it("should add a new medicine for the patient", () => {
+    facilityCreation.selectFacility("GHC payyanur");
+    const medicineName = "Senna 15 mg oral tablet";
+    const dosage = 6;
+    const frequency = "BID (1-0-1)";
+    const instructions = "Until symptoms improve";
+    const route = "Sublabial route";
+    const site = "Structure of left deltoid muscle";
+    const method = "Bathe";
+    const notes = "testing notes";
+    patientEncounter
+      .navigateToEncounters()
+      .openFirstEncounterDetails()
+      .clickMedicinesTab()
+      .clickEditPrescription()
+      .addMedication(
+        medicineName,
+        dosage,
+        frequency,
+        instructions,
+        route,
+        site,
+        method,
+        notes,
+      );
+  });
+  it("should delete prescription", () => {
+    facilityCreation.selectFacility("GHC payyanur");
+
+    patientEncounter
+      .navigateToEncounters()
+      .openFirstEncounterDetails()
+      .clickMedicinesTab()
+      .clickEditPrescription()
+      .removeMedication();
+  });
+});

cypress/pageObject/Patients/PatientEncounter.ts

@@ -12,7 +12,56 @@ export class PatientEncounter {
       .click();
     return this;
   }
+  clickMedicinesTab() {
+    cy.verifyAndClickElement('[data-cy="tab-medicines"]', "Medicines");
+    return this;
+  }
+  clickEditPrescription() {
+    cy.verifyAndClickElement('[data-cy="edit-prescription"]', "Edit");
+    return this;
+  }
+  addMedication(
+    medicineName,
+    dosage,
+    frequency,
+    instructions,
+    route,
+    site,
+    method,
+    notes,
+  ) {
+    cy.get('[data-cy="question-medication-request"]').click();
+    cy.get('[role="listbox"]')
+      .find('[role="option"]')
+      .contains(medicineName)
+      .click();
+    cy.get('input[inputmode="numeric"]').should("exist").type(dosage);
+    cy.get('[data-cy="frequency"]').click();
+    cy.get('[role="option"]').contains(frequency).click();
+    cy.contains("Select additional instructions").click();
+    cy.get('[role="listbox"]')
+      .find('[role="option"]')
+      .contains(instructions)
+      .click();
+    cy.contains("Select route").click();
+    cy.get('[role="listbox"]').find('[role="option"]').contains(route).click();
+    cy.contains("Select site").click();
+    cy.get('[role="listbox"]').find('[role="option"]').contains(site).click();
+    cy.contains("Select method").click();
+    cy.get('[role="listbox"]').get('[role="option"]').contains(method).click();
+    cy.get('[data-cy="notes"]').click();
+    cy.get('[data-cy="notes-textarea"]').type(notes);
 
+    this.clickSubmitQuestionnaire();
+    this.verifyQuestionnaireSubmission();
+    return this;
+  }
+  removeMedication() {
+    cy.get('[data-cy="medication-remove"]').first().click();
+    cy.verifyAndClickElement('[data-cy="confirm-remove-medication"]', "Remove");
+    this.clickSubmitQuestionnaire();
+    this.verifyQuestionnaireSubmission();
+  }
   clickUpdateEncounter() {
     cy.verifyAndClickElement(
       '[data-cy="update-encounter-option"]',

src/components/Medicine/MedicationRequestTable/index.tsx

@@ -158,6 +158,7 @@ export default function MedicationRequestTable({
                     variant="outline"
                     size="sm"
                     className="text-gray-950 hover:text-gray-700 h-9"
+                    data-cy="edit-prescription"
                   >
                     <Link
                       href={`/facility/${facilityId}/patient/${patientId}/encounter/${encounterId}/questionnaire/medication_request`}

src/components/Questionnaire/QuestionTypes/MedicationRequestQuestion.tsx

@@ -202,6 +202,7 @@ export function MedicationRequestQuestion({
             <AlertDialogAction
               onClick={confirmRemoveMedication}
               className={cn(buttonVariants({ variant: "destructive" }))}
+              data-cy="confirm-remove-medication"
             >
               {t("remove")}
             </AlertDialogAction>
@@ -317,6 +318,7 @@ export function MedicationRequestQuestion({
                                       medication.status === "entered_in_error"
                                     }
                                     className="h-8 w-8"
+                                    data-cy="medication-remove"
                                   >
                                     <MinusCircledIcon className="h-4 w-4" />
                                   </Button>
@@ -619,7 +621,7 @@ const MedicationRequestGridRow: React.FC<MedicationRequestGridRowProps> = ({
           }}
           disabled={disabled || isReadOnly}
         >
-          <SelectTrigger className="h-9 text-sm">
+          <SelectTrigger className="h-9 text-sm" data-cy="frequency">
             <SelectValue placeholder={t("select_frequency")} />
           </SelectTrigger>
           <SelectContent>
@@ -879,6 +881,7 @@ const MedicationRequestGridRow: React.FC<MedicationRequestGridRowProps> = ({
           onClick={onRemove}
           disabled={disabled}
           className="h-8 w-8"
+          data-cy="medication-remove"
         >
           <MinusCircledIcon className="h-4 w-4" />
         </Button>

src/components/Questionnaire/QuestionTypes/NotesInput.tsx

@@ -38,6 +38,7 @@ export function NotesInput({
             size="sm"
             className="h-full w-28 text-sm font-normal text-gray-700 hover:text-gray-900"
             disabled={disabled}
+            data-cy="notes"
           >
             {hasNotes ? (
               <div className="w-1.5 h-1.5 rounded-full bg-orange-400 " />
@@ -54,6 +55,7 @@ export function NotesInput({
             className=" border-yellow-200 focus-visible:border-yellow-300 focus-visible:ring-yellow-300"
             placeholder="Add notes..."
             disabled={disabled}
+            data-cy="notes-textarea"
           />
         </PopoverContent>
       </Popover>

src/pages/Encounters/EncounterShow.tsx

@@ -170,6 +170,7 @@ export const EncounterShow = (props: Props) => {
                 {keysOf(tabs).map((tab) => (
                   <Link
                     key={tab}
+                    data-cy={`tab-${tab}`}
                     className={tabButtonClasses(props.tab === tab)}
                     href={`/facility/${facilityId}/patient/${patientId}/encounter/${encounterData.id}/${tab}`}
                   >