inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

Mock Service Worker

브라우저와 통합 vs 노드와 통합

505

mitchell.sung

작성한 질문수 8

0

안녕하세요~
 
다름이 아니라, MSW가 실행되는 환경이 브라우저와 노드의 차이점은 구글 검색으로 조금이나마 이해가 되었는데... 그럼 어떠한 경우에서 브라우저 환경에서 실행하나요?
 
예를 들면, 노드(백엔드) 없이 간단한 날씨 관련 데이터를 외부에서 받아서 리액트(프론트)로만 구현할 때 브라우저 환경에서 MSW를 실행해서 테스트를 해야 하는가요?
 
아직 학생이라 질문이 이상하더라도 이해 부탁드립니다. :)
 

jest 웹앱 React-Context react

답변 2

0

mitchell.sung

강사님의 답변에 저에게 많은 도움이 되어서 감사합니다. 

그리고 바쁘시겠지만, 혹시 시간이 되시면 E2E 강의도 부탁드립니다. :)

0

John Ahn

안녕하세요 !!!! 
질문 전혀 이상하지 않고 사실 저도 많이 고민했던 부분입니다 ! 
왜냐면 처음에는 저도 브라우저 통합으로 구현했었거든요 !!! 
근데 결국 Jest 사용을 위해서 노드 통합으로 바꾸었습니다 ! 

사실 MSW 사이트에 설명을 보면 이 부분이 너무 짧게 나와있습니다... 

The same request handlers can be shared between browser and Node environments.
Since Service Workers cannot run in Node, the integration process is different depending on the environment.

BROWER 통합

Mock Service Worker operates client-side by registering a Service Worker responsible for requests interception. However, we don't have to write any of the worker's code by ourselves, but rather copy the worker file distributed by the library. Mock Service Worker provides a dedicated CLI to help us do that.

NODE 통합

One of the most common usages of Mock Service Worker in Node is utilizing our request handlers for integration tests. We are going to use Jest as a test runner. Following the same principle, you can integrate mocking into any Node process.

 

Jest를 사용하지 않으시고 테스트를 진행하시려면 Browser 통합으로 가주시면 될 것 같고 Jest를 사용하시려면 Node 통합으로 하시면 될 것 같습니다 !!! 
질문 많이 해주세요 감사합니다 !!! 

 

제공해주신 코드를 vscode에서 켜도 eslint가 안됩니다.

0

278

2

ERROR

0

210

1

테스트 시간을 단축할 수 있는 방법에 대하여 문의드립니다.

0

362

1

useState 배열값 변경의 경우 테스트 멈춤

0

411

1

test was not wrapped in act관련 질문

0

290

2

안녕하세요! 로딩 상태 테스트에 관련된 질문입니다.

0

395

1

강의 관련 내용 github 업로드 질문

0

307

1

이미지가 안보인다 하셔서 다시 질문드립니다.

0

414

2

Test Fail이 발생합니다 ㅠㅠ

0

357

1

스타일 컴포넌트 테스트 방법

0

438

1

msw 에러

0

632

1

toHaveTextContent 에러

0

446

1

msw안돼는사람

0

579

1

This could be because the text is broken up by multiple elements. 에러

0

1717

2

Type.test.js파일에 궁금한점이 생겼습니다

0

351

1

28강 수강 중 JSX 작성 방법에 대해 궁금해져서 질문 남깁니다!

0

398

1

toHaveTextContent 에서 에러가 자꾸 나는데 아무리 찾아도 잘 모르겠습니다.

0

612

2

aria-*

0

440

1

This XML file does not appear to have any style information associated with it. The document tree is shown below. 에러

1

14114

1

컴포넌트 props내려줄때 코드는 어떻게 해야하나요

0

248

0

es6 jest 미지원 오류 문의

0

859

1

test 여러 개 실행 - fail 발생

0

292

1

useMemo

0

282

1

axios 1.1.2 버전 issue ( SyntaxError: Cannot use import statement outside a module)

4

2225

5