반응형 전체 글280 🎛️ 3월 3주차 회고 📻 store mock 처리 store에 보통 많은 기능들이 존재하는 경우가 많다. 그렇기 때문에 이 부분에 대해서는 mock처리가 필요하므로, 이 부분에 대해 블로그에 정리하도도록 하자 🪟🚰 vue jest stubs 실제 개발하다보면, 하위 컴퍼넌트들에 대해서 api를 호출하거나 기능이 복잡한데, 그럴때는 하위 컴퍼넌트들을 stubs으로 처리하도록 하자. 그리고 이것또한 store mock과 같이 블로그에 기록을 남기도록 하자 🎁 api를 여러개 동시에 호출 하는 경우 테스트 코드 작성중 실제코드에서 동시에 여러 api를 사용하는 경우가 있다, 이럴때는 동시 api호출을 어떻게 처리하는지 정리가 필요하다. 2024. 3. 24. 💿 부모컴퍼넌트에서 emit 테스트 🪄 자식컴퍼넌트 && 부모컴퍼넌트 작성 내용은 간단하다. 자식컴퍼넌트에서 send-data를 호출하면, 부모컴퍼넌트에서 데이터를 받아서 alert을 띄어주는 것이다. 자식컴퍼넌트 버튼 부모컴퍼넌트 버튼 🥏 테스트 코드 작성 테스트 케이스는 2가지이다. 버튼을 클릭하면 자식 컴퍼넌트를 호출한다 자식 컴퍼넌트에서 데이터를 전송하고 alert을 띄운다 여기서 자식 컴퍼넌트의 emit을 호출 하기 위해서는 "findComp.vm.$emit('send-data', '성공하셨습니다')" 부분이 필요하다. 그리고 window.alert 같은 경우에는 window.alert = jest.fn()을 통해 가짜로 구현해준다. import { shallowMount } from '@vue/test-utils' import .. 2024. 3. 18. 🎒 3월 2주차 회고 🧦 Sentry 코드 의미있게 보내기 Sentry가 현재 구축이 되어있지만, 현재 모든 오류를 보내게 되어있다. 하지만 생각해보면 간단한 오류들은 보낼 필요가 없어보이며, 현재 무료판을 이용하기 때문에 오류로그리포팅 개수도 한계가 있다. 그렇기 때문에 다른 레퍼런스를 참조하면서 어떤것이 의미있는 것인지 고민이 필요하다. 👑 vue2 => vue3, javascript=>typescript 마이그레이션 현재 vue2를 사용중이지만, 올해에는 vue2=>vue3 마이그레이션이 필요하다, js => ts으로 변경이 필요하다. 라이브러리들도 점점 지원을 하지않기 때문에 인제 전환이 필요하다. 🦊 하위 컴퍼넌트에서 emit 테스트 테스트코드 작성중 하위 컴퍼넌트에서 emit을 전송하고 상위컴퍼넌트에서 받아서 작업.. 2024. 3. 17. 🦫 카카오주소 테스트 코드 💿 카카오 주소 화면 세팅 테스트 사항은 간단하다. 주소 팝업 호출여부를 확인한다 주소 검색을 성공 후 값을 세팅한다 주소 검색 버튼 {{ address }} ⏰ 카카오 주소 테스트 코드 주소 팝업 호출 여부 확인 PostCode객체와 open을 가짜로 구현하고, 테스트 작성시에는 open을 감시할 수 있도록 spyOn으로 감시한다. 그리고 버튼을 눌렀을때 PostCode에서 open 호출 여부를 확인한다. import { shallowMount } from '@vue/test-utils' import postcodeView from '@/views/mainLayout/postcodeView.vue' function Postcode(callback) { this.callback = callback } P.. 2024. 3. 14. 이전 1 ··· 27 28 29 30 31 32 33 ··· 70 다음 반응형
