Config/#3: Mock Service Worker 설치 및 설정 #10
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- ref: #3
- API 요청을 Mocking 할 핸들러 파일 생성 - MSW의 node.js 환경(vitest) 통합을 위한 server 파일 생성 - 테스트 시 MSW 사용을 위한 vitest.setup.ts 파일 수정 - 테스트 전 setup 파일 설정 - ref: #3
- 브라우저 환경 API 모킹을 위한 woker 생성(browser.ts) - 개발 환경에서 woker 실행을 위한 main.tsx 수정(조건부 msw 시작) - worker.start()는 비동기 작업으로, 브라우저에 서비스 워커를 등록하는 과정이 포함 필요(.then) - ref: #3
- 테스트를 위해 임시로 수정 - ref: #3
- tsconfig의 type을 추가하였습니다. - vitest.config.ts 오타 수정 - vitest.setup.ts에서 CJS인 jest-dom의 matcher를 모두 가져오도록 함. - @testing-library/user-event" 추가 설치 - ref: #3
- ref: #3
itwillbeoptimal
requested changes
Jan 20, 2025
vitest.setup.ts
Outdated
| import { cleanup } from '@testing-library/react'; | ||
| import matchers from '@testing-library/jest-dom/matchers'; | ||
| import * as matchers from '@testing-library/jest-dom/matchers'; | ||
| import { server } from './src/mocks/server'; |
There was a problem hiding this comment.
#2 mocks 디렉토리도 절대 경로 별칭으로 등록한 후에, 나머지 상대 경로로 작성한 부분들 수정해 주세요~
src/mocks/browser.ts
Outdated
| import { setupWorker } from 'msw/browser'; | ||
| import { handlers } from './handlers'; | ||
|
|
||
| export const worker = setupWorker(...handlers); |
There was a problem hiding this comment.
현재 프로젝트 내에 import/prefer-default-export 규칙이 적용되어 있어요. 해당 규칙을 off 할 건지, 사용할 건지 논의해 보고 나머지 파일에서도 수정이 필요할 것 같아요.
There was a problem hiding this comment.
해당 규칙은 그대로 가져가면 좋을 것 같아요. 규칙 확인에 좀 더 신경쓰겠습니다.
There was a problem hiding this comment.
현재 tsconfig.eslint.json에 vitest.setup.ts 대신 vitest.workspace.ts이 등록되어 있어요. 이 부분도 수정이 필요할 것 같습니다!
- mocks 폴더의 절대 경로 별칭을 설정, 상대 경로 수정 - ESLint import/no-extraneous-dependencies 규칙을 off로 바꾸었습니다. - import/prefer-default-export에 맞게 파일들을 일부 수정했습니다. - ref: #3
seun1077
approved these changes
Jan 21, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📌 관련 이슈
🔑 주요 변경 사항
📸 스크린 샷 (선택 사항)
📖 참고 사항