Merge pull request #447 from Progi1984/boZonesCreatePage

Migrate `@pages/BO/international/locations/add` from Core

Author: Progi1984

src/index.ts

@@ -337,7 +337,8 @@ export {default as boThemeAndLogoChooseLayoutsPage} from '@pages/BO/design/theme
 export {default as boThemeAndLogoImportPage} from '@pages/BO/design/themeAndLogo/themeAndLogo/import';
 export {default as boThemePagesConfigurationPage} from '@pages/BO/design/themeAndLogo/pagesConfiguration';
 export {default as boTranslationsPage} from '@pages/BO/international/translations';
-export {default as boZonesPages} from '@pages/BO/international/locations';
+export {default as boZonesPage} from '@pages/BO/international/locations';
+export {default as boZonesCreatePage} from '@pages/BO/international/locations/create';
 // Export Pages FO
 export * as FOBasePage from '@pages/FO/FOBasePage';
 // Export Pages FO/Classic

src/interfaces/BO/international/locations/create.ts

@@ -0,0 +1,10 @@
+import type FakerZone from '@data/faker/zone';
+import {BOBasePagePageInterface} from '@interfaces/BO';
+import {type Page} from '@playwright/test';
+
+export interface BOZonesCreatePageInterface extends BOBasePagePageInterface {
+  readonly pageTitleCreate: string;
+  readonly pageTitleEdit: string;
+
+  createEditZone(page: Page, zoneData: FakerZone): Promise<string>;
+}

src/pages/BO/international/locations/create.ts

@@ -0,0 +1,9 @@
+import {type BOZonesCreatePageInterface} from '@interfaces/BO/international/locations/create';
+
+/* eslint-disable global-require, @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires */
+function requirePage(): BOZonesCreatePageInterface {
+  return require('@versions/develop/pages/BO/international/locations/create');
+}
+/* eslint-enable global-require, @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires */
+
+export default requirePage();

src/versions/develop/pages/BO/international/locations/create.ts

@@ -0,0 +1,59 @@
+import type FakerZone from '@data/faker/zone';
+import {type BOZonesCreatePageInterface} from '@interfaces/BO/international/locations/create';
+import BOBasePage from '@pages/BO/BOBasePage';
+import {type Page} from '@playwright/test';
+
+/**
+ * Add zone page, contains functions that can be used on the page
+ * @class
+ * @extends BOBasePage
+ */
+class BOZonesCreatePage extends BOBasePage implements BOZonesCreatePageInterface {
+  public readonly pageTitleCreate: string;
+
+  public readonly pageTitleEdit: string;
+
+  private readonly nameInput: string;
+
+  private readonly statusToggle: (toggle: number) => string;
+
+  private readonly saveZoneButton: string;
+
+  /**
+   * @constructs
+   * Setting up texts and selectors to use on add zone page
+   */
+  constructor() {
+    super();
+
+    this.pageTitleCreate = `New zone • ${global.INSTALL.SHOP_NAME}`;
+    this.pageTitleEdit = 'Editing zone';
+
+    // Selectors
+    this.nameInput = '#zone_name';
+    this.statusToggle = (toggle: number) => `#zone_enabled_${toggle}`;
+    this.saveZoneButton = '#save-button';
+  }
+
+  /*
+  Methods
+   */
+  /**
+   * Fill form for add/edit zone
+   * @param page {Page} Browser tab
+   * @param zoneData {FakerZone} Data to set on new/edit zone page
+   * @returns {Promise<string>}
+   */
+  async createEditZone(page: Page, zoneData: FakerZone): Promise<string> {
+    await this.setValue(page, this.nameInput, zoneData.name);
+    await this.setChecked(page, this.statusToggle(zoneData.status ? 1 : 0));
+
+    // Save zone
+    await this.clickAndWaitForURL(page, this.saveZoneButton);
+
+    // Return successful message
+    return this.getAlertSuccessBlockParagraphContent(page);
+  }
+}
+
+module.exports = new BOZonesCreatePage();