Vuejs測試 - 阿瓦 - 改變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

您的測試將是