실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

안녕하세요!
강의가 출시되고 지난 몇 개월동안 vitest, storybook, cypress의 버전 업데이트가 있었는데요.

실제로 설정이나 작성 방법이 크게 변경된 부분이 없어 빠르게 업데이트는 드리지 않았지만, 설정에 도움이 되실 수 있도록 업데이트 해 뒀습니다.

크게 변경된 내용은 storybook-addon-react-router-v6 의존을 storybook-addon-remix-react-router 로 변경되었고 크게 변한 내용은 없으니 참고 부탁드립니다.

나머지 라이브러리 의존 변화로는 아래 내용이 있습니다.

• node: 19 -> 20

• vitest: 0 -> 2

• storybook: 7 -> 8

• cypress: 12 -> 13

• 액션 버전 업데이트

latest 브랜치에서 확인할 수 있으니 참고 부탁드립니다!

• https://github.com/practical-fe-testing/test-example-shopping-mall/tree/latest

추가로 시간이 날 때 RQ에 대한 업데이트나 프로젝트 구조에 대한 부분도 개선이 필요하면 latest 브랜치에 업로드 한 뒤 다시 인사드리도록 하겠습니다. 당연히 테스트 관련된 의존의 큰 변화가 있다면 빠르게 반영해서 업로드 해둘게요!

그럼 즐거운 명절 되시고 푹 쉬시길 바랍니다. 감사합니다!

안녕하세요! 강의에서 소개해 드리고 있는 msw에 대한 업데이트가 있어 공유해 드립니다.

msw 2.0이 출시된 지 3개월 정도 되었는데요. 강의 촬영을 마무리하는 도중에 출시되어 조금 당황했지만(😇) 어느 정도 안정이 되면 코드를 업데이트해서서 공유를 드릴 예정이었습니다.

추상화 수준이 달라짐에 따라 API 명세가 대대적으로 달라지고 ReadableStream에에 대한 지원, ESM호환 등의의 내용이 추가되었습니다. 언뜻 보면 크게 달라진 것처럼 보이지만, 생각보다 변화는 크지 않고 개인적으로 사용해 보니까 훨씬 명확해지고 좋더군요!

강의를 수강하시는 분들이 혼란스럽지 않게 브랜치를 분리해서 업데이트 했으니 내용 참고해서 같이 공부해보시면 좋을 것 같습니다.

그럼, 날이 추워졌는데 감기 조심하시고 좋은 하루 되세요!

⚠ 아직 msw-storybook-addon의의 지원이 완벽하게 이뤄지지 않은 상태라 canary 버전을 적용한 점 양해 바라며 PR이 마무리되고 정식 배포가 되면 해당 버전으로 업데이트 하시길 권장드립니다.

• 브랜치: https://github.com/practical-fe-testing/test-example-shopping-mall/tree/msw-2.0

• msw 2.0 소개: https://mswjs.io/blog/introducing-msw-2.0

• 1.x -> 2.x 마이그레이션 가이드: https://mswjs.io/docs/migrations/1.x-to-2.x

• msw-storybook-addon PR: mswjs/msw-storybook-addon#122

안녕하세요! 실무에 바로 적용하는 프런트엔드 테스트 강의 강사 코드 조커·오프 입니다.

인사가 조금 늦었습니다.
선배 그리고 동료 개발자분들 새해 복 많이 받으시길 바랍니다. 🙇
강의가 출시된 지 어느덧 한 달을 앞두고 있고, 350분 넘게 함께 프런트엔드 테스트에 대해 공부하고 계십니다.
감사합니다!

혹시 강의를 수강하시면서 고민이 되는 부분이 생기시진 않았나요?
그렇다면 커뮤니티에 비슷한 고민을 하고 계신 분이 있는지 한 번 살펴보시면 좋을 것 같습니다.
만약 없다면 편하게 질문을 올려주세요! 최대한 빠르게 확인하고 답변 드리도록 하겠습니다.
(지금까지 모든 질문에 답변을 12시간 이내에 진행하고 있습니다.)
이미 많은 분들이 질문을 남겨주셨는데요.
같이 고민해 볼 수 있는 질문들도 올려주셔서 공부하시면서 함께 살펴보면 도움이 되실 것 같습니다.
(💡 종종 좋은 질문들이 있다면 모아서 같이 공유를 드리는 것도 고민해 보겠습니다.)

• 질문 살펴보기: https://bit.ly/3NWe78i
  

그리고, 1부를 수강하신 분들을 위해 진행하던 할인 쿠폰은 당분간 추가로 더 진행을 하기로 했습니다.
1부를 모두 수강하셨다면, 2부 구매 전 아래 쿠폰을 등록한 뒤 구매하시면 더 싸게 구매 하실 수 있습니다.
쿠폰 번호는 이전과 동일한 글에 댓글로 남겨뒀습니다.

• 글 링크: https://bit.ly/4baesOX

강의가 맘에 드셨다면 꼭 수강평 부탁드리며, 궁금한 점이 있다면 꼭 질문 남겨주세요!
이 강의가 여러분이 프런트엔드 테스트 학습에 데 꼭 도움이 되었으면 좋겠습니다.
그럼, 좋은 하루 되세요! 👋