add new pages

Author: kkrawczyk123

src/pages/putaway/components/SplitModal.ts

@@ -0,0 +1,36 @@
+import { expect, Page } from '@playwright/test';
+
+import BasePageModel from '@/pages/BasePageModel';
+
+import SplitModalTable from './SplitModalTable';
+
+class SplitModal extends BasePageModel {
+  table: SplitModalTable;
+
+  constructor(page: Page) {
+    super(page);
+    this.table = new SplitModalTable(page);
+  }
+
+  get modal() {
+    return this.page.locator('.ReactModal__Content');
+  }
+
+  async isLoaded() {
+    await expect(this.modal).toBeVisible();
+  }
+
+  get saveButton() {
+    return this.modal.getByTestId('save-button');
+  }
+
+  get cancelButton() {
+    return this.modal.getByTestId('cancel-button');
+  }
+
+  get addLineButton() {
+    return this.modal.getByTestId('add-line-button');
+  }
+}
+
+export default SplitModal;

src/pages/putaway/components/SplitModalTable.ts

@@ -0,0 +1,52 @@
+import { Locator, Page } from '@playwright/test';
+
+import BasePageModel from '@/pages/BasePageModel';
+
+class SplitModalTable extends BasePageModel {
+  constructor(page: Page) {
+    super(page);
+  }
+
+  get table() {
+    return this.page.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 deleteButton() {
+    return this.row.getByTestId('delete-button');
+  }
+
+  async getPutawayBin(putawayBin: string) {
+    await this.row
+      .getByTestId('bin-select')
+      .getByRole('textbox')
+      .fill(putawayBin);
+    await this.page
+      .getByTestId('custom-select-dropdown-menu')
+      .locator('.react-select__option')
+      .nth(0)
+      .click();
+  }
+
+  get quantityField() {
+    return this.row.getByRole('cell').getByTestId('quantity-input');
+  }
+}
+
+export default SplitModalTable;