Add e2e coverage for show picked filter

e2e/picklist.spec.ts

@@ -2,6 +2,7 @@ import { expect, test } from '@playwright/test';
 
 const areaName = 'Drinks';
 const additionalProduct = 'Pump 750';
+const secondaryProduct = 'Mount Franklin 600ml';
 
 test.describe('Active pick list', () => {
   test('creates a pick list and adds products from the search bar', async ({ page }) => {
@@ -53,4 +54,53 @@ test.describe('Active pick list', () => {
 
     await expect(page.getByText('Playwright Cola Zero')).toBeVisible();
   });
+
+  test('toggles picked visibility and disables the filter when all items are picked', async ({ page }) => {
+    await page.goto('/');
+
+    await page.getByRole('link', { name: 'Create Pick List' }).click();
+    await page.getByLabel('Area').click();
+    await page.getByRole('option', { name: areaName }).first().click();
+    await page.getByRole('button', { name: 'Save Pick List' }).click();
+
+    await expect(page.getByRole('heading', { name: `${areaName} List` })).toBeVisible();
+
+    const searchInput = page.getByPlaceholder('Search products');
+    await searchInput.click();
+    await searchInput.fill(secondaryProduct);
+    await page
+      .getByRole('option', { name: new RegExp(`${secondaryProduct} \\(${areaName}\\)`, 'i') })
+      .first()
+      .click();
+
+    await searchInput.fill(additionalProduct);
+    await page
+      .getByRole('option', { name: new RegExp(`${additionalProduct} \\(${areaName}\\)`, 'i') })
+      .first()
+      .click();
+
+    const showPickedToggle = page.getByLabel('Show picked');
+    const itemToggles = page.getByRole('checkbox', { name: 'Toggle picked status' });
+
+    await expect(showPickedToggle).toBeChecked();
+    await expect(page.getByText(secondaryProduct)).toBeVisible();
+    await expect(page.getByText(additionalProduct)).toBeVisible();
+
+    await itemToggles.first().check();
+    await expect(itemToggles.first()).toBeChecked();
+
+    await showPickedToggle.click();
+    await expect(page.getByText(secondaryProduct)).toHaveCount(0);
+    await expect(page.getByText(additionalProduct)).toBeVisible();
+
+    await showPickedToggle.click();
+    await expect(showPickedToggle).toBeChecked();
+    await expect(page.getByText(secondaryProduct)).toBeVisible();
+
+    await itemToggles.nth(1).check();
+    await expect(itemToggles.nth(1)).toBeChecked();
+
+    await expect(showPickedToggle).toBeDisabled();
+    await expect(showPickedToggle).toBeChecked();
+  });
 });