vue.js/vue.js 2

137. Vue Test Utils | @vue/test-utils

DEV-Front 2023. 2. 26. 22:36
반응형

https://v1.test-utils.vuejs.org/guides/

 

Guides | Vue Test Utils

Guides Getting Started What is Vue Test Utils? Vue Test Utils (VTU) is a set of utility functions aimed to simplify testing Vue.js components. It provides some methods to mount and interact with Vue components in an isolated manner. Let's see an example: M

v1.test-utils.vuejs.org


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('');
  });
});

반응형