From b1c540b8db6266c7c7bd0651d0658e3400af91c0 Mon Sep 17 00:00:00 2001
From: beatz174-bit <beatz174@gmail.com>
Date: Mon, 24 Nov 2025 08:13:16 +1000
Subject: [PATCH] Add e2e test for product search filtering

---
 e2e/picklist.spec.ts | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/e2e/picklist.spec.ts b/e2e/picklist.spec.ts
index 066f6f6..7a164cf 100644
--- a/e2e/picklist.spec.ts
+++ b/e2e/picklist.spec.ts
@@ -2,6 +2,9 @@ import { expect, test } from '@playwright/test';
 
 const areaName = 'Drinks';
 const additionalProduct = 'Pump 750';
+const searchTerm = 'E2E Search';
+const matchingProducts = [`${searchTerm} Alpha`, `${searchTerm} Beta`];
+const nonMatchingProduct = 'E2E Other Gamma';
 
 test.describe('Active pick list', () => {
   test('creates a pick list and adds products from the search bar', async ({ page }) => {
@@ -53,4 +56,32 @@ test.describe('Active pick list', () => {
 
     await expect(page.getByText('Playwright Cola Zero')).toBeVisible();
   });
+
+  test('filters the manage products list using the search bar', async ({ page }) => {
+    await page.goto('/');
+
+    await page.getByRole('link', { name: 'Manage Products' }).click();
+
+    const addProduct = async (name: string) => {
+      await page.getByLabel('Name').fill(name);
+      await page.getByLabel('Add product category').click();
+      await page.getByRole('option', { name: areaName }).first().click();
+      await page.getByRole('button', { name: 'Save Product' }).click();
+      await expect(page.getByText('Product added.')).toBeVisible();
+      await expect(page.getByRole('button', { name: `Edit ${name}` })).toBeVisible();
+    };
+
+    for (const productName of [...matchingProducts, nonMatchingProduct]) {
+      await addProduct(productName);
+    }
+
+    const searchInput = page.getByPlaceholder('Search');
+    await searchInput.fill(searchTerm);
+
+    for (const productName of matchingProducts) {
+      await expect(page.getByRole('button', { name: `Edit ${productName}` })).toBeVisible();
+    }
+
+    await expect(page.getByRole('button', { name: `Edit ${nonMatchingProduct}` })).toHaveCount(0);
+  });
 });