元件中的watch如下:
player(isPlay) {
if (isPlay) {
this.playState = 'play'
} else {
this.playState = 'pause'
}
}
測(cè)試檔案Home.spec.js中的相關(guān)用例如下
it('播放狀態(tài)切換', () => {
const Constructor = Vue.extend(Home)
const vm = new Constructor().$mount()
vm.playerShow = true
Vue.nextTick( () => {
expect(vm.playState).to.equal("play")
})
vm.playerShow = false
Vue.nextTick( () => {
expect(vm.playState).to.equal("pause")
done()
})
})
這樣寫了之後查看覆蓋率報(bào)告,發(fā)現(xiàn)組件中watch部分程式碼沒(méi)有被覆蓋(都是紅的)
請(qǐng)教下如何寫用例才能夠把watch的程式碼覆蓋到
Following the voice in heart.
雖然不知道是不是正確的做法,這樣寫了之後,就能覆蓋到watch的程式碼了...
it('播放狀態(tài)切換', () => {
const Constructor = Vue.extend(Home)
const vm = new Constructor().$mount()
vm._watchers[0].cb(true)
Vue.nextTick( () => {
expect(vm.playState).to.equal("play")
})
vm._watchers[0].cb(false)
Vue.nextTick( () => {
expect(vm.playState).to.equal("pause")
done()
})
})