Patient Registration: Adds social profile section (#8570)

ohcnetwork · Sep 19, 2024 · 471b2f5 · 471b2f5
1 parent af014a1
commit 471b2f5
Show file tree

Hide file tree

Showing 12 changed files with 196 additions and 270 deletions.
diff --git a/cypress/e2e/patient_spec/PatientRegistration.cy.ts b/cypress/e2e/patient_spec/PatientRegistration.cy.ts
@@ -101,6 +101,8 @@ describe("Patient Creation with consultation", () => {
     facilityPage.selectLocalBody(patientOneLocalbody);
     facilityPage.selectWard(patientOneWard);
     patientPage.selectPatientOccupation(patientOccupation);
+    patientPage.selectSocioeconomicStatus("MIDDLE_CLASS");
+    patientPage.selectDomesticHealthcareSupport("FAMILY_MEMBER");
     // Patient Medical History
     patientMedicalHistory.typePatientPresentHealth(patientOnePresentHealth);
     patientMedicalHistory.typePatientOngoingMedication(
@@ -130,6 +132,8 @@ describe("Patient Creation with consultation", () => {
       yearOfBirth,
       patientOneBloodGroup,
       patientOccupation,
+      "Middle Class",
+      "Family member",
     );
     patientMedicalHistory.verifyPatientMedicalDetails(
       patientOnePresentHealth,

diff --git a/cypress/e2e/users_spec/user_manage.cy.ts b/cypress/e2e/users_spec/user_manage.cy.ts
diff --git a/cypress/e2e/users_spec/user_profile.cy.ts b/cypress/e2e/users_spec/user_profile.cy.ts
diff --git a/cypress/pageobject/Patient/PatientCreation.ts b/cypress/pageobject/Patient/PatientCreation.ts
@@ -117,6 +117,14 @@ export class PatientPage {
     cy.searchAndSelectOption("#occupation", occupation);
   }
 
+  selectSocioeconomicStatus(value: string) {
+    cy.selectRadioOption("socioeconomic_status", value);
+  }
+
+  selectDomesticHealthcareSupport(value: string) {
+    cy.selectRadioOption("domestic_healthcare_support", value);
+  }
+
   clickCreatePatient() {
     cy.intercept("POST", "**/api/v1/patient/").as("createPatient");
     cy.get("button[data-testid='submit-button']").click();
@@ -165,6 +173,8 @@ export class PatientPage {
     yearOfBirth,
     bloodGroup,
     occupation,
+    socioeconomicStatus = null,
+    domesticHealthcareSupport = null,
     isAntenatal = false,
     isPostPartum = false,
   ) {
@@ -178,6 +188,9 @@ export class PatientPage {
       expect($dashboard).to.contain(yearOfBirth);
       expect($dashboard).to.contain(bloodGroup);
       expect($dashboard).to.contain(occupation);
+      socioeconomicStatus && expect($dashboard).to.contain(socioeconomicStatus);
+      domesticHealthcareSupport &&
+        expect($dashboard).to.contain(domesticHealthcareSupport);
 
       if (isAntenatal) {
         expect($dashboard).to.contain("Antenatal");

diff --git a/cypress/support/commands.ts b/cypress/support/commands.ts
@@ -169,6 +169,10 @@ Cypress.Commands.add(
   },
 );
 
+Cypress.Commands.add("selectRadioOption", (name: string, value: string) => {
+  cy.get(`input[type='radio'][name='${name}'][value=${value}]`).click();
+});
+
 Cypress.Commands.add("clickAndTypeDate", (selector: string, date: string) => {
   cy.get(selector).scrollIntoView();
   cy.get(selector).click();

diff --git a/cypress/support/index.ts b/cypress/support/index.ts
@@ -23,6 +23,7 @@ declare global {
         selector: string,
         symptoms: string | string[],
       ): Chainable<Element>;
+      selectRadioOption(name: string, value: string): Chainable<Element>;
       typeAndMultiSelectOption(
         selector: string,
         input: string,

diff --git a/src/Common/constants.tsx b/src/Common/constants.tsx
@@ -1415,6 +1415,20 @@ export const CONSENT_PATIENT_CODE_STATUS_CHOICES = [
   { id: 3, text: "Comfort Care Only" },
   { id: 4, text: "Active treatment" },
 ];
+
+export const SOCIOECONOMIC_STATUS_CHOICES = [
+  "MIDDLE_CLASS",
+  "POOR",
+  "VERY_POOR",
+  "WELL_OFF",
+] as const;
+
+export const DOMESTIC_HEALTHCARE_SUPPORT_CHOICES = [
+  "FAMILY_MEMBER",
+  "PAID_CAREGIVER",
+  "NO_SUPPORT",
+] as const;
+
 export const OCCUPATION_TYPES = [
   {
     id: 27,

diff --git a/src/Components/Patient/PatientHome.tsx b/src/Components/Patient/PatientHome.tsx
@@ -515,24 +515,50 @@ export const PatientHome = (props: any) => {
                       </div>
                     </div>
                   )}
-                <div className="sm:col-span-1">
-                  <div className="text-sm font-semibold leading-5 text-zinc-400">
-                    Occupation
+                {patientData.meta_info?.occupation && (
+                  <div className="sm:col-span-1">
+                    <div className="text-sm font-semibold leading-5 text-zinc-400">
+                      {t("occupation")}
+                    </div>
+                    <div className="mt-1 text-sm font-medium leading-5">
+                      {parseOccupation(patientData.meta_info.occupation)}
+                    </div>
                   </div>
-                  <div className="mt-1 text-sm font-medium leading-5">
-                    {parseOccupation(patientData.meta_info?.occupation) || "-"}
+                )}
+                {patientData.ration_card_category && (
+                  <div className="sm:col-span-1">
+                    <div className="text-sm font-semibold leading-5 text-zinc-400">
+                      {t("ration_card_category")}
+                    </div>
+                    <div className="mt-1 text-sm font-medium leading-5">
+                      {t(`ration_card__${patientData.ration_card_category}`)}
+                    </div>
                   </div>
-                </div>
-                <div className="sm:col-span-1">
-                  <div className="text-sm font-semibold leading-5 text-zinc-400">
-                    Ration Card Category
+                )}
+                {patientData.meta_info?.socioeconomic_status && (
+                  <div className="sm:col-span-1">
+                    <div className="text-sm font-semibold leading-5 text-zinc-400">
+                      {t("socioeconomic_status")}
+                    </div>
+                    <div className="mt-1 text-sm font-medium leading-5">
+                      {t(
+                        `SOCIOECONOMIC_STATUS__${patientData.meta_info.socioeconomic_status}`,
+                      )}
+                    </div>
                   </div>
-                  <div className="mt-1 text-sm font-medium leading-5">
-                    {patientData.ration_card_category
-                      ? t(`ration_card__${patientData.ration_card_category}`)
-                      : "-"}
+                )}
+                {patientData.meta_info?.domestic_healthcare_support && (
+                  <div className="sm:col-span-1">
+                    <div className="text-sm font-semibold leading-5 text-zinc-400">
+                      {t("domestic_healthcare_support")}
+                    </div>
+                    <div className="mt-1 text-sm font-medium leading-5">
+                      {t(
+                        `DOMESTIC_HEALTHCARE_SUPPORT__${patientData.meta_info.domestic_healthcare_support}`,
+                      )}
+                    </div>
                   </div>
-                </div>
+                )}
               </div>
             </div>
           </div>