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

Vitest

Vitest

Vitest

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2024년 8월 22일 오후 3:19

댓글 2

함께 읽은 게시물

포트폴리오는 장기자랑이다



... 더 보기

꾸준함이 한계를 뚫는다...250728

1.●고통속에서 무엇을 배우냐는 선택이다.
2.●내가 행복해야 남도 행복하게 해줄수 있다.

... 더 보기

조회 88


😘🐍 어랏? 아이가 파이썬 재밌다네요 ㅋㅋ

... 더 보기

MCP 모르면 대체 얼마나 손해 보는 걸까?🤔

... 더 보기

MCP 모르면 대체 얼마나 손해 보는 걸까? | 요즘IT

요즘IT

MCP 모르면 대체 얼마나 손해 보는 걸까? | 요즘IT

 • 

댓글 1 • 저장 25 • 조회 2,883


자바 25를 사용해야 하는 이유

... 더 보기

곧 출시될 자바 25는 가능한 빨리 도입하세요

kr.linkedin.com

곧 출시될 자바 25는 가능한 빨리 도입하세요

 • 

저장 15 • 조회 1,417


실제로 동작하는 PRD란

P

... 더 보기

The PRD That Actually Works

Brunch Story

The PRD That Actually Works