javascript - 使用vue官方鷹架進行單元測試,如何覆蓋到watch裡的變數?
typecho
typecho 2017-06-27 09:19:20
0
1
1109

元件中的watch如下:

player(isPlay) {
  if (isPlay) {
    this.playState = 'play'
  } else {
    this.playState = 'pause'
  }
}

測試檔案Home.spec.js中的相關用例如下

it('播放状态切换', () => {
  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()
  })
})

這樣寫了之後查看覆蓋率報告,發現組件中watch部分程式碼沒有被覆蓋(都是紅的)
請教下如何寫用例才能夠把watch的程式碼覆蓋到

typecho
typecho

Following the voice in heart.

全部回覆(1)
大家讲道理

雖然不知道是不是正確的做法,這樣寫了之後,就能覆蓋到watch的程式碼了...

it('播放状态切换', () => {
  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()
  })
})
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板