add product edit page with elements

Author: kkrawczyk123

src/pages/product/productEdit/ProductEditPage.ts

@@ -0,0 +1,27 @@
+import { Page } from '@playwright/test';
+
+import BasePageModel from '@/pages/BasePageModel';
+import InventoryLevelsTabSection from '@/pages/product/productEdit/tabs/InventoryLevelsTabSection';
+
+class ProductEditPage extends BasePageModel {
+  inventoryLevelsTabSection: InventoryLevelsTabSection;
+
+  constructor(page: Page) {
+    super(page);
+    this.inventoryLevelsTabSection = new InventoryLevelsTabSection(page);
+  }
+
+  async goToPage(id: string) {
+    await this.page.goto(`./product/edit/${id}`);
+  }
+
+  get detailskTab() {
+    return this.page.getByRole('link', { name: 'Details' });
+  }
+
+  get inventoryLevelsTab() {
+    return this.page.getByRole('link', { name: 'Inventory Levels' });
+  }
+}
+
+export default ProductEditPage;

src/pages/product/productEdit/components/createStockLevelModal.ts

@@ -0,0 +1,45 @@
+import { Page } from '@playwright/test';
+
+import BasePageModel from '@/pages/BasePageModel';
+
+class CreateStockLevelModal extends BasePageModel {
+  constructor(page: Page) {
+    super(page);
+  }
+
+  get modal() {
+    return this.page.getByRole('dialog');
+  }
+
+  get receivingTab() {
+    return this.page.getByRole('link', { name: 'Receiving' });
+  }
+
+  get defaultPutawayLocation() {
+    return this.modal.locator(
+      'select[name="preferredBinLocation"] + .chosen-container'
+    );
+  }
+
+  getDefaultPutawayLocation(putawayLocation: string) {
+    return this.defaultPutawayLocation
+      .locator('.chosen-results')
+      .getByRole('listitem')
+      .getByText(putawayLocation, { exact: true });
+  }
+
+  get createButton() {
+    return this.modal.getByRole('button', { name: 'Create' });
+  }
+
+  get deleteInventoryLevelButton() {
+    return this.modal.getByRole('link', { name: 'Delete' });
+  }
+
+  async clickDeleteInventoryLevel() {
+    this.page.once('dialog', (dialog) => dialog.accept());
+    await this.deleteInventoryLevelButton.click();
+  }
+}
+
+export default CreateStockLevelModal;

src/pages/product/productEdit/tabs/InventoryLevelsTabSection.ts

@@ -0,0 +1,45 @@
+import { Locator, Page } from '@playwright/test';
+
+import BasePageModel from '@/pages/BasePageModel';
+import CreateStockLevelModal from '@/pages/product/productEdit/components/createStockLevelModal';
+
+class InventoryLevelsTabSection extends BasePageModel {
+  createStockLevelModal: CreateStockLevelModal;
+
+  constructor(page: Page) {
+    super(page);
+    this.createStockLevelModal = new CreateStockLevelModal(page);
+  }
+
+  get createStockLevelButton() {
+    return this.page.getByRole('link', { name: 'Create stock level' });
+  }
+
+  get table() {
+    return this.page.locator('#ui-tabs-3').getByRole('table');
+  }
+
+  get rows() {
+    return this.table.getByRole('row');
+  }
+
+  row(index: number) {
+    return new Row(this.page, this.rows.nth(index));
+  }
+}
+
+class Row extends BasePageModel {
+  row: Locator;
+  constructor(page: Page, row: Locator) {
+    super(page);
+    this.row = row;
+  }
+
+  get editInventoryLevelButton() {
+    return this.row
+      .getByRole('cell')
+      .locator('a.btn-show-dialog', { hasText: 'Edit' });
+  }
+}
+
+export default InventoryLevelsTabSection;