使用vue官方脚手架进行单元测试,如何覆盖到watch里的变量?

组件中的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的代码覆盖到

元芳怎么了
浏览 337回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript