fix: lottie-react를 mocking하여 lottie가 렌더링 시 테스트가 실패하지 않도록 변경

woowacourse-teams · Aug 21, 2024 · 91a3336 · 91a3336
1 parent 1f0876b
commit 91a3336
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/client/src/hooks/useError/useError.test.tsx b/client/src/hooks/useError/useError.test.tsx
@@ -10,6 +10,8 @@ import UnhandledErrorBoundary from '../../UnhandledErrorBoundary';
 import {ErrorInfo, ErrorProvider} from './ErrorProvider';
 import {useError} from './useError';
 
+jest.mock('lottie-react', () => () => <div>Lottie Mock</div>);
+
 describe('useError', () => {
   const initializeProvider = () =>
     renderHook(() => useError(), {

diff --git a/client/src/hooks/useToast/useToast.test.tsx b/client/src/hooks/useToast/useToast.test.tsx
@@ -11,6 +11,8 @@ import {ErrorInfo, ErrorProvider} from '../../hooks/useError/ErrorProvider'; //
 
 import {ToastProvider} from './ToastProvider'; // 위 코드에 해당하는 ToastProvider 경로
 
+jest.mock('lottie-react', () => () => <div>Lottie Mock</div>);
+
 // 테스트용 헬퍼 컴포넌트
 const TestComponent = ({errorInfo}: {errorInfo: ErrorInfo}) => {
   const {setErrorInfo} = useError();