add edit transaction page and components

Author: kkrawczyk123

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 currentValue = await this.transactionDateMinuteSelect.inputValue();
+    const current = parseInt(currentValue || '0', 10);
+    const next = (current - 1 + 60) % 60;
+    const formatted = String(next).padStart(2, '0');
+    await this.transactionDateMinuteSelect.selectOption(formatted);
+  }
+}
+
+export default TransactionDetailsHeaderTab;