Vueテスト

学習サイト

Vue3

Vueテストユーティリティ(2.0.0-beta.10)

Vueテストユーティリティ

JestJS

ラーニングコード

https://github.com/Snail017/vue-unit-test-with-jest

Vueテストユーティリティ入門
VueテストユーティリティVue Test Utils、Vueです.jsの公式テストユーティリティライブラリ!

取付ユニット

要素

を探しています

記入表

トリガイベント

コード解析

//TodoApp.vue  



export default {
  name: 'TodoApp',

  data() {
    return {
      todos: [
        {
          id: 1,
          text: 'Learn Vue.js 3',
          completed: false
        }
      ],
      admin:false,
    }
  }
}





//     
import { mount } from '@vue/test-utils'
import TodoApp from './TodoApp.vue'

//      
test('renders a todo', () => {
  //    
  const wrapper = mount(TodoApp,{
   data() {
      return {
        admin: true
      }
    }
  }) 
  

  const todo = wrapper.get('[data-test="todo"]')   //  get()       ，     
  const todo1=wrapper.find("#admin").exists()        //## exists() find()        ，Y->true,N->false

  expect(todo).toBe(true)
  expect(todo1).toBe(true)
})