beatzaplenty/stockfill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #113 from beatz174-bit/codex/implement-close-functionality-for-mobile-dialog

Browse Source 
Ensure mobile controls dialog closes reliably
This commit is contained in:
beatz174-bit
2025-11-24 10:01:52 +10:00
committed by GitHub
parent 32622fe7ab 073e3131b2
commit 0cff811073
2 changed files with 31 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/picklist.spec.ts
+25
View File
@@ -209,6 +209,31 @@ test.describe('Active pick list', () => {
await expect(page.getByText(/Qty:\s*1\s+unit/i)).toBeVisible();
});
test('closes mobile controls with the close button and backdrop', async ({ page }) => {
await page.setViewportSize({ width: 390, height: 844 });
await navigateToNewPickList(page);
await addProductToPickList(page, additionalProduct);
const productRow = page
.getByText(additionalProduct, { exact: true })
.locator('xpath=ancestor::div[contains(@class, "MuiStack-root")]')
.first();
const controlsDialog = page.getByRole('dialog', { name: additionalProduct });
await productRow.click();
await expect(controlsDialog).toBeVisible();
await page.getByRole('button', { name: 'Close controls' }).click();
await expect(controlsDialog).toHaveCount(0);
await productRow.click();
await expect(controlsDialog).toBeVisible();
await page.locator('.MuiBackdrop-root').click({ position: { x: 10, y: 10 } });
await expect(controlsDialog).toHaveCount(0);
});
test('toggles picked visibility and disables the filter when all items are picked', async ({ page }) => {
await navigateToNewPickList(page);
await addProductToPickList(page, secondaryProduct);