📚 Reference

• 공식 사이트 1
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3
• 참고 자료 4

📜 Chapter

‣

‣

Vue Test Utils

‣

msw

• MSW는 Mock Service Worker로 서비스 워커를 이용하여 API를 모킹하는 라이브러리이다.
• MSW(Mock Service Worker)는 Service Worker를 이용해 서버를 향한 실제 네트워크 요청을 가로채서(intercept) 모의 응답 (Mocked response)를 보내주는 API Mocking 라이브러리이다.
• MSW를 사용하면 직접 Mock 서버를 구현하지 않아도, 네트워크 수준에서 API를 Mocking 할 수 있다.
• Mocking 테스트를 위한 노드(node.js)환경, 개발 및 디버깅을 위한 브라우저 환경에서 모두 사용할 수 있다는 장점이 있다.
• 또한, 소스 코드 수정 없이 모킹이 필요한 환경에서만 MSW 인스턴스를 실행해 API Mocking을 적용할 수 있다.
• MSW가 이런 기능을 제공할 수 있는 이유는 바로 Service Worker를 이용해 HTTP 요청을 가로채기 때문이다.

setupWorker

• client-side mocking
• 예시 1

import { setupWorker } from 'msw';

export const worker = setupWorker(...handlers);

import { rest } from 'msw';

export const handlers = []