📌 목차 00.Introduction 01.Mixin Test하기 02.Conclusion 📌 00.Introduction 이번 포스팅은 mixins의 테스트 방법에 대해 다룹니당. 🎉 mixins는 그렇게 어렵지 않아요.(컴포넌트 테스트와 비슷하게 합니다.) 이번 포스팅에서는 어떻게 mixins를 테스팅하는지에 대해 알아보겠습니다. mixins는 counter example로 진행합니다. 해당 코드는 여기에서 보실수 있습니다. 📌 01.Mixin Test하기 이번 포스팅은 이해를 돕기 위해 먼저 counter mixins 코드를 짜보고 그뒤에 테스트 코드를 작성하겠습니다. 해당 코드는 이렇게 됩니다. // CounterMixins.js export default { data: () => ({ count..
목차 Introduction What is Test Double Stub Spy Mock Conclusion Reference 📌Introduction 이번편은TDD를 하기위해 test double이라는 것에 대해 부가적으로 알아보는 포스팅입니다. 📌What is Test Double? 테스트 더블이란 실제 객체를 대신해서 테스팅에서 사용하는 모든 방법을 말합니다. 예를 들어 보겠습니다. 다음과 같은 실제 api 통신을 하는 함수가 있다고 가정해봅시다. asnyc function getTodos() { await axios.get('jsonplace-holder/todos'); } getTodos를 테스팅하려면 실제 네트워크 api를 사용하게 됩니다. 이것은 네트워크 연결 상태에 영향을 받을 것이고 항상..
Table of Content Introduction Testing state Testing getters Testing mutations Testing actions Conclusion Reference 📌00. Introduction 이번편에서는 vuex를 테스팅하는 방법에 대해 공유하고자 합니다. 해당 코드는 vue-test-practice에서 확인할 수 있습니다.🎉 해당 편에서는 기본적으로 Component편의 counter를 구현하는 예제에서 api mock을 실제로 실현 해보기 위해 json placeholder에 todos를 불러오는 예제도 같이 진행하려고 합니다. 📌 01. Testing State state는 보통 getDefaultState 같은 함수형으로 선언을 해주는것이 좋습니다. ..
Table of Content Introduction Testing Data Testing Methods Testing Created Testing Props Testing Computed Testing vuex in component Conclusion Reference 📌 00. Introduction 🚨주의: 해당글은 환경설정을 다루지는 않습니다. 기본적인 cli로 jest를 설정한 파일을 토대로 설명을 합니다. 이 포스팅에는 Vue component를 어떻게 testing을 할까? 에 대한 물음에 답변을 하는 글입니다. 해당 글의 코드는 vue-test-practice에 가시면 됩니다. 이 포스팅에서 다룰 컴포넌트는 하나이며 간단한 Counter를 만들어보는 예제로 설명을 합니다. 그리고 tdd의..
