fix tests

sumup-oss · Jan 7, 2025 · 9e7f09e · 9e7f09e
1 parent e38f429
commit 9e7f09e
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/...ircuit-ui/components/SideNavigation/components/MobileNavigation/MobileNavigation.spec.tsx b/...ircuit-ui/components/SideNavigation/components/MobileNavigation/MobileNavigation.spec.tsx
@@ -31,6 +31,8 @@ import {
   type MobileNavigationProps,
 } from './MobileNavigation.js';
 
+vi.mock('../../../../hooks/useMedia/index.js');
+
 describe('MobileNavigation', () => {
   function renderMobileNavigation<T>(
     renderFn: RenderFn<T>,

diff --git a/packages/circuit-ui/components/SidePanel/SidePanelContext.spec.tsx b/packages/circuit-ui/components/SidePanel/SidePanelContext.spec.tsx
@@ -24,7 +24,12 @@ import {
   vi,
   type Mock,
 } from 'vitest';
-import { useContext, type ComponentType } from 'react';
+import {
+  useContext,
+  type ComponentType,
+  useEffect,
+  type ReactNode,
+} from 'react';
 
 import {
   render,
@@ -47,6 +52,20 @@ import {
 
 vi.mock('../../hooks/useMedia/index.js');
 
+vi.mock('./SidePanel.js', () => ({
+  SidePanel: ({
+    open,
+    onAfterClose,
+    children,
+  }: { open: boolean; onAfterClose?: () => void; children: ReactNode }) => {
+    useEffect(() => () => {
+        onAfterClose?.();
+      }, [onAfterClose]);
+
+    return <dialog open={open}>{children}</dialog>;
+  },
+}));
+
 describe('SidePanelContext', () => {
   beforeAll(() => {
     vi.useFakeTimers();