Add tests for container pop

Author: zerodevx

src/routes/+page.svelte

@@ -237,11 +237,11 @@ toast.set(id, { next: 1 })`,
   {
     name: 'REMOVE ALL TOASTS FROM CONTAINER',
     code: `// Remove all toasts from "new" container
-toast.pop(i => i.target !== 'new')
+toast.pop({ target: 'new' })
 
 // Or remove ALL active toasts from ALL containers
 toast.pop(0)`,
-    run: () => toast.pop((i) => i.target !== 'new')
+    run: () => toast.pop({ target: 'new' })
   },
   {
     name: 'SEND COMPONENT AS A MESSAGE',

tests/test.js

@@ -193,8 +193,18 @@ test('can change dismiss btn char', async ({ page }) => {
   expect(btn).toBe('"x"')
 })
 
-// Playwright currently does not provide a way to test this
+test('removes all toasts from a container target', async ({ page }) => {
+  await page.goto('/')
+  for (let a = 0; a < 3; a++) {
+    await page.getByTestId('createNewToastContainer').click()
+  }
+  await page.getByTestId('removeAllToastsFromContainer').click()
+  await expect(page.locator('._toastItem')).toHaveCount(0)
+})
+
+// Playwright currently doesn't provide a way to test this
 // https://github.com/microsoft/playwright/issues/2286
+// TODO: migrate this Cypress test
 /*
 it('Toggles pause and resume on visibilitychange', () => {
   cy.get('[data-btn=default]')
@@ -249,3 +259,12 @@ test('`push()` accepts both string and obj', async ({ page }) => {
   await page.evaluate(`window.toast.push({msg:'push with obj'})`)
   await expect(page.getByText('push with obj')).toBeVisible()
 })
+
+test('removes toasts from container via filter fn', async ({ page }) => {
+  await page.goto('/', { waitUntil: 'networkidle' })
+  for (let a = 0; a < 3; a++) {
+    await page.getByTestId('createNewToastContainer').click()
+  }
+  await page.evaluate(`window.toast.pop(i=>i.target!=='new')`)
+  await expect(page.locator('._toastItem')).toHaveCount(0)
+})