Existing Cypress POM Conversion | Create New User & Verify its reflec…

…tion along with validation | User Tab (ohcnetwork#6514)

* cypress new test for advance filter

* convert navigation to POM

* facility redirection

* minor change

* user creation

* user creation

* revert package-lock

cypress/e2e/users_spec/user_creation.cy.ts

@@ -3,18 +3,45 @@ import LoginPage from "../../pageobject/Login/LoginPage";
 import { AssetSearchPage } from "../../pageobject/Asset/AssetSearch";
 import FacilityPage from "../../pageobject/Facility/FacilityCreation";
 import { UserPage } from "../../pageobject/Users/UserSearch";
+import { UserCreationPage } from "../../pageobject/Users/UserCreation";
 
 describe("User Creation", () => {
   const userPage = new UserPage();
   const loginPage = new LoginPage();
+  const userCreationPage = new UserCreationPage();
   const facilityPage = new FacilityPage();
   const assetSearchPage = new AssetSearchPage();
   const fillFacilityName = "Dummy Facility 1";
+  const makeid = (length: number) => {
+    let result = "";
+    const characters = "abcdefghijklmnopqrstuvwxyz0123456789";
+    const charactersLength = characters.length;
+    for (let i = 0; i < length; i++) {
+      result += characters.charAt(Math.floor(Math.random() * charactersLength));
+    }
+    return result;
+  };
+  const username = makeid(25);
   const alreadylinkedusersviews = [
     "devdoctor",
     "devstaff2",
     "devdistrictadmin",
   ];
+  const EXPECTED_ERROR_MESSAGES = [
+    "Please select the User Type",
+    "Please enter valid phone number",
+    "Please enter the username",
+    "Please enter date in YYYY/MM/DD format",
+    "Please enter the password",
+    "Confirm password is required",
+    "First Name is required",
+    "Last Name is required",
+    "Please enter a valid email address",
+    "Please select the Gender",
+    "Please select the state",
+    "Please select the district",
+    "Please select the local body",
+  ];
 
   before(() => {
     loginPage.loginAsDisctrictAdmin();
@@ -26,6 +53,53 @@ describe("User Creation", () => {
     cy.awaitUrl("/users");
   });
 
+  it("create new user and verify reflection", () => {
+    userCreationPage.clickElementById("addUserButton");
+    userCreationPage.selectFacility("Dummy Shifting Center");
+    userCreationPage.typeIntoElementById("username", username);
+    userCreationPage.typeIntoElementById("password", "Test@123");
+    userCreationPage.selectHomeFacility("Dummy Shifting Center");
+    userCreationPage.typeIntoElementById("phone_number", "9999999999");
+    userCreationPage.setInputDate("date_of_birth", "date-input", "25081999");
+    userCreationPage.selectDropdownOption("user_type", "Doctor");
+    userCreationPage.typeIntoElementById("c_password", "Test@123");
+    userCreationPage.typeIntoElementById("doctor_qualification", "MBBS");
+    userCreationPage.typeIntoElementById("doctor_experience_commenced_on", "2");
+    userCreationPage.typeIntoElementById(
+      "doctor_medical_council_registration",
+      "123456789"
+    );
+    userCreationPage.typeIntoElementById("first_name", "cypress test");
+    userCreationPage.typeIntoElementById("last_name", "staff user");
+    userCreationPage.typeIntoElementById("email", "[email protected]");
+    userCreationPage.selectDropdownOption("gender", "Male");
+    userCreationPage.selectDropdownOption("state", "Kerala");
+    userCreationPage.selectDropdownOption("district", "Ernakulam");
+    userCreationPage.clickElementById("submit");
+    userCreationPage.verifyNotification("User added successfully");
+    userPage.typeInSearchInput(username);
+    userPage.checkUsernameText(username);
+    userCreationPage.verifyElementContainsText("name", "cypress test");
+    userCreationPage.verifyElementContainsText("role", "Doctor");
+    userCreationPage.verifyElementContainsText("district", "Ernakulam");
+    userCreationPage.verifyElementContainsText(
+      "home_facility",
+      "Dummy Shifting Center"
+    );
+    userCreationPage.verifyElementContainsText("doctor-qualification", "MBBS");
+    userCreationPage.verifyElementContainsText("doctor-experience", "2");
+    userCreationPage.verifyElementContainsText(
+      "medical-council-registration",
+      "123456789"
+    );
+  });
+
+  it("create new user form throwing mandatory field error", () => {
+    userCreationPage.clickElementById("addUserButton");
+    userCreationPage.clickElementById("submit");
+    userCreationPage.verifyErrorMessages(EXPECTED_ERROR_MESSAGES);
+  });
+
   it("view user redirection from facility page", () => {
     cy.visit("/facility");
     assetSearchPage.typeSearchKeyword(fillFacilityName);
@@ -37,6 +111,86 @@ describe("User Creation", () => {
     userPage.verifyMultipleBadgesWithSameId(alreadylinkedusersviews);
   });
 
+  // the below commented out codes, will be used in the upcoming refactoring of this module, since it is a inter-dependent of partially converted code, currently taking it down
+
+  //   it("link facility for user", () => {
+  //     cy.contains("Linked Facilities").click();
+  //     cy.intercept(/\/api\/v1\/facility/).as("getFacilities");
+  //     cy.get("[name='facility']")
+  //       .click()
+  //       .type("Dummy Facility 1")
+  //       .wait("@getFacilities");
+  //     cy.get("li[role='option']").first().click();
+  //     cy.intercept(/\/api\/v1\/users\/\w+\/add_facility\//).as("addFacility");
+  //     cy.get("button[id='link-facility']").click();
+  //     cy.wait("@addFacility")
+  //       // .its("response.statusCode")
+  //       // .should("eq", 201)
+  //       .get("span")
+  //       .contains("Facility - User Already has permission to this facility");
+  //   });
+
+  // describe("Edit User Profile & Error Validation", () => {
+  //   before(() => {
+  //     cy.loginByApi(username, "#@Cypress_test123");
+  //     cy.saveLocalStorage();
+  //   });
+
+  //   beforeEach(() => {
+  //     cy.restoreLocalStorage();
+  //     cy.awaitUrl("/user/profile");
+  //     cy.contains("button", "Edit User Profile").click();
+  //   });
+
+  //   it("First name Field Updation " + username, () => {
+  //     cy.get("input[name=firstName]").clear();
+  //     cy.contains("button[type='submit']", "Update").click();
+  //     cy.get("span.error-text").should("contain", "Field is required");
+  //     cy.get("input[name=firstName]").type("firstName updated");
+  //     cy.contains("button[type='submit']", "Update").click();
+  //   });
+
+  //   it("Last name Field Updation " + username, () => {
+  //     cy.get("input[name=lastName]").clear();
+  //     cy.contains("button[type='submit']", "Update").click();
+  //     cy.get("span.error-text").should("contain", "Field is required");
+  //     cy.get("input[name=lastName]").type("lastName updated");
+  //     cy.contains("button[type='submit']", "Update").click();
+  //   });
+
+  //   it("Age Field Updation " + username, () => {
+  //     cy.get("input[name=age]").clear();
+  //     cy.contains("button[type='submit']", "Update").click();
+  //     cy.get("span.error-text").should("contain", "This field is required");
+  //     cy.get("input[name=age]").type("11");
+  //     cy.contains("button[type='submit']", "Update").click();
+  //   });
+
+  //   it("Phone number Field Updation " + username, () => {
+  //     cy.get("input[name=phoneNumber]").clear();
+  //     cy.contains("button[type='submit']", "Update").click();
+  //     cy.get("span.error-text").should(
+  //       "contain",
+  //       "Please enter valid phone number"
+  //     );
+  //     cy.get("input[name=phoneNumber]").type("+919999999999");
+  //     cy.contains("button[type='submit']", "Update").click();
+  //   });
+
+  //   it("Whatsapp number Field Updation " + username, () => {
+  //     cy.get("input[name=altPhoneNumber]").clear();
+  //     cy.get("input[name=altPhoneNumber]").type("+919999999999");
+  //     cy.contains("button[type='submit']", "Update").click();
+  //   });
+
+  //   it("Email Field Updation " + username, () => {
+  //     cy.get("input[name=email]").clear();
+  //     cy.contains("button[type='submit']", "Update").click();
+  //     cy.get("span.error-text").should("contain", "This field is required");
+  //     cy.get("input[name=email]").type("[email protected]");
+  //     cy.contains("button[type='submit']", "Update").click();
+  //   });
+
   afterEach(() => {
     cy.saveLocalStorage();
   });