Vitest 짧막 팁 2가지

1. Vitest의 vi.mock 은 ESModule import를 넣을 수 있다.

장점: IDE에서 import 경로를 추적할 수 있어서 경로를 업데이트 할 때 같이 바꿔주기 때문에 실수를 줄여줍니다.

- jest.mock('axiost')
+ vi.mock(import('axios'))

2. Vitest의 vi.mock 은 두 번째 인자로 부분 모킹이 가능하다.

장점: 모듈에 타입 지원이 됩니다.

- jest.mock('ant-design', () => ({
-   ...jest.requireActual('ant-design'),
-   Typography: jest.fn().mockImplementation(({ children }) => <div>{children}</div>),
- }));

+ vi.mock(import('ant-design'), async (importOriginal) => ({
+   ...(await importOriginal()), // ((parameter) importOriginal: <typeof import("ant-design")>() => Promise<typeof import("ant-design")>)
+   Typography: vi.fn().mockImplementation(({ children }) => <div>{children}</div>),
+ }))

https://vitest.dev/api/vi.html#vi-mock