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

Improve pick item delete confirmation flow

Browse Source
This commit is contained in:
beatz174-bit
2025-11-24 10:02:28 +10:00
parent 7665d004ce
commit 8726ab60b6
3 changed files with 55 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/picklist.spec.ts
+27 -9
View File
@@ -299,20 +299,38 @@ test.describe('Active pick list', () => {
});
test('removes a product from the pick list when deleted', async ({ page }) => {
await page.setViewportSize({ width: 430, height: 932 });
await navigateToNewPickList(page);
await addProductToPickList(page, additionalProduct);
const productRowDeleteButton = page
.getByText(additionalProduct)
.locator('xpath=ancestor::div[contains(@class, "MuiStack-root")]//button[@aria-label="Delete item"]')
.first();
const productRow = page.getByText(additionalProduct).first();
await expect(page.getByText(additionalProduct).first()).toBeVisible();
await productRowDeleteButton.click();
await expect(productRow).toBeVisible();
await productRow.click();
await expect(page.getByRole('dialog', { name: 'Delete item' })).toBeVisible();
await page.getByRole('button', { name: 'Delete', exact: true }).click();
const controlsDialog = page.getByRole('dialog', { name: additionalProduct });
await expect(controlsDialog).toBeVisible();
await expect(page.getByText(additionalProduct).first()).not.toBeVisible();
await controlsDialog.getByRole('button', { name: 'Delete item' }).click();
const confirmDialog = page.getByRole('dialog', { name: 'Delete item' });
await expect(confirmDialog).toBeVisible();
const cancelButton = confirmDialog.getByRole('button', { name: 'Cancel' });
await expect(cancelButton).toBeVisible();
await cancelButton.click();
await expect(confirmDialog).not.toBeVisible();
await expect(controlsDialog).not.toBeVisible();
await productRow.click();
await expect(page.getByRole('dialog', { name: additionalProduct })).toBeVisible();
await page.getByRole('button', { name: 'Delete item' }).click();
const deleteButton = page.getByRole('button', { name: 'Delete', exact: true });
await expect(deleteButton).toBeVisible();
await deleteButton.click();
await expect(page.getByText(additionalProduct)).toHaveCount(0);
});
});