New Cypress Test to verify functionality of Doctor Connect

cypress/e2e/facility_spec/FacilityLocation.cy.ts

@@ -193,12 +193,16 @@ describe("Location Management Section", () => {
     facilityLocation.clickAddNewLocationButton();
     facilityLocation.enterLocationName("Test Location with Beds");
     facilityLocation.selectLocationType("OTHER");
-    assetPage.clickassetupdatebutton();
+    cy.submitButton("Add Location");
+    cy.verifyNotification("Location created successfully");
+    cy.closeNotification();
     facilityLocation.clickManageBedButton();
     facilityLocation.clickAddBedButton();
     facilityLocation.enterBedName("Bed 1");
     facilityLocation.selectBedType("Regular");
-    assetPage.clickassetupdatebutton();
+    cy.submitButton("Add Bed(s)");
+    cy.verifyNotification("1 Bed created successfully");
+    cy.closeNotification();
     facilityLocation.loadLocationManagementPage("Dummy Shifting Center");
     facilityLocation.deleteLocation("Test Location with Beds");
     assetPage.clickassetupdatebutton();

cypress/e2e/patient_spec/PatientDoctorConnect.cy.ts

@@ -0,0 +1,56 @@
+import { DoctorConnect } from "pageobject/Patient/PatientDoctorConnect";
+import LoginPage from "../../pageobject/Login/LoginPage";
+import { PatientPage } from "../../pageobject/Patient/PatientCreation";
+
+describe("Patient Doctor Connect in consultation page", () => {
+  const loginPage = new LoginPage();
+  const patientPage = new PatientPage();
+  const doctorconnect = new DoctorConnect();
+  const patientName = "Dummy Patient 11";
+  const doctorUser = "Dev Doctor";
+  const doctorUserNumber = "+919876543219";
+  const nurseUser = "Dev Staff";
+  const teleIcuUser = "Dev Doctor Two";
+
+  before(() => {
+    loginPage.loginAsDisctrictAdmin();
+    cy.saveLocalStorage();
+  });
+
+  beforeEach(() => {
+    cy.restoreLocalStorage();
+    cy.clearLocalStorage(/filters--.+/);
+    cy.awaitUrl("/patients");
+  });
+
+  it("Patient Doctor connect phone redirection and sort by filter", () => {
+    // click on the slideover and verify icon redirection
+    patientPage.visitPatient(patientName);
+    doctorconnect.clickDoctorConnectButton();
+    // verify all the users are visible under the all section
+    cy.verifyContentPresence("#doctor-connect-home-doctor", [doctorUser]);
+    cy.verifyContentPresence("#doctor-connect-home-nurse", [nurseUser]);
+    cy.verifyContentPresence("#doctor-connect-remote-doctor", [teleIcuUser]);
+    // verify copy content button functionality
+    doctorconnect.CopyFunctionTrigger();
+    doctorconnect.clickCopyPhoneNumber(
+      "#doctor-connect-home-doctor",
+      doctorUser,
+    );
+    doctorconnect.verifyCopiedContent(doctorUserNumber);
+    // verify the whatsapp and phone number icon presence
+    doctorconnect.verifyIconVisible("#whatsapp-icon");
+    doctorconnect.verifyIconVisible("#phone-icon");
+    // sort the each datas based on user type
+    doctorconnect.clickUsersSortBy("Doctor");
+    cy.verifyContentPresence("#doctor-connect-home-doctor", [doctorUser]);
+    doctorconnect.clickUsersSortBy("Nurse");
+    cy.verifyContentPresence("#doctor-connect-home-nurse", [nurseUser]);
+    doctorconnect.clickUsersSortBy("TeleICU Doctor");
+    cy.verifyContentPresence("#doctor-connect-remote-doctor", [teleIcuUser]);
+  });
+
+  afterEach(() => {
+    cy.saveLocalStorage();
+  });
+});

cypress/pageobject/Patient/PatientDoctorConnect.ts

@@ -0,0 +1,32 @@
+export class DoctorConnect {
+  clickDoctorConnectButton() {
+    cy.get("#doctor-connect-button").scrollIntoView();
+    cy.get("#doctor-connect-button").click();
+  }
+
+  CopyFunctionTrigger() {
+    cy.window().then((win) => {
+      cy.stub(win.navigator.clipboard, "writeText").as("clipboardStub");
+    });
+  }
+
+  verifyCopiedContent(text: string) {
+    cy.get("@clipboardStub").should("be.calledWith", text);
+  }
+
+  verifyIconVisible(selector: string) {
+    cy.get(selector).should("be.visible");
+  }
+
+  clickCopyPhoneNumber(element: string, text: string) {
+    cy.get(element)
+      .contains(text) // Find the element containing "dev doctor"
+      .parent() // Move up to the parent element (if necessary)
+      .find("#copy-phoneicon") // Find the #copy-phoneicon within that context
+      .click();
+  }
+
+  clickUsersSortBy(text: string) {
+    cy.get("#doctor-connect-filter-tabs").contains(text).click();
+  }
+}

src/Components/Facility/ConsultationDetails/index.tsx

@@ -256,6 +256,7 @@ export const ConsultationDetails = (props: any) => {
             {!consultationData.discharge_date && (
               <>
                 <button
+                  id="doctor-connect-button"
                   onClick={() => {
                     triggerGoal("Doctor Connect Clicked", {
                       consultationId,

src/Components/Facility/DoctorVideoSlideover.tsx

@@ -295,7 +295,7 @@ function UserListItem({ user }: { user: UserAnnotatedWithGroup }) {
                   );
                 }}
               >
-                <span className="tooltip">
+                <span className="tooltip" id="copy-phoneicon">
                   <span className="tooltip-text tooltip-top">
                     Copy Phone number
                   </span>
@@ -347,7 +347,7 @@ function DoctorConnectButtons(props: {
       <a onClick={props.connectOnWhatsApp}>
         <div className="tooltip">
           <span className="tooltip-text tooltip-left">Connect on WhatsApp</span>
-          <CareIcon icon="l-whatsapp" className="h-5 w-5" />
+          <CareIcon icon="l-whatsapp" id="whatsapp-icon" className="h-5 w-5" />
         </div>
       </a>
       <a
@@ -363,7 +363,7 @@ function DoctorConnectButtons(props: {
       >
         <div className="tooltip">
           <span className="tooltip-text tooltip-left">Connect on Phone</span>
-          <CareIcon icon="l-phone-alt" className="h-5 w-5" />
+          <CareIcon icon="l-phone-alt" id="phone-icon" className="h-5 w-5" />
         </div>
       </a>
     </div>