우당탕탕 테스트코드

우당탕탕 테스트 코드 작성 일대기

이전 글이 nuxt.js환경에 Jest를 적용하는데 급급했다면, 이번에는 이전 글에서 작성했던 Greeting.spec.js에 대한 코드를 보면서 vue-test-utils 맛을 볼 예정이다.

이전 글의 테스트 세팅 환경에서 Vuetify를 사용한 vue 파일을 test하려고 하면 아래와 같이 난리가 나버린다. Vuetify components들을 테스트하려면 test setup file에 Vuetify를 설치해주어야 한다.

이메일과 비밀번호를 입력하고 로그인을 시도했을 때, 즉 `isLoginLock`이 true인 사용자가 로그인을 시도했을 때, Login.vue에는 아래와 같은 활성화 요구 문구와 함께 `/activateLogin`으로의 링크가 표시되어야 한다.

E2E 테스트를 위해 Cypress를 설치하는 과정에서 벌어졌던 일) Mac 환경에서는 Cypress 설치 후에 yarn cyrpess open을 실행하면 Launchpad가 잘 실행되지만, WSL2 상에서 해당 명령어를 입력하면 Launchpad가 전혀 뜨지 않는다.