create.ts

import type FakerState from '@data/faker/state';
import {type BOStatesCreatePageInterface} from '@interfaces/BO/international/locations/states/create';
import BOBasePage from '@pages/BO/BOBasePage';
import {type Page} from '@playwright/test';

/**
 * Add state page, contains functions that can be used on the page
 * @class
 * @extends BOBasePage
 */
class BOStatesCreatePage extends BOBasePage implements BOStatesCreatePageInterface {
  public readonly pageTitleCreate: string;

  public readonly pageTitleEdit: string;

  private readonly nameInput: string;

  private readonly isoCodeInput: string;

  private readonly countrySelect: string;

  private readonly zoneSelect: string;

  private readonly statusToggle: (toggle: number) => string;

  private readonly saveStateButton: string;

  /**
   * @constructs
   * Setting up texts and selectors to use on add state page
   */
  constructor() {
    super();

    this.pageTitleCreate = `New state • ${global.INSTALL.SHOP_NAME}`;
    this.pageTitleEdit = 'Editing state';

    // Selectors
    this.nameInput = '#state_name';
    this.isoCodeInput = '#state_iso_code';
    this.countrySelect = '#state_id_country';
    this.zoneSelect = '#state_id_zone';
    this.statusToggle = (toggle: number) => `#state_active_${toggle}`;
    this.saveStateButton = '#save-button';
  }

  /*
  Methods
   */
  /**
   * Fill form for add/edit state
   * @param page {Page} Browser tab
   * @param stateData {FakerState} Data to set on new/edit state form
   * @returns {Promise<string>}
   */
  async createEditState(page: Page, stateData: FakerState): Promise<string> {
    // Fill form
    await this.setValue(page, this.nameInput, stateData.name);
    await this.setValue(page, this.isoCodeInput, stateData.isoCode);
    await this.selectByVisibleText(page, this.countrySelect, stateData.country);
    await this.selectByVisibleText(page, this.zoneSelect, stateData.zone);
    await this.setChecked(page, this.statusToggle(stateData.status ? 1 : 0));

    // Save zone
    await this.clickAndWaitForURL(page, this.saveStateButton);

    // Return successful message
    return this.getAlertSuccessBlockParagraphContent(page);
  }
}

module.exports = new BOStatesCreatePage();