반응형
https://v1.test-utils.vuejs.org/guides/
1. LoginFrom.spec.js
import loginFrom from './LoginForm.vue';
// import Vue from 'vue';
// 1. import
import { shallowMount } from '@vue/test-utils';
describe('loginFrom.vue', () => {
test('컴포넌트가 마운팅되면 username이 존재하고 초기 값으로 설정되어 있어야한다.', () => {
// 2. shallowMount 사용
const wrapper = shallowMount(loginFrom);
// vm = 인스턴스
expect(wrapper.vm.username).toBe('');
});
});
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
139. 이메일 유효성 검사 기능 동작 테스트 코드로 확인 (0) | 2023.02.26 |
---|---|
138. find()를 이용한 컴포넌트 HTML 검색 (0) | 2023.02.26 |
136. 뷰 컴포넌트 테스트 방법 (0) | 2023.02.26 |
135. 테스트 코드 작성 방법 | describe, test, expect(result).toBe(30) (0) | 2023.02.26 |
134. Jest | 테스팅 환경 구성 | 테스트 코드가 필요한 이유 (0) | 2023.02.26 |