vue cypress

Vue BDD

Vue BDD - Cypress 적용하기

2020.10.13

📌 목차 Introduction Gherkin 사용 Gherkin + Cypress Vuex store mocking 하기 Conclusion Reference 📌 Introduction 안녕하세요! 오늘은 지난 포스팅에서 다뤘던 Gherkin을 실제로 Cypress에 적용하는 포스팅입니다. 해당 코드는 여기에서 확인 하실 수 있습니다. 🚧 해당 포스팅의 예제는 간단한 counter 구현입니다. 📌 Gherkin 사용 Counter는 세가지 시나리오에 대해서 작동이 해야합니다. count의 시작 값은 0입니다. 플러스 버튼을 누르면 count가 1 증가 해야합니다. 마이너스 버튼을 누르면 count가 1 감소 해야합니다. 이제 해당 시나리오를 Gherkin으로 옮겨보겠습니다. # Counter.featu..

Vue BDD

Vue BDD - Intro

2020.10.05

📌 목차 Introduction BDD란 무엇인가? BDD를 왜 사용하는가? Vue에서 어떻게 BDD를 적용하는가? Conclusion Reference 📌 Introduction Vue TDD를 진행하면서 그동안 TDD의 한계점과 좀더 좋은 코드에 대한 생각을 하다가 BDD를 접하게 되었습니다. 회사에서 TDD도 물론 매우 도움이 되었습니다.(주로 unit test) 이번 포스팅은 그래서 그러한 한계점을 극복하는 BDD를 적용하는 방법에 대해 알려드리려고 합니다. 해당 코드는 깃 레포를 참고하시면 됩니다.🎉 📌 BDD란 무엇인가? BDD는 Behavior Driven Development의 약자입니다. 아래 이미지를 봐주세요. 이처럼 TDD의 상위 버전이 바로 BDD입니다.🎉 순서는 BDD를 하여 fe..

Vue BDD - Cypress 적용하기

Vue BDD - Intro

티스토리툴바