Migrate to Headless UI v2

cypress/e2e/external_results_spec/filter.cy.ts

@@ -14,13 +14,10 @@ describe("External Results Filters", () => {
   });
 
   it("Advance Filter", () => {
+    cy.clickAndSelectOption("#local_bodies", "Aluva");
     cy.get("#local_bodies").click();
-    cy.get("[role='option']").should("be.visible");
-    cy.contains("[role='option']", "Aluva").click();
-    cy.get("#local_bodies").click();
+    cy.clickAndSelectOption("#wards", "4");
     cy.get("#wards").click();
-    cy.get("[role='option']").should("be.visible");
-    cy.contains("[role='option']", "4").click();
     cy.contains("Apply").click();
   });
 

cypress/e2e/facility_spec/facility_creation.cy.ts

@@ -132,6 +132,7 @@ describe("Facility Creation", () => {
     facilityFeature.forEach((featureText) => {
       cy.get("[role='option']").contains(featureText).click();
     });
+    facilityPage.clickfacilityfeatureoption();
     facilityPage.fillPincode("682001");
     facilityPage.selectStateOnPincode("Kerala");
     facilityPage.selectDistrictOnPincode("Ernakulam");

cypress/e2e/patient_spec/patient_logupdate.cy.ts

@@ -47,7 +47,8 @@ describe("Patient Log Update in Normal, Critical and TeleIcu", () => {
     patientLogupdate.typePhysicalExamination(physicalExamination);
     patientLogupdate.selectRoundType("Telemedicine");
     patientLogupdate.typeOtherDetails(otherExamination);
-    patientLogupdate.typeAdditionalSymptoms(additionalSymptoms);
+    patientLogupdate.selectSymptomsDate("01012024");
+    patientLogupdate.typeAndMultiSelectSymptoms("fe", ["Fever"]);
     patientLogupdate.selectPatientCategory(patientCategory);
     patientLogupdate.typeSystolic(patientSystolic);
     patientLogupdate.typeDiastolic(patientDiastolic);
@@ -72,7 +73,8 @@ describe("Patient Log Update in Normal, Critical and TeleIcu", () => {
     patientLogupdate.clickLogupdate();
     patientLogupdate.typePhysicalExamination(physicalExamination);
     patientLogupdate.typeOtherDetails(otherExamination);
-    patientLogupdate.typeAdditionalSymptoms(additionalSymptoms);
+    patientLogupdate.selectSymptomsDate("01012024");
+    patientLogupdate.typeAndMultiSelectSymptoms("fe", ["Fever"]);
     patientLogupdate.selectPatientCategory(patientCategory);
     patientLogupdate.typeSystolic(patientSystolic);
     patientLogupdate.typeDiastolic(patientDiastolic);

cypress/e2e/patient_spec/patient_prescription.cy.ts

@@ -54,7 +54,7 @@ describe("Patient Medicine Administration", () => {
     cy.verifyAndClickElement("#0", medicineNameOne);
     cy.submitButton("Discontinue");
     patientPrescription.enterDiscontinueReason("Medicine is been discontinued");
-    cy.submitButton("Discontinue");
+    cy.submitButton("Confirm Discontinue");
     cy.verifyNotification("Prescription discontinued");
     cy.closeNotification();
     // verify the discontinue medicine view

cypress/pageobject/Patient/PatientLogupdate.ts

@@ -28,10 +28,6 @@ class PatientLogupdate {
     cy.get("#other_details").click().type(details);
   }
 
-  typeAdditionalSymptoms(symptoms: string) {
-    cy.searchAndSelectOption("#additional_symptoms", symptoms);
-  }
-
   typeAndMultiSelectSymptoms(input, symptoms) {
     cy.typeAndMultiSelectOption("#additional_symptoms", input, symptoms);
   }

cypress/pageobject/Users/ManageUserPage.ts

@@ -41,7 +41,7 @@ export class ManageUserPage {
   }
 
   clickCloseSlideOver() {
-    cy.get("#close-slide-over").click();
+    cy.get("#close-slide-over").click({ force: true });
   }
 
   clickHomeFacilityIcon() {

cypress/pageobject/Users/UserCreation.ts

@@ -44,6 +44,9 @@ export class UserCreationPage {
   selectFacility(name: string) {
     this.typeIntoInputByName("facilities", name);
     this.selectOptionContainingText(name);
+    cy.get("input[name='facilities'] + button")
+      .find("#dropdown-toggle")
+      .click();
   }
 
   selectHomeFacility(name: string) {

cypress/support/commands.ts

@@ -138,7 +138,7 @@ Cypress.Commands.add(
         optionArray.forEach((options) => {
           cy.get("[role='option']").contains(options).click();
         });
-        cy.get(selector).click();
+        cy.get(selector).find("#dropdown-toggle").click();
       });
   },
 );
@@ -153,7 +153,7 @@ Cypress.Commands.add(
         optionArray.forEach((options) => {
           cy.get("[role='option']").contains(options).click();
         });
-        cy.get(selector).click();
+        cy.get(selector).find("#dropdown-toggle").click();
       });
   },
 );

package.json

@@ -48,7 +48,7 @@
     "@fontsource/inter": "^5.0.18",
     "@googlemaps/react-wrapper": "^1.1.35",
     "@googlemaps/typescript-guards": "^2.0.3",
-    "@headlessui/react": "^1.7.15",
+    "@headlessui/react": "^2.1.2",
     "@pnotify/core": "^5.2.0",
     "@pnotify/mobile": "^5.2.0",
     "@sentry/browser": "^8.12.0",