@inventreedb/ui 0.0.1

package/tests/pages/pui_build.spec.ts

@@ -0,0 +1,373 @@
+import { expect } from '@playwright/test';
+import { test } from '../baseFixtures.ts';
+import {
+  activateCalendarView,
+  clearTableFilters,
+  getRowFromCell,
+  loadTab,
+  navigate,
+  setTableChoiceFilter
+} from '../helpers.ts';
+import { doCachedLogin } from '../login.ts';
+
+test('Build Order - Basic Tests', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  // Navigate to the correct build order
+  await page.getByRole('tab', { name: 'Manufacturing' }).click();
+  await page.waitForURL('**/manufacturing/index/**');
+
+  await loadTab(page, 'Build Orders');
+
+  await clearTableFilters(page);
+
+  // We have now loaded the "Build Order" table. Check for some expected texts
+  await page.getByText('On Hold').first().waitFor();
+  await page.getByText('Pending').first().waitFor();
+
+  // Load a particular build order
+  await page.getByRole('cell', { name: 'BO0017' }).click();
+
+  // This build order should be "on hold"
+  await page.getByText('On Hold').first().waitFor();
+
+  // Edit the build order (via keyboard shortcut)
+  await page.keyboard.press('Control+E');
+  await page.getByLabel('text-field-title').waitFor();
+  await page.getByLabel('related-field-project_code').waitFor();
+  await page.getByRole('button', { name: 'Cancel' }).click();
+
+  await page.getByRole('button', { name: 'Issue Order' }).click();
+  await page.getByRole('button', { name: 'Cancel' }).click();
+
+  // Back to the build list
+  await page.getByLabel('breadcrumb-0-manufacturing').click();
+
+  // Load a different build order
+  await page.getByRole('cell', { name: 'BO0011' }).click();
+
+  // This build order should be "in production"
+  await page.getByText('Production').first().waitFor();
+  await page.getByRole('button', { name: 'Complete Order' }).click();
+  await page.getByText('Accept Unallocated').waitFor();
+  await page.getByRole('button', { name: 'Cancel' }).click();
+
+  // Check for other expected actions
+  await page.getByLabel('action-menu-build-order-').click();
+  await page.getByLabel('action-menu-build-order-actions-edit').waitFor();
+  await page.getByLabel('action-menu-build-order-actions-duplicate').waitFor();
+  await page.getByLabel('action-menu-build-order-actions-hold').waitFor();
+  await page.getByLabel('action-menu-build-order-actions-cancel').click();
+  await page.getByText('Remove Incomplete Outputs').waitFor();
+  await page.getByRole('button', { name: 'Cancel' }).click();
+
+  // Click on some tabs
+  await loadTab(page, 'Attachments');
+  await loadTab(page, 'Notes');
+  await loadTab(page, 'Incomplete Outputs');
+  await loadTab(page, 'Line Items');
+  await loadTab(page, 'Allocated Stock');
+
+  // Check for expected text in the table
+  await page.getByText('R_10R_0402_1%').waitFor();
+  await page
+    .getByRole('cell', { name: 'R38, R39, R40, R41, R42, R43' })
+    .waitFor();
+
+  // Check "test results"
+  await loadTab(page, 'Test Results');
+  await page.getByText('Quantity: 25').waitFor();
+  await page.getByText('Continuity Checks').waitFor();
+  await page
+    .getByRole('row', { name: 'Quantity: 16 No location set' })
+    .getByRole('button')
+    .hover();
+  await page.getByText('Add Test Result').waitFor();
+
+  // Click through to the "parent" build
+  await loadTab(page, 'Build Details');
+  await page.getByRole('link', { name: 'BO0010' }).click();
+  await page
+    .getByLabel('Build Details')
+    .getByText('Making a high level assembly')
+    .waitFor();
+});
+
+test('Build Order - Calendar', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await navigate(page, 'manufacturing/index/buildorders');
+  await activateCalendarView(page);
+
+  // Export calendar data
+  await page.getByLabel('calendar-export-data').click();
+  await page.getByRole('button', { name: 'Export', exact: true }).click();
+  await page.getByText('Process completed successfully').waitFor();
+
+  // Check "part category" filter
+  await page.getByLabel('calendar-select-filters').click();
+  await page.getByRole('button', { name: 'Add Filter' }).click();
+  await page.getByPlaceholder('Select filter').fill('category');
+  await page.getByRole('option', { name: 'Category', exact: true }).click();
+  await page.getByLabel('related-field-filter-category').click();
+  await page.getByText('Part category, level 1').waitFor();
+
+  // Required because we downloaded a file
+  await page.context().close();
+});
+
+test('Build Order - Edit', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await navigate(page, 'manufacturing/build-order/22/');
+
+  // Check for expected text items
+  await page.getByText('Building for sales order').first().waitFor();
+  await page.getByText('2024-08-08').waitFor(); // Created date
+  await page.getByText('2025-01-01').waitFor(); // Start date
+  await page.getByText('2025-01-22').waitFor(); // Target date
+
+  await page.keyboard.press('Control+E');
+
+  // Edit start date
+  await page.getByLabel('date-field-start_date').fill('2026-09-09');
+
+  // Submit the form
+  await page.getByRole('button', { name: 'Submit' }).click();
+
+  // Expect error
+  await page.getByText('Errors exist for one or more form fields').waitFor();
+  await page.getByText('Target date must be after start date').waitFor();
+
+  // Cancel the form
+  await page.getByRole('button', { name: 'Cancel' }).click();
+});
+
+test('Build Order - Build Outputs', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await navigate(page, 'manufacturing/index/');
+  await loadTab(page, 'Build Orders');
+
+  await clearTableFilters(page);
+
+  // We have now loaded the "Build Order" table. Check for some expected texts
+  await page.getByText('On Hold').first().waitFor();
+  await page.getByText('Pending').first().waitFor();
+
+  await page.getByRole('cell', { name: 'BO0011' }).click();
+  await loadTab(page, 'Incomplete Outputs');
+
+  // Create a new build output
+  await page.getByLabel('action-button-add-build-output').click();
+  await page.getByLabel('number-field-quantity').fill('5');
+
+  const placeholder = await page
+    .getByLabel('text-field-serial_numbers')
+    .getAttribute('placeholder');
+
+  let sn = 1;
+
+  if (!!placeholder && placeholder.includes('Next serial number')) {
+    sn = Number.parseInt(placeholder.split(':')[1].trim());
+  }
+
+  // Generate some new serial numbers
+  await page.getByLabel('text-field-serial_numbers').fill(`${sn}, ${sn + 1}`);
+
+  await page.getByLabel('text-field-batch_code').fill('BATCH12345');
+  await page.getByLabel('related-field-location').click();
+  await page.getByText('Reel Storage').click();
+  await page.getByRole('button', { name: 'Submit' }).click();
+
+  // Should be an error as the number of serial numbers doesn't match the quantity
+  await page.getByText('Errors exist for one or more').waitFor();
+  await page.getByText('Number of unique serial').waitFor();
+
+  // Fix the quantity
+  await page.getByLabel('number-field-quantity').fill('2');
+  await page.waitForTimeout(250);
+  await page.getByRole('button', { name: 'Submit' }).click();
+
+  // Check that new serial numbers have been created
+  await page
+    .getByRole('cell', { name: `# ${sn}` })
+    .first()
+    .waitFor();
+  await page
+    .getByRole('cell', { name: `# ${sn + 1}` })
+    .first()
+    .waitFor();
+
+  // Cancel one of the newly created outputs
+  const cell = await page.getByRole('cell', { name: `# ${sn}` });
+  const row = await getRowFromCell(cell);
+  await row.getByLabel(/row-action-menu-/i).click();
+  await page.getByRole('menuitem', { name: 'Cancel' }).click();
+  await page.getByRole('button', { name: 'Submit' }).click();
+  await page.getByText('Build outputs have been cancelled').waitFor();
+
+  // Complete the other output
+  const cell2 = await page.getByRole('cell', { name: `# ${sn + 1}` });
+  const row2 = await getRowFromCell(cell2);
+  await row2.getByLabel(/row-action-menu-/i).click();
+  await page.getByRole('menuitem', { name: 'Complete' }).click();
+  await page.getByLabel('related-field-location').click();
+  await page.getByText('Mechanical Lab').click();
+  await page.waitForTimeout(250);
+  await page.getByRole('button', { name: 'Submit' }).click();
+  await page.getByText('Build outputs have been completed').waitFor();
+});
+
+test('Build Order - Allocation', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await navigate(page, 'manufacturing/build-order/1/line-items');
+
+  // Expand the R_10K_0805 line item
+  await page.getByText('R_10K_0805_1%').first().click();
+  await page.getByText('Reel Storage').waitFor();
+  await page.getByText('R_10K_0805_1%').first().click();
+
+  // The capacitor stock should be fully allocated
+  const cell = await page.getByRole('cell', { name: /C_1uF_0805/ });
+  const row = await getRowFromCell(cell);
+
+  await row.getByText(/150 \/ 150/).waitFor();
+
+  // Expand this row
+  await cell.click();
+  await page.getByRole('cell', { name: '2022-4-27', exact: true }).waitFor();
+  await page.getByRole('cell', { name: 'Reel Storage', exact: true }).waitFor();
+
+  // Navigate to the "Incomplete Outputs" tab
+  await loadTab(page, 'Incomplete Outputs');
+
+  // Find output #7
+  const output7 = await page
+    .getByRole('cell', { name: '# 7' })
+    .locator('xpath=ancestor::tr')
+    .first();
+
+  // Expecting 3/4 allocated outputs
+  await output7.getByText('3 / 4').waitFor();
+
+  // Expecting 0/3 completed tests
+  await output7.getByText('0 / 3').waitFor();
+
+  // Expand the output
+  await output7.click();
+
+  await page.getByText('Build Output Stock Allocation').waitFor();
+  await page.getByText('Serial Number: 7').waitFor();
+
+  // Data of expected rows
+  const data = [
+    {
+      name: 'Red Widget',
+      ipn: 'widget.red',
+      available: '123',
+      required: '3',
+      allocated: '3'
+    },
+    {
+      name: 'Blue Widget',
+      ipn: 'widget.blue',
+      available: '39',
+      required: '5',
+      allocated: '5'
+    },
+    {
+      name: 'Pink Widget',
+      ipn: 'widget.pink',
+      available: '4',
+      required: '4',
+      allocated: '0'
+    },
+    {
+      name: 'Green Widget',
+      ipn: 'widget.green',
+      available: '245',
+      required: '6',
+      allocated: '6'
+    }
+  ];
+
+  // Check for expected rows
+  for (let idx = 0; idx < data.length; idx++) {
+    const item = data[idx];
+
+    const cell = await page.getByRole('cell', { name: item.name });
+    const row = await getRowFromCell(cell);
+    const progress = `${item.allocated} / ${item.required}`;
+
+    await row.getByRole('cell', { name: item.ipn }).first().waitFor();
+    await row.getByRole('cell', { name: item.available }).first().waitFor();
+    await row.getByRole('cell', { name: progress }).first().waitFor();
+  }
+
+  // Check for expected buttons on Red Widget
+  const redWidget = await page.getByRole('cell', { name: 'Red Widget' });
+  const redRow = await redWidget.locator('xpath=ancestor::tr').first();
+
+  await redRow.getByLabel(/row-action-menu-/i).click();
+  await page
+    .getByRole('menuitem', { name: 'Allocate Stock', exact: true })
+    .waitFor();
+  await page
+    .getByRole('menuitem', { name: 'Deallocate Stock', exact: true })
+    .waitFor();
+});
+
+test('Build Order - Filters', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await navigate(page, 'manufacturing/index/buildorders');
+
+  await clearTableFilters(page);
+
+  // Check for expected pagination text i.e. (1 - 24 / 24)
+  // Note: Due to other concurrent tests, the number of build orders may vary
+  await page.getByText(/1 - \d+ \/ \d+/).waitFor();
+  await page.getByRole('cell', { name: 'BO0023' }).waitFor();
+
+  // Toggle 'Outstanding' filter
+  await setTableChoiceFilter(page, 'Outstanding', 'Yes');
+  await page.getByRole('cell', { name: 'BO0017' }).waitFor();
+
+  await clearTableFilters(page);
+  await setTableChoiceFilter(page, 'Outstanding', 'No');
+
+  await page.getByText('1 - 6 / 6').waitFor();
+
+  await clearTableFilters(page);
+
+  // Filter by custom status code
+  await setTableChoiceFilter(page, 'Status', 'Pending Approval');
+
+  // Single result - navigate through to the build order
+  await page.getByText('1 - 1 / 1').waitFor();
+  await page.getByRole('cell', { name: 'BO0023' }).click();
+
+  await page.getByText('On Hold').first().waitFor();
+  await page.getByText('Pending Approval').first().waitFor();
+});
+
+test('Build Order - Duplicate', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await navigate(page, 'manufacturing/build-order/24/details');
+  await page.getByLabel('action-menu-build-order-').click();
+  await page.getByLabel('action-menu-build-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: 'Build Details' }).waitFor();
+  await page.getByRole('tab', { name: 'Build Details' }).click();
+
+  await page.getByText('Pending').first().waitFor();
+});

package/tests/pages/pui_company.spec.ts

@@ -0,0 +1,40 @@
+import { test } from '../baseFixtures.js';
+import { loadTab, navigate } from '../helpers.js';
+import { doCachedLogin } from '../login.js';
+
+test('Company', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await navigate(page, 'company/1/details');
+  await page.getByLabel('Details').getByText('DigiKey Electronics').waitFor();
+  await page.getByRole('cell', { name: 'https://www.digikey.com/' }).waitFor();
+  await loadTab(page, 'Supplied Parts');
+  await page
+    .getByRole('cell', { name: 'RR05P100KDTR-ND', exact: true })
+    .waitFor();
+  await loadTab(page, 'Purchase Orders');
+  await page.getByRole('cell', { name: 'Molex connectors' }).first().waitFor();
+  await loadTab(page, 'Stock Items');
+  await page
+    .getByRole('cell', { name: 'Blue plastic enclosure' })
+    .first()
+    .waitFor();
+  await loadTab(page, 'Contacts');
+  await page.getByRole('cell', { name: 'jimmy.mcleod@digikey.com' }).waitFor();
+  await loadTab(page, 'Addresses');
+  await page.getByRole('cell', { name: 'Carla Tunnel' }).waitFor();
+  await loadTab(page, 'Attachments');
+  await loadTab(page, 'Notes');
+
+  // Let's edit the company details
+  await page.getByLabel('action-menu-company-actions').click();
+  await page.getByLabel('action-menu-company-actions-edit').click();
+
+  await page.getByLabel('text-field-name').fill('');
+  await page.getByLabel('text-field-website').fill('invalid-website');
+  await page.getByRole('button', { name: 'Submit' }).click();
+
+  await page.getByText('This field may not be blank.').waitFor();
+  await page.getByText('Enter a valid URL.').waitFor();
+  await page.getByRole('button', { name: 'Cancel' }).click();
+});

package/tests/pages/pui_core.spec.ts

@@ -0,0 +1,26 @@
+import { test } from '../baseFixtures.js';
+import { loadTab, navigate } from '../helpers.js';
+import { doCachedLogin } from '../login.js';
+
+test('Core User/Group/Contact', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  // groups
+  await navigate(page, '/core');
+  await page.getByText('System Overview', { exact: true }).first().click();
+  await loadTab(page, 'Groups');
+  await page.getByRole('cell', { name: 'all access' }).click();
+  await page.getByText('Group: all access', { exact: true }).click();
+  await page.getByLabel('breadcrumb-1-groups').click();
+
+  // users
+  await loadTab(page, 'Users');
+  await page.getByRole('cell', { name: 'admin' }).click();
+  await page.getByText('User: admin', { exact: true }).waitFor();
+  await page.getByLabel('User Details').waitFor();
+  await page.getByLabel('breadcrumb-1-users').click();
+
+  // contacts
+  await loadTab(page, 'Contacts');
+  await page.getByRole('cell', { name: 'Adrian Briggs' }).waitFor();
+});

package/tests/pages/pui_dashboard.spec.ts

@@ -0,0 +1,64 @@
+import { test } from '../baseFixtures.js';
+import { doCachedLogin } from '../login.js';
+import { setPluginState } from '../settings.js';
+
+test('Dashboard - Basic', async ({ browser }) => {
+  const page = await doCachedLogin(browser);
+
+  await page.getByText('Use the menu to add widgets').waitFor();
+
+  // Let's add some widgets
+  await page.getByLabel('dashboard-menu').click();
+  await page.getByRole('menuitem', { name: 'Add Widget' }).click();
+  await page.getByLabel('dashboard-widgets-filter-input').fill('overdue order');
+
+  await page.getByLabel('add-widget-ovr-so').click();
+  await page.getByLabel('add-widget-ovr-po').click();
+
+  await page.getByLabel('dashboard-widgets-filter-clear').click();
+
+  // Close the widget
+  await page.getByRole('banner').getByRole('button').click();
+
+  await page.waitForTimeout(500);
+
+  // Check that the widgets are visible
+  await page.getByText('Overdue Sales Orders').waitFor();
+  await page.getByText('Overdue Purchase Orders').waitFor();
+
+  // Let's remove one of the widgets
+  await page.getByLabel('dashboard-menu').click();
+  await page.getByRole('menuitem', { name: 'Remove Widgets' }).click();
+  await page.getByLabel('remove-dashboard-item-ovr-so').click();
+
+  // Accept the layout
+  await page.getByLabel('dashboard-accept-layout').click();
+});
+
+test('Dashboard - Plugins', async ({ browser, request }) => {
+  // Ensure that the "SampleUI" plugin is enabled
+  await setPluginState({
+    request,
+    plugin: 'sampleui',
+    state: true
+  });
+
+  const page = await doCachedLogin(browser);
+
+  // Add a dashboard widget from the SampleUI plugin
+  await page.getByLabel('dashboard-menu').click();
+  await page.getByRole('menuitem', { name: 'Add Widget' }).click();
+  await page.getByLabel('dashboard-widgets-filter-input').fill('sample');
+
+  // Add the widget
+  await page.getByLabel(/add-widget-p-sampleui-sample-/).click();
+
+  // Close the widget
+  await page.getByRole('banner').getByRole('button').click();
+
+  await page.waitForTimeout(500);
+
+  // Check that the widget is visible
+  await page.getByRole('heading', { name: 'Sample Dashboard Item' }).waitFor();
+  await page.getByText('Hello world! This is a sample').waitFor();
+});