[UI] Default table filters (#11405)

* Support "default filters" for table views

- User overrides apply in preference
- Only when there is no stored value (null)

* Correctly handle partially constructed filters

- Reverse lookup on available filter set

* Add default filters for order tables

* Default filters for company tables

* More default filters

* Add some more default filters

* Bump CHANGELOG

* build fix

* Tweaks for playwright testing

* Tweak playwright test

* Improve test flexibility

src/frontend/tests/pages/pui_build.spec.ts

@@ -723,6 +723,8 @@ test('Build Order - External', async ({ browser }) => {
   await navigate(page, 'manufacturing/build-order/26/details');
   await loadTab(page, 'External Orders');
 
+  await clearTableFilters(page);
+
   await page.getByRole('cell', { name: 'PO0017' }).waitFor();
   await page.getByRole('cell', { name: 'PO0018' }).waitFor();
 });

src/frontend/tests/pages/pui_company.spec.ts

@@ -15,21 +15,28 @@ test('Company', async ({ 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 clearTableFilters(page);
   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');
 

src/frontend/tests/pages/pui_part.spec.ts

@@ -66,14 +66,16 @@ test('Parts - Tabs', async ({ browser }) => {
 });
 
 test('Parts - Manufacturer Parts', async ({ browser }) => {
-  const page = await doCachedLogin(browser, { url: 'part/84/suppliers' });
+  const page = await doCachedLogin(browser, { url: 'part/84/' });
 
+  // Load the "suppliers" tab
   await loadTab(page, 'Suppliers');
   await page.getByText('Hammond Manufacturing').click();
-  await loadTab(page, 'Parameters');
-  await loadTab(page, 'Suppliers');
-  await loadTab(page, 'Attachments');
+
+  // Wait for manufacturer part page to load
   await page.getByText('1551ACLR - 1551ACLR').waitFor();
+  await loadTab(page, 'Parameters');
+  await loadTab(page, 'Attachments');
 });
 
 test('Parts - Supplier Parts', async ({ browser }) => {

src/frontend/tests/pages/pui_purchase_order.spec.ts

@@ -25,6 +25,14 @@ test('Purchasing - Index', async ({ browser }) => {
   await showCalendarView(page);
   await showTableView(page);
 
+  // Check default filters are applied
+  // By default, only outstanding orders are visible
+  await page.getByText(/1 - \d+ \/ \d+/).waitFor();
+
+  // Clearing the filters, more orders should be visible
+  await clearTableFilters(page);
+  await page.getByText(/1 - 1\d \/ 1\d/).waitFor();
+
   // Suppliers tab
   await loadTab(page, 'Suppliers');
   await showParametricView(page);

src/frontend/tests/pui_exporting.spec.ts

@@ -33,7 +33,7 @@ test('Exporting - Orders', async ({ browser }) => {
   await page.getByText('Process completed successfully').waitFor();
 
   // Download list of purchase order items
-  await page.getByRole('cell', { name: 'PO0011' }).click();
+  await page.getByRole('cell', { name: 'PO0014' }).click();
   await loadTab(page, 'Line Items');
   await openExportDialog(page);
   await page.getByRole('button', { name: 'Export', exact: true }).click();

src/frontend/tests/pui_printing.spec.ts

@@ -62,7 +62,7 @@ test('Printing - Report Printing', async ({ browser }) => {
   await loadTab(page, 'Purchase Orders');
   await activateTableView(page);
 
-  await page.getByRole('cell', { name: 'PO0009' }).click();
+  await page.getByRole('cell', { name: 'PO0013' }).click();
 
   // Select "print report"
   await page.getByLabel('action-menu-printing-actions').click();