coronasafe/care_fe

export interface PatientFormData {
  name: string;
  phoneNumber: string;
  gender: "Male" | "Female" | "Transgender" | "Non_Binary";
  bloodGroup:
    | "Unknown"
    | "A+"
    | "A-"
    | "B+"
    | "B-"
    | "AB+"
    | "AB-"
    | "O+"
    | "O-"
    | "Unknown";
  dateOfBirth?: string;
  age?: string;
  address: string;
  sameAsPermanentAddress?: boolean; // true by default
  permanentAddress?: string;
  hasEmergencyContact?: boolean; // false by default
  emergencyPhoneNumber?: string;
  pincode: string;
  localBody: string;
  ward: string;
  state: string;
  district: string;
}
 
`PatientCreation` has 26 functions (exceeds 20 allowed). Consider refactoring.
export class PatientCreation {
  // Selectors
  private selectors = {
    patientsButton: '[data-cy="patients-button"]',
    searchInput: "#patient-search",
    patientCard: "#patient-search-results",
    createNewPatientButton: '[data-cy="create-new-patient-button"]',
    nameInput: '[data-cy="patient-name-input"]',
    phoneInput: '[data-cy="patient-phone-input"]',
    dobDayInput: '[data-cy="dob-day-input"]',
    dobMonthInput: '[data-cy="dob-month-input"]',
    dobYearInput: '[data-cy="dob-year-input"]',
    ageInput: '[data-cy="age-input"]',
    genderRadio: '[data-cy="gender-radio-{value}"]',
    bloodGroupSelect: '[data-cy="blood-group-select"]',
    addressInput: '[data-cy="current-address-input"]',
    sameAddressCheckbox: '[data-cy="same-address-checkbox"]',
    permanentAddressInput: '[data-cy="permanent-address-input"]',
    emergencyContactCheckbox: '[data-cy="same-phone-number-checkbox"]',
    emergencyPhoneInput: '[data-cy="patient-emergency-phone-input"]',
    pincodeInput: '[data-cy="pincode-input"]',
    localBodySelect: '[data-cy="select-local_body"]',
    wardSelect: '[data-cy="select-ward"]',
    submitButton: '[data-cy="submit-button"]',
    samePhoneNumberCheckbox: '[data-cy="same-phone-number-checkbox"]',
    stateSelect: '[data-cy="select-state"]',
    districtSelect: '[data-cy="select-district"]',
    yearOfBirthInput: '[data-cy="year-of-birth-input"]',
    verifyButton: '[data-cy="confirm-verification-button"]',
  };
 
  // Actions
  clickCreateNewPatient() {
    cy.get(this.selectors.createNewPatientButton).click();
    cy.url().should("include", "/patient/create");
    return this;
  }
 
  searchPatient(searchQuery: string) {
    cy.get(this.selectors.searchInput).type(searchQuery);
 
    // Wait for results to load
    cy.get(this.selectors.patientCard).should("be.visible");
    return this;
  }
 
  verifySearchResults(patientDetails: { name: string; phone: string }) {
    // Convert object values to an array of strings
    const detailsArray = Object.values(patientDetails);
    cy.verifyContentPresence(this.selectors.patientCard, detailsArray);
    return this;
  }
 
  clickSearchPatients() {
    cy.get('[data-sidebar="content"]').contains("Search Patients").click();
    return this;
  }
 
Similar blocks of code found in 3 locations. Consider refactoring.
  enterName(name: string, clearBeforeTyping: boolean = false) {
    cy.typeIntoField(this.selectors.nameInput, name, { clearBeforeTyping });
    return this;
  }
 
  enterPhoneNumber(phoneNumber: string, clearBeforeTyping: boolean = false) {
    cy.typeIntoField(this.selectors.phoneInput, phoneNumber, {
      skipVerification: true,
      clearBeforeTyping,
    });
    return this;
  }
 
  verifyUpdateSuccess() {
    cy.verifyNotification("Patient Updated Successfully");
    return this;
  }
 
  enterDateOfBirth(dateString: string) {
    // Split the date string (expected format: "DD-MM-YYYY")
    const [day, month, year] = dateString.split("-");
 
    cy.get(this.selectors.dobDayInput).type(day);
    cy.get(this.selectors.dobMonthInput).type(month);
    cy.get(this.selectors.dobYearInput).type(year);
 
    return this;
  }
 
  selectGender(gender: string) {
    const lowercaseGender = gender.toLowerCase();
    cy.get(
      this.selectors.genderRadio.replace("{value}", lowercaseGender),
    ).click();
    return this;
  }
 
  selectBloodGroup(bloodGroup: string) {
    cy.clickAndSelectOption(this.selectors.bloodGroupSelect, bloodGroup);
    return this;
  }
 
Similar blocks of code found in 3 locations. Consider refactoring.
  enterAddress(address: string, clearBeforeTyping: boolean = false) {
    cy.typeIntoField(this.selectors.addressInput, address, {
      clearBeforeTyping,
    });
    return this;
  }
 
  enterPincode(pincode: string) {
    cy.typeIntoField(this.selectors.pincodeInput, pincode);
    return this;
  }
 
Function `fillPatientDetails` has 28 lines of code (exceeds 25 allowed). Consider refactoring.
Function `fillPatientDetails` has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.
  fillPatientDetails(data: PatientFormData) {
    this.enterName(data.name)
      .enterPhoneNumber(data.phoneNumber)
      .selectGender(data.gender)
      .selectBloodGroup(data.bloodGroup);
 
    // Handle DOB or Age
    if (data.dateOfBirth) {
      this.enterDateOfBirth(data.dateOfBirth);
    } else if (data.age) {
      cy.get('[data-cy="age-tab"]').click();
      cy.get(this.selectors.ageInput).type(data.age);
    }
 
    // Handle permanent address
    if (data.sameAsPermanentAddress === false) {
      cy.get(this.selectors.sameAddressCheckbox).click();
      this.enterPermanentAddress(data.permanentAddress!);
    }
 
    this.enterAddress(data.address);
 
    // Handle emergency contact - Fixed logic
    if (data.hasEmergencyContact) {
      // If hasEmergencyContact is true, just enter the emergency phone number
      if (data.emergencyPhoneNumber) {
        this.enterEmergencyPhone(data.emergencyPhoneNumber);
      }
    } else {
      // If hasEmergencyContact is false, click the checkbox to disable emergency contact
      cy.get(this.selectors.emergencyContactCheckbox).click();
    }
 
Similar blocks of code found in 2 locations. Consider refactoring.
    this.enterPincode(data.pincode)
      .selectState(data.state)
      .selectDistrict(data.district)
      .selectLocalBody(data.localBody)
      .selectWard(data.ward);
 
    return this;
  }
 
  selectLocalBody(localBody: string) {
    cy.typeAndSelectOption(this.selectors.localBodySelect, localBody, false);
    return this;
  }
 
  selectWard(ward: string) {
    cy.typeAndSelectOption(this.selectors.wardSelect, ward);
    return this;
  }
 
  submitPatientForm() {
    cy.clickSubmitButton("Save and Continue");
    return this;
  }
 
  submitPatientUpdateForm() {
    cy.clickSubmitButton("Save");
    return this;
  }
 
  clickSamePhoneNumberCheckbox() {
    cy.get('[data-cy="same-phone-number-checkbox"]').click();
    return this;
  }
 
  assertPatientRegistrationSuccess() {
    cy.verifyNotification("Patient Registered Successfully");
    return this;
  }
 
  enterPermanentAddress(address: string) {
    cy.typeIntoField(this.selectors.permanentAddressInput, address);
    return this;
  }
 
  enterEmergencyPhone(phoneNumber: string) {
    cy.typeIntoField(this.selectors.emergencyPhoneInput, phoneNumber, {
      skipVerification: true,
    });
    return this;
  }
 
Similar blocks of code found in 2 locations. Consider refactoring.
  selectState(state: string) {
    cy.get(this.selectors.stateSelect).then(($el) => {
      if ($el.val() !== state) {
        cy.typeAndSelectOption(this.selectors.stateSelect, state);
      }
    });
    return this;
  }
 
Similar blocks of code found in 2 locations. Consider refactoring.
  selectDistrict(district: string) {
    cy.get(this.selectors.districtSelect).then(($el) => {
      if ($el.val() !== district) {
        cy.typeAndSelectOption(this.selectors.districtSelect, district);
      }
    });
    return this;
  }
 
  selectPatientFromResults(patientName: string) {
    cy.verifyAndClickElement(this.selectors.patientCard, patientName);
    return this;
  }
 
  enterYearOfBirth(year: string) {
    cy.typeIntoField(this.selectors.yearOfBirthInput, year);
    return this;
  }
 
  clickVerifyButton() {
    cy.verifyAndClickElement(this.selectors.verifyButton, "Verify");
    return this;
  }
}
 
export const patientCreation = new PatientCreation();