테스트 - Ava - propData 변경

Question

구성 요소로 전달 된 propData를 변경하여 구성 요소를 모니터링하고 확인합니다.

임 (5)가이 코드 블록의 마지막 콘솔 로그를 기대하지만 여전히 2.

import Vue from 'vue'; 
import test from 'ava'; 

import AnimateNumber from './../src/components/AnimateNumber.vue'; 

function instance(propsData) { 
    let N = Vue.extend(AnimateNumber); 
    return new N({propsData}); 
} 

test('..', t => { 

    let vm2 = new Vue({ 
     data: { 
      a: 2 
     } 
    }); 

    let vm = instance({number: vm2.a}).$mount(); 

    // vm.displayNumber is just a copy of the number prop passed in. 
    console.log(vm.displayNumber); // 2 

    // Set to 5 
    Vue.set(vm2, 'a', 5); 

    console.log(vm2.a); // 5 

    Vue.nextTick(function() { 
     console.log(vm.displayNumber); // 2 (Expected 5) 
    }); 

}); 

Answer 1

내가 테스트가 될 경우에 VUE JS 구성 요소 https://github.com/MGMonge/petrol

을 테스트하기 위해 가솔린을 사용