chore: trying to fix tests

fkhadra · Dec 8, 2024 · 3d5182e · 3d5182e
1 parent cab57ea
commit 3d5182e
Show file tree

Hide file tree

Showing 4 changed files with 315 additions and 168 deletions.
diff --git a/src/addons/use-notification-center/NotificationCenter.cy.tsx b/src/addons/use-notification-center/NotificationCenter.cy.tsx
@@ -19,6 +19,7 @@ function TestComponent(props: UseNotificationCenterParams) {
   return (
     <div>
       <div style={flex}>
+        <button onClick={() => toast('hello')}>display notification</button>
         <button onClick={markAllAsRead}>markAllAsRead</button>
         <button onClick={clear}>clear</button>
         <button onClick={() => add({ content })}>addNotification</button>
@@ -91,25 +92,15 @@ describe('NotificationCenter', () => {
     const id = toast('msg');
 
     cy.resolveEntranceAnimation();
+    cy.findByRole('alert').should('exist');
 
-    toast.update(id, {
-      render: 'msg updated'
-    });
-    cy.findAllByText('msg updated').should('exist');
-  });
-
-  it('mark as read a single notification', () => {
-    const id = toast('msg');
-    cy.resolveEntranceAnimation();
-
-    cy.findByTestId('count').should('contain.text', 1);
-    cy.findByTestId('unreadCount').should('contain.text', 1);
-    cy.findByTestId(`read-${id}`).should('contain.text', false);
-
-    cy.findByTestId(`markAsRead-${id}`).click();
+    setTimeout(() => {
+      toast.update(id, {
+        render: 'msg updated'
+      });
+    }, 0);
 
-    cy.findByTestId('unreadCount').should('contain.text', 0);
-    cy.findByTestId(`read-${id}`).should('contain.text', true);
+    cy.findAllByText('msg updated').should('exist');
   });
 
   describe('with initial state', () => {

diff --git a/src/components/Transitions.tsx b/src/components/Transitions.tsx
@@ -1,4 +1,4 @@
-import { Default, cssTransition } from '../utils';
+import { cssTransition, Default } from '../utils';
 
 const getConfig = (animationName: string, appendPosition = false) => ({
   enter: `${Default.CSS_NAMESPACE}--animate ${Default.CSS_NAMESPACE}__${animationName}-enter`,

diff --git a/src/core/containerObserver.ts b/src/core/containerObserver.ts
@@ -6,6 +6,7 @@ import {
   Toast,
   ToastContainerProps,
   ToastContent,
+  ToastContentProps,
   ToastProps
 } from '../types';
 import { canBeRendered, getAutoCloseDelay, isFn, isNum, isStr, parseClassName, toToastItem } from '../utils';
@@ -142,7 +143,7 @@ export function createContainerObserver(
     let toastContent = content;
 
     if (isValidElement(content) && !isStr(content.type)) {
-      toastContent = cloneElement(content as ReactElement, {
+      toastContent = cloneElement<ToastContentProps>(content as ReactElement<any>, {
         closeToast,
         toastProps,
         data