If...Else

유닛테스트 시 ajax 호출 후 response data를 사용하는 코드를 테스트 해야하는 경우가 있다. 이때 axios-mock-adapter를 활용하여 dummy data를 생성하고 테스트에 활용할 수 있다. 아래와 같이 API를 호출하는 샘플 코드가 있다. 받아온 data의 trackKind 값에 따라 this.text를 다르게 설정하는 코드이다. export default { name: 'App', data () { return { text: '' } }, created () { axios.get('https://www.googleapis.com/youtube/v3/captions', { params: { key: '...', part: 'snippet', videoId: 'rlR4PJn8b8I'..

1) vue 프로젝트 생성 vue create [프로젝트 이름] 명령어로 프로젝트를 생성한다. vue create vue-test Manually select features를 선택하고 엔터를 누른다. (상/하 키보드로 이동) Unit Testing을 선택한다. (상/하 키보드로 이동, 스페이스로 선택) 그 외 필요한 기능을 선택하고 엔터를 누른다. 테스트 솔루션을 선택한다. Mocha + Chai, Jest 중 하나를 선택할 수 있다. Mocha + Chai를 선택한다. config 위치를 선택한다. 개별 config.js를 사용하려면 In dedicated config files를 선택한다. 프로젝트 생성 후 폴더 구조를 확인해보면 tests/unit 폴더가 만들어져 있고, example.spec.j..