care_fe Add a cypress test to assign a volunteer to a patient

Description

Add a new cypress test to assign a volunteer to an existing live patient

General Note

Follow the Page Object Model (POM) approach. : reference
Refer to commands.ts in the Cypress folder to understand existing reusable components.
Use proper function names for easier code review. 4.Since there's nothing related to volunteers currently, create a new file named PatientVolunteer.cy.ts under the patient_spec folder.

Steps to Assign a volunteer

Go to the patient tab
click on any live patient card
On the patient consultation page, click the Patient Details button in the top-right corner
Once the new page loads, scroll down to the Assign New Volunteer button.
Assign a new volunteer to the patient.
Ensure the newly added volunteer's name is displayed as a banner at the top of the patient details page.

Make sure to verify the below things

Ensure the normal workflow is functional.
Replace the existing volunteer with a new one and verify the banner shows the new volunteer's name.
When the volunteer is removed and left blank, verify that the banner is no longer displayed.

Oct 24 '24 07:10 nihal467

@nihal467 Can I work on this? Please assign it me.

Oct 24 '24 12:10 sidpg123

Hi @nihal467 ,

All tasks mentioned in the issue have been completed as per the requirements:

Created a new Cypress test under patient_spec/PatientVolunteer.cy.ts to assign a volunteer to an existing live patient.
Since there wasn’t an existing class for the Patient Details page, I created one PatientDetails.ts and added required functions.
Replace Existing Volunteer: Tested replacing an existing volunteer and verified the updated name appears in the banner.
Remove Volunteer: Verified that removing the volunteer hides the banner as expected.

Additionally, I added an id to the banner component for easier targeting.

Please review the changes and let me know if any adjustments are needed.

Thanks!