@inventreedb/ui 0.0.1

package/tests/pages/pui_purchase_order.spec.ts

@@ -0,0 +1,388 @@
+import { expect } from '@playwright/test';
+import { test } from '../baseFixtures.ts';
+import {
+  activateCalendarView,
+  activateTableView,
+  clearTableFilters,
+  clickButtonIfVisible,
+  clickOnRowMenu,
+  loadTab,
+  navigate,
+  openFilterDrawer,
+  setTableChoiceFilter
+} from '../helpers.ts';
+import { doCachedLogin } from '../login.ts';
+
+test('Purchase Orders - Table', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await page.getByRole('tab', { name: 'Purchasing' }).click();
+  await page.waitForURL('**/purchasing/index/**');
+
+  await loadTab(page, 'Purchase Orders');
+  await activateTableView(page);
+
+  await clearTableFilters(page);
+
+  // Check for expected values
+  await page.getByRole('cell', { name: 'PO0014' }).waitFor();
+  await page.getByText('Wire-E-Coyote').waitFor();
+  await page.getByText('Cancelled').first().waitFor();
+  await page.getByText('Pending').first().waitFor();
+  await page.getByText('On Hold').first().waitFor();
+
+  // Filter by 'has start date'
+  await setTableChoiceFilter(page, 'Has Start Date', 'Yes');
+  await page.getByRole('cell', { name: 'Scheduled purchase order' }).waitFor();
+
+  // Click through to a particular purchase order
+  await page.getByRole('cell', { name: 'PO0015' }).click();
+  await page.getByRole('button', { name: 'Issue Order' }).waitFor();
+
+  // Expected values
+  await page.getByText('2025-06-12').waitFor(); // Start Date
+  await page.getByText('2025-07-17').waitFor(); // Target Date
+});
+
+test('Purchase Orders - Calendar', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await page.getByRole('tab', { name: 'Purchasing' }).click();
+  await page.waitForURL('**/purchasing/index/**');
+  await loadTab(page, 'Purchase Orders');
+
+  // Ensure view is in "calendar" mode
+  await activateCalendarView(page);
+
+  // Check for expected components
+  await page.getByLabel('action-button-previous-month').waitFor();
+  await page.getByLabel('action-button-next-month').waitFor();
+
+  await page.getByLabel('calendar-select-month').click();
+  await page.getByRole('button', { name: 'Jan' }).waitFor();
+  await page.getByRole('button', { name: 'Feb' }).waitFor();
+  await page.getByRole('button', { name: 'Dec' }).click();
+
+  await page.getByText('December').waitFor();
+
+  // Put back into table view
+  await activateTableView(page);
+});
+
+test('Purchase Orders - Barcodes', async ({ browser }) => {
+  const page = await doCachedLogin(browser, {
+    url: 'purchasing/purchase-order/13/detail'
+  });
+
+  await page.getByRole('button', { name: 'Issue Order' }).waitFor();
+
+  // Display QR code
+  await page.getByLabel('action-menu-barcode-actions').click();
+  await page.getByLabel('action-menu-barcode-actions-view').click();
+  await page.getByRole('img', { name: 'QR Code' }).waitFor();
+  await page.getByRole('banner').getByRole('button').click();
+
+  // Un-link barcode if a link exists
+  await page.getByLabel('action-menu-barcode-actions').click();
+  await page.waitForTimeout(100);
+
+  if (
+    await page
+      .getByLabel('action-menu-barcode-actions-unlink-barcode')
+      .isVisible()
+  ) {
+    await page.getByLabel('action-menu-barcode-actions-unlink-barcode').click();
+    await page.getByRole('button', { name: 'Unlink Barcode' }).click();
+    await page.waitForTimeout(100);
+  } else {
+    await page.keyboard.press('Escape');
+  }
+
+  // Link to barcode
+  await page.getByLabel('action-menu-barcode-actions', { exact: true }).click();
+  await page.getByLabel('action-menu-barcode-actions-link-barcode').click();
+
+  await page.getByLabel('barcode-input-scanner').click();
+
+  // Simulate barcode scan
+  await page.getByPlaceholder('Enter barcode data').fill('1234567890');
+  await page.getByRole('button', { name: 'Scan', exact: true }).click();
+  await page.waitForTimeout(250);
+
+  await page.getByRole('button', { name: 'Issue Order' }).waitFor();
+
+  // Ensure we can scan back to this page, with the associated barcode
+  await page.getByRole('tab', { name: 'Sales' }).click();
+  await page.waitForTimeout(250);
+  await page.getByRole('button', { name: 'Open Barcode Scanner' }).click();
+  await page.getByPlaceholder('Enter barcode data').fill('1234567890');
+  await page.getByRole('button', { name: 'Scan', exact: true }).click();
+
+  await page.getByText('Purchase Order: PO0013', { exact: true }).waitFor();
+
+  // Unlink barcode
+  await page.getByLabel('action-menu-barcode-actions').click();
+  await page.getByLabel('action-menu-barcode-actions-unlink-barcode').click();
+  await page.getByRole('heading', { name: 'Unlink Barcode' }).waitFor();
+  await page.getByText('This will remove the link to').waitFor();
+  await page.getByRole('button', { name: 'Unlink Barcode' }).click();
+  await page.waitForTimeout(250);
+  await page.getByRole('button', { name: 'Issue Order' }).waitFor();
+});
+
+test('Purchase Orders - General', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await page.getByRole('tab', { name: 'Purchasing' }).click();
+  await page.waitForURL('**/purchasing/index/**');
+
+  await page.getByRole('cell', { name: 'PO0012' }).click();
+  await page.waitForTimeout(200);
+
+  await loadTab(page, 'Line Items');
+  await loadTab(page, 'Received Stock');
+  await loadTab(page, 'Attachments');
+
+  await page.getByRole('tab', { name: 'Purchasing' }).click();
+  await loadTab(page, 'Suppliers');
+  await page.getByText('Arrow', { exact: true }).click();
+  await page.waitForTimeout(200);
+
+  await loadTab(page, 'Supplied Parts');
+  await loadTab(page, 'Purchase Orders');
+  await loadTab(page, 'Stock Items');
+  await loadTab(page, 'Contacts');
+  await loadTab(page, 'Addresses');
+  await loadTab(page, 'Attachments');
+
+  await page.getByRole('tab', { name: 'Purchasing' }).click();
+  await loadTab(page, 'Manufacturers');
+  await page.getByText('AVX Corporation').click();
+  await page.waitForTimeout(200);
+
+  await loadTab(page, 'Addresses');
+  await page.getByRole('cell', { name: 'West Branch' }).click();
+  await page.locator('.mantine-ScrollArea-root').click();
+  await page
+    .getByRole('row', { name: 'West Branch Yes Surf Avenue 9' })
+    .getByRole('button')
+    .click();
+  await page.getByRole('menuitem', { name: 'Edit' }).click();
+
+  await page.getByLabel('text-field-title').waitFor();
+  await page.getByLabel('text-field-line2').waitFor();
+
+  // Read the current value of the cell, to ensure we always *change* it!
+  const value = await page.getByLabel('text-field-line2').inputValue();
+  await page
+    .getByLabel('text-field-line2')
+    .fill(value == 'old' ? 'new' : 'old');
+
+  await page.getByRole('button', { name: 'Submit' }).isEnabled();
+
+  await page.getByRole('button', { name: 'Submit' }).click();
+  await page.getByRole('tab', { name: 'Details' }).waitFor();
+});
+
+test('Purchase Orders - Filters', async ({ browser }) => {
+  const page = await doCachedLogin(browser, {
+    username: 'reader',
+    password: 'readonly'
+  });
+
+  await page.getByRole('tab', { name: 'Purchasing' }).click();
+  await page.waitForURL('**/purchasing/index/**');
+
+  await loadTab(page, 'Purchase Orders');
+  await activateTableView(page);
+
+  // Open filters drawer
+  await openFilterDrawer(page);
+  await clickButtonIfVisible(page, 'Clear Filters');
+
+  await page.getByRole('button', { name: 'Add Filter' }).click();
+
+  // Check for expected filter options
+  await page.getByPlaceholder('Select filter').fill('before');
+  await page.getByRole('option', { name: 'Created Before' }).waitFor();
+  await page.getByRole('option', { name: 'Completed Before' }).waitFor();
+  await page.getByRole('option', { name: 'Target Date Before' }).waitFor();
+
+  await page.getByPlaceholder('Select filter').fill('after');
+  await page.getByRole('option', { name: 'Created After' }).waitFor();
+  await page.getByRole('option', { name: 'Completed After' }).waitFor();
+  await page.getByRole('option', { name: 'Target Date After' }).waitFor();
+});
+
+test('Purchase Orders - Order Parts', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  // Open "Order Parts" wizard from the "parts" table
+  await page.getByRole('tab', { name: 'Parts' }).click();
+  await page.waitForURL('**/part/category/index/**');
+
+  await page
+    .getByLabel('panel-tabs-partcategory')
+    .getByRole('tab', { name: 'Parts' })
+    .click();
+
+  // Select multiple parts
+  for (let ii = 1; ii < 5; ii++) {
+    await page.getByLabel(`Select record ${ii}`, { exact: true }).click();
+  }
+
+  await page.getByLabel('action-menu-part-actions').click();
+  await page.getByLabel('action-menu-part-actions-order-parts').click();
+  await page
+    .getByRole('heading', { name: 'Order Parts' })
+    .locator('div')
+    .first()
+    .waitFor();
+  await page.getByRole('banner').getByRole('button').click();
+
+  // Open "Order Parts" wizard from the "Stock Items" table
+  await page.getByRole('tab', { name: 'Stock' }).click();
+  await loadTab(page, 'Stock Items');
+
+  // Select multiple stock items
+  for (let ii = 2; ii < 7; ii += 2) {
+    await page.getByLabel(`Select record ${ii}`, { exact: true }).click();
+  }
+
+  await page
+    .getByLabel('Stock Items')
+    .getByLabel('action-menu-stock-actions')
+    .click();
+  await page.getByLabel('action-menu-stock-actions-order-stock').click();
+  await page.getByRole('banner').getByRole('button').click();
+
+  // Order from the part detail page
+  await navigate(page, 'part/69/');
+  await page.waitForURL('**/part/69/**');
+
+  await page.getByLabel('action-menu-stock-actions').click();
+  await page.getByLabel('action-menu-stock-actions-order').click();
+
+  // Select supplier part
+  await page.getByLabel('related-field-supplier_part').click();
+  await page.getByText('WM1731-ND').click();
+
+  // Option to create a new supplier part
+  await page.getByLabel('action-button-new-supplier-part').click();
+  await page.getByLabel('related-field-supplier', { exact: true }).click();
+  await page.getByText('Future').click();
+  await page.getByRole('button', { name: 'Cancel' }).click();
+
+  // Select purchase order
+  await page.getByLabel('related-field-purchase_order').click();
+  await page.getByText('PO0001').click();
+
+  // Option to create a new purchase order
+  await page.getByLabel('action-button-new-purchase-order').click();
+  await page.getByLabel('related-field-project_code').click();
+  await page.getByText('PRJ-PHO').click();
+  await page.getByRole('button', { name: 'Cancel' }).click();
+
+  await page.getByLabel('number-field-quantity').fill('100');
+
+  // Add the part to the purchase order
+  await page.getByLabel('action-button-add-to-selected').click();
+  await page.getByLabel('number-field-quantity').fill('100');
+  await page.waitForTimeout(250);
+  await page.getByRole('button', { name: 'Submit' }).click();
+  await page
+    .getByText('All selected parts added to a purchase order')
+    .waitFor();
+});
+
+/**
+ * Tests for receiving items against a purchase order
+ */
+test('Purchase Orders - Receive Items', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await page.getByRole('tab', { name: 'Purchasing' }).click();
+  await page.waitForURL('**/purchasing/index/**');
+
+  await page.getByRole('cell', { name: 'PO0014' }).click();
+
+  await loadTab(page, 'Order Details');
+
+  // Select all line items to receive
+  await loadTab(page, 'Line Items');
+
+  await page.getByLabel('Select all records').click();
+  await page.waitForTimeout(200);
+  await page.getByLabel('action-button-receive-items').click();
+
+  // Check for display of individual locations
+  await page
+    .getByRole('cell', { name: /Choose Location/ })
+    .getByText('Parts Bins')
+    .waitFor();
+  await page
+    .getByRole('cell', { name: /Choose Location/ })
+    .getByText('Room 101')
+    .waitFor();
+  await page.getByText('Mechanical Lab').waitFor();
+
+  await page.getByRole('button', { name: 'Cancel' }).click();
+
+  // Let's actually receive an item (with custom values)
+  await navigate(page, 'purchasing/purchase-order/2/line-items');
+
+  const cell = await page.getByText('Red Paint', { exact: true });
+  await clickOnRowMenu(cell);
+  await page.getByRole('menuitem', { name: 'Receive line item' }).click();
+
+  // Select destination location
+  await page.getByLabel('related-field-location').click();
+  await page.getByRole('option', { name: 'Factory', exact: true }).click();
+
+  // Receive only a *single* item
+  await page.getByLabel('number-field-quantity').fill('1');
+
+  // Assign custom information
+  await page.getByLabel('action-button-assign-batch-').click();
+  await page.getByLabel('action-button-adjust-packaging').click();
+  await page.getByLabel('action-button-change-status').click();
+  await page.getByLabel('action-button-add-note').click();
+
+  await page.getByLabel('text-field-batch_code').fill('my-batch-code');
+  await page.getByLabel('text-field-packaging').fill('bucket');
+  await page.getByLabel('text-field-note').fill('The quick brown fox');
+  await page.getByLabel('choice-field-status').click();
+  await page.getByRole('option', { name: 'Destroyed' }).click();
+
+  // Short timeout to allow for debouncing
+  await page.waitForTimeout(200);
+
+  await page.getByRole('button', { name: 'Submit' }).click();
+  await page.getByText('Items received').waitFor();
+
+  await loadTab(page, 'Received Stock');
+  await clearTableFilters(page);
+
+  await page.getByRole('cell', { name: 'my-batch-code' }).first().waitFor();
+  await page.getByRole('cell', { name: 'bucket' }).first().waitFor();
+});
+
+test('Purchase Orders - Duplicate', async ({ browser }) => {
+  const page = await doCachedLogin(browser, {
+    url: 'purchasing/purchase-order/13/detail'
+  });
+
+  await page.getByLabel('action-menu-order-actions').click();
+  await page.getByLabel('action-menu-order-actions-duplicate').click();
+
+  // Ensure a new reference is suggested
+  await expect(page.getByLabel('text-field-reference')).not.toBeEmpty();
+
+  // Submit the duplicate request and ensure it completes
+  await page.getByRole('button', { name: 'Submit' }).isEnabled();
+  await page.getByRole('button', { name: 'Submit' }).click();
+  await page.getByRole('tab', { name: 'Order Details' }).waitFor();
+  await page.getByRole('tab', { name: 'Order Details' }).click();
+
+  await page.getByText('Pending').first().waitFor();
+});

package/tests/pages/pui_sales_order.spec.ts

@@ -0,0 +1,224 @@
+import { expect } from '@playwright/test';
+import { test } from '../baseFixtures.ts';
+import {
+  clearTableFilters,
+  globalSearch,
+  loadTab,
+  setTableChoiceFilter
+} from '../helpers.ts';
+import { doCachedLogin } from '../login.ts';
+
+test('Sales Orders - Tabs', async ({ browser }) => {
+  const page = await doCachedLogin(browser, { url: 'sales/index/' });
+
+  await page.waitForURL('**/web/sales/**');
+
+  await loadTab(page, 'Sales Orders');
+  await page.waitForURL('**/web/sales/index/salesorders');
+  await loadTab(page, 'Return Orders');
+
+  // Customers
+  await loadTab(page, 'Customers');
+  await page.getByText('Customer A').click();
+  await loadTab(page, 'Notes');
+  await loadTab(page, 'Attachments');
+  await loadTab(page, 'Contacts');
+  await loadTab(page, 'Assigned Stock');
+  await loadTab(page, 'Return Orders');
+  await loadTab(page, 'Sales Orders');
+  await loadTab(page, 'Contacts');
+  await page.getByRole('cell', { name: 'Dorathy Gross' }).waitFor();
+  await page
+    .getByRole('row', { name: 'Dorathy Gross 	dorathy.gross@customer.com' })
+    .waitFor();
+
+  // Sales Order Details
+  await loadTab(page, 'Sales Orders');
+
+  await clearTableFilters(page);
+
+  await page.getByRole('cell', { name: 'SO0001' }).click();
+  await page
+    .getByLabel('Order Details')
+    .getByText('Selling some stuff')
+    .waitFor();
+  await loadTab(page, 'Line Items');
+  await loadTab(page, 'Shipments');
+  await loadTab(page, 'Build Orders');
+  await page.getByText('No records found').first().waitFor();
+  await loadTab(page, 'Attachments');
+  await page.getByText('No attachments found').first().waitFor();
+  await loadTab(page, 'Notes');
+  await loadTab(page, 'Order Details');
+
+  // Return Order Details
+  await page.getByRole('link', { name: 'Customer A' }).click();
+  await loadTab(page, 'Return Orders');
+  await page.getByRole('cell', { name: 'RMA-' }).click();
+  await page.getByText('RMA-0001', { exact: true }).waitFor();
+  await loadTab(page, 'Line Items');
+  await loadTab(page, 'Attachments');
+  await loadTab(page, 'Notes');
+});
+
+test('Sales Orders - Basic Tests', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await page.getByRole('tab', { name: 'Sales' }).click();
+  await page.waitForURL('**/sales/index/**');
+
+  await loadTab(page, 'Sales Orders');
+
+  await clearTableFilters(page);
+
+  await setTableChoiceFilter(page, 'status', 'On Hold');
+
+  await page.getByText('On Hold').first().waitFor();
+
+  // Navigate to a particular sales order
+  await page.getByRole('cell', { name: 'SO0003' }).click();
+
+  // Order is "on hold". We will "issue" it and then place on hold again
+  await page.getByText('Selling stuff').first().waitFor();
+  await page.getByText('On Hold').first().waitFor();
+  await page.getByRole('button', { name: 'Issue Order' }).click();
+  await page.getByRole('button', { name: 'Submit' }).click();
+
+  // Order should now be "in progress"
+  await page.getByText('In Progress').first().waitFor();
+  await page.getByRole('button', { name: 'Ship Order' }).waitFor();
+
+  await page.getByLabel('action-menu-order-actions').click();
+
+  await page.getByLabel('action-menu-order-actions-edit').waitFor();
+  await page.getByLabel('action-menu-order-actions-duplicate').waitFor();
+  await page.getByLabel('action-menu-order-actions-cancel').waitFor();
+
+  // Mark the order as "on hold" again
+  await page.getByLabel('action-menu-order-actions-hold').click();
+  await page.getByRole('button', { name: 'Submit' }).click();
+
+  await page.getByText('On Hold').first().waitFor();
+  await page.getByRole('button', { name: 'Issue Order' }).waitFor();
+});
+
+test('Sales Orders - Shipments', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await page.getByRole('tab', { name: 'Sales' }).click();
+  await page.waitForURL('**/sales/index/**');
+
+  await loadTab(page, 'Sales Orders');
+
+  await clearTableFilters(page);
+  // Click through to a particular sales order
+  await page.getByRole('cell', { name: 'SO0006' }).first().click();
+  await loadTab(page, 'Shipments');
+
+  // Create a new shipment
+  await page.getByLabel('action-button-add-shipment').click();
+  await page.getByLabel('text-field-tracking_number').fill('1234567890');
+  await page.getByLabel('text-field-invoice_number').fill('9876543210');
+  await page.getByRole('button', { name: 'Submit' }).click();
+
+  // Expected field error
+  await page
+    .getByText('The fields order, reference must make a unique set')
+    .first()
+    .waitFor();
+  await page.getByRole('button', { name: 'Cancel' }).click();
+
+  // Edit one of the existing shipments
+  await page.getByLabel('row-action-menu-0').click();
+  await page.getByRole('menuitem', { name: 'Edit' }).click();
+
+  // Ensure the form has loaded
+  await page.waitForLoadState('networkidle');
+
+  let tracking_number = await page
+    .getByLabel('text-field-tracking_number')
+    .inputValue();
+
+  if (!tracking_number) {
+    tracking_number = '1234567890';
+  } else if (tracking_number.endsWith('x')) {
+    // Remove the 'x' from the end of the tracking number
+    tracking_number = tracking_number.substring(0, tracking_number.length - 1);
+  } else {
+    // Add an 'x' to the end of the tracking number
+    tracking_number += 'x';
+  }
+
+  // Change the tracking number
+  await page.getByLabel('text-field-tracking_number').fill(tracking_number);
+  await page.waitForTimeout(250);
+  await page.getByRole('button', { name: 'Submit' }).click();
+
+  // Click through to a particular shipment
+  await page.getByLabel('row-action-menu-0').click();
+  await page.getByRole('menuitem', { name: 'View Shipment' }).click();
+
+  // Click through the various tabs
+  await loadTab(page, 'Attachments');
+  await loadTab(page, 'Notes');
+  await loadTab(page, 'Allocated Stock');
+
+  // Ensure assigned items table loads correctly
+  await page.getByRole('cell', { name: 'BATCH-001' }).first().waitFor();
+
+  await loadTab(page, 'Shipment Details');
+
+  // The "new" tracking number should be visible
+  await page.getByText(tracking_number).waitFor();
+
+  // Link back to sales order
+  await page.getByRole('link', { name: 'SO0006' }).click();
+
+  // Let's try to allocate some stock
+  await loadTab(page, 'Line Items');
+  await page.getByLabel('row-action-menu-1').click();
+  await page.getByRole('menuitem', { name: 'Allocate stock' }).click();
+  await page
+    .getByText('Select the source location for the stock allocation')
+    .waitFor();
+  await page.getByLabel('number-field-quantity').fill('123');
+  await page.getByLabel('related-field-stock_item').click();
+  await page.getByText('Quantity: 42').click();
+  await page.getByRole('button', { name: 'Cancel' }).click();
+
+  // Search for shipment by tracking number
+  await globalSearch(page, 'TRK-002');
+
+  await page
+    .getByText(/SO0009/)
+    .first()
+    .click();
+
+  // Search for shipment by invoice number
+  await globalSearch(page, 'INV-123');
+
+  await page
+    .getByText(/SO0025/)
+    .first()
+    .click();
+});
+
+test('Sales Orders - Duplicate', async ({ browser }) => {
+  const page = await doCachedLogin(browser, {
+    url: 'sales/sales-order/11/detail'
+  });
+
+  await page.getByLabel('action-menu-order-actions').click();
+  await page.getByLabel('action-menu-order-actions-duplicate').click();
+
+  // Ensure a new reference is suggested
+  await expect(page.getByLabel('text-field-reference')).not.toBeEmpty();
+
+  // Submit the duplicate request and ensure it completes
+  await page.getByRole('button', { name: 'Submit' }).isEnabled();
+  await page.getByRole('button', { name: 'Submit' }).click();
+  await page.getByRole('tab', { name: 'Order Details' }).waitFor();
+  await page.getByRole('tab', { name: 'Order Details' }).click();
+
+  await page.getByText('Pending').first().waitFor();
+});