Fix: Dismiss all toasts in a single container

Fix: Dismiss all toasts in a single container (re-apply)
fkhadra · Mar 2, 2024 · 09cf0fb · 09cf0fb
1 parent edb231d
commit 09cf0fb
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 5 deletions.
diff --git a/src/core/store.ts b/src/core/store.ts
@@ -67,10 +67,12 @@ export function removeToast(params?: Id | RemoveParams) {
       c.removeToast(params as Id);
     });
   } else if (params && ('containerId' in params || 'id' in params)) {
-    containers.get(params.containerId)?.removeToast(params.id) ||
-      containers.forEach(c => {
-        c.removeToast(params.id);
-      });
+    const container = containers.get(params.containerId);
+    container
+      ? container.removeToast(params.id)
+      : containers.forEach(c => {
+          c.removeToast(params.id);
+        });
   }
 }
 

diff --git a/src/core/toast.cy.tsx b/src/core/toast.cy.tsx
@@ -334,7 +334,8 @@ describe('with container', () => {
 describe('with multi containers', () => {
   const Containers = {
     First: 'first',
-    Second: 'second'
+    Second: 'second',
+    Third: 'third'
   };
 
   beforeEach(() => {
@@ -354,6 +355,13 @@ describe('with multi containers', () => {
           containerId={Containers.Second}
           closeOnClick
         />
+        <ToastContainer
+          autoClose={false}
+          position="bottom-right"
+          limit={10}
+          containerId={Containers.Third}
+          closeOnClick
+        />
       </>
     );
   });
@@ -409,6 +417,41 @@ describe('with multi containers', () => {
       });
   });
 
+  it('remove all toasts for a given container', () => {
+    const toastId = '123';
+
+    toast('first container', {
+      toastId,
+      containerId: Containers.First
+    });
+    toast('third container', {
+      toastId,
+      containerId: Containers.Third
+    });
+    toast('third container second toast', {
+      containerId: Containers.Third
+    });
+
+    cy.resolveEntranceAnimation();
+
+    cy.findByText('first container').should('exist');
+    cy.findByText('third container second toast').should('exist');
+    cy.findByText('third container')
+      .should('exist')
+      .then(() => {
+        toast.dismiss({
+          containerId: Containers.Third
+        });
+
+        cy.resolveEntranceAnimation();
+
+        cy.findByText('first container').should('exist');
+        cy.findByText('third container').should('not.exist');
+        cy.findByText('third container second toast').should('not.exist');
+        cy.findByText('first container').should('exist');
+      });
+  });
+
   it('clear waiting queue for a given container', () => {
     toast('msg1-c1', {
       containerId: Containers.First