OBPIH-7540: Putaway - validations when qty removed from receiving bin when pending putaway created (#78)

* add new pages

* add new elements to existing pages

* add record stock table

* add edit transaction page and components

* add test for validate qty removed from receiving bin

* add improvements after review

Author: kkrawczyk123

src/fixtures/fixtures.ts

@@ -33,6 +33,7 @@ import PutawayDetailsPage from '@/pages/putaway/putawayDetails/PutawayDetailsPag
 import ReceivingPage from '@/pages/receiving/ReceivingPage';
 import OldViewShipmentPage from '@/pages/stockMovementShow/OldViewShipmentPage';
 import StockMovementShowPage from '@/pages/stockMovementShow/StockMovementShowPage';
+import EditTransactionPage from '@/pages/transactions/EditTransactionPgage';
 import TransactionListPage from '@/pages/transactions/TransactionListPage';
 import CreateUserPage from '@/pages/user/CreateUserPage';
 import EditUserPage from '@/pages/user/editUser/EditUserPage';
@@ -71,6 +72,7 @@ type Fixtures = {
   oldViewShipmentPage: OldViewShipmentPage;
   putawayListPage: PutawayListPage;
   productEditPage: ProductEditPage;
+  editTransactionPage: EditTransactionPage;
   // COMPONENTS
   navbar: Navbar;
   locationChooser: LocationChooser;
@@ -145,6 +147,8 @@ export const test = baseTest.extend<Fixtures>({
     use(new OldViewShipmentPage(page)),
   putawayListPage: async ({ page }, use) => use(new PutawayListPage(page)),
   productEditPage: async ({ page }, use) => use(new ProductEditPage(page)),
+  editTransactionPage: async ({ page }, use) =>
+    use(new EditTransactionPage(page)),
   // COMPONENTS
   navbar: async ({ page }, use) => use(new Navbar(page)),
   locationChooser: async ({ page }, use) => use(new LocationChooser(page)),

src/pages/product/productShow/sections/RecordStockSection.ts

@@ -2,13 +2,16 @@ import { Page } from '@playwright/test';
 
 import BasePageModel from '@/pages/BasePageModel';
 import LineItemsTable from '@/pages/product/productShow/sections/components/LineItemsTable';
+import RecordStockTable from '@/pages/product/productShow/sections/components/RecortStockTable';
 
 class RecordStockSection extends BasePageModel {
   lineItemsTable: LineItemsTable;
+  recordStockTable: RecordStockTable;
 
   constructor(page: Page) {
     super(page);
     this.lineItemsTable = new LineItemsTable(page);
+    this.recordStockTable = new RecordStockTable(page);
   }
 }
 

src/pages/product/productShow/sections/components/RecortStockTable.ts

@@ -0,0 +1,35 @@
+import { Locator, Page } from '@playwright/test';
+
+import BasePageModel from '@/pages/BasePageModel';
+
+class RecordStockTable extends BasePageModel {
+  constructor(page: Page) {
+    super(page);
+  }
+
+  get section() {
+    return this.page.getByRole('region', { name: 'Record Stock' });
+  }
+
+  get table() {
+    return this.section.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;
+  }
+}
+
+export default RecordStockTable;

src/pages/putaway/steps/CompleteStep.ts

@@ -41,6 +41,14 @@ class CompleteStep extends BasePageModel {
   get editButton() {
     return this.page.getByTestId('edit-button').first();
   }
+
+  get validationOnQtyInReceivingBin() {
+    return this.page
+      .locator('[class*="alert"]')
+      .getByText(
+        /Quantity available 0 is less than quantity to putaway \d+ for product/
+      );
+  }
 }
 
 export default CompleteStep;

src/pages/transactions/EditTransactionPgage.ts

@@ -0,0 +1,19 @@
+import { Page } from '@playwright/test';
+
+import BasePageModel from '@/pages/BasePageModel';
+import TransactionDetailsHeaderTab from '@/pages/transactions/components/TransactionDetailsHeaderTab';
+
+class EditTransactionPage extends BasePageModel {
+  transactionDetailsHeaderTab: TransactionDetailsHeaderTab;
+
+  constructor(page: Page) {
+    super(page);
+    this.transactionDetailsHeaderTab = new TransactionDetailsHeaderTab(page);
+  }
+
+  get saveButton() {
+    return this.page.getByRole('button', { name: 'Save' });
+  }
+}
+
+export default EditTransactionPage;

src/pages/transactions/components/TransactionDetailsHeaderTab.ts

@@ -0,0 +1,47 @@
+import { Locator, Page } from '@playwright/test';
+
+import BasePageModel from '@/pages/BasePageModel';
+
+class TransactionDetailsHeaderTab extends BasePageModel {
+  constructor(page: Page) {
+    super(page);
+  }
+
+  get section() {
+    return this.page.locator('#transaction-header');
+  }
+
+  get table() {
+    return this.section.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 transactionDateMinuteSelect() {
+    return this.row.locator('select[name="transactionDate_minute"]');
+  }
+
+  async decreaseMinute() {
+    const selectedValue = await this.transactionDateMinuteSelect.inputValue();
+    const parsedValue = parseInt(selectedValue || '0', 10);
+    const nextMinute = (parsedValue - 1 + 60) % 60;
+    const optionToSelect = String(nextMinute).padStart(2, '0');
+    await this.transactionDateMinuteSelect.selectOption(optionToSelect);
+  }
+}
+
+export default TransactionDetailsHeaderTab;

src/pages/transactions/components/TransactionTable.ts

@@ -24,6 +24,12 @@ class TransactionTable extends BasePageModel {
       .locator('.action-menu-item')
       .getByRole('link', { name: 'Delete' });
   }
+
+  get editButton() {
+    return this.page
+      .locator('.action-menu-item')
+      .getByRole('link', { name: 'Edit' });
+  }
 }
 
 class Row extends BasePageModel {