Vue.js Jest测试未使用Vue属性

Vue.js Jest测试未使用Vue属性,vue.js,jestjs,Vue.js,Jestjs,刚刚开始在我的Vue应用程序中使用Jest进行测试,我不确定是否正确地进行了测试 我有一个组件,它将对象sliderValues作为属性。sliderValues:标签上的一个值,我用来呈现跨度中的文本 props: { sliderValues: { type: Object, default: () => ({ label: 'label' }) } }, <div ref="bubble" class=&quo

刚刚开始在我的Vue应用程序中使用Jest进行测试,我不确定是否正确地进行了测试

我有一个组件,它将对象
sliderValues
作为属性。
sliderValues
:标签上的一个值,我用来呈现跨度中的文本

props: {
  sliderValues: {
    type: Object,
    default: () => ({
      label: 'label'
    })
  }
},


<div ref="bubble" class="c-slider__bubble">
  <span>{{ sliderValues.label }}</span>
</div>
在测试中,我模拟了带有标签值的
sliderValues
对象,标签值为
km

测试中的第一个预期似乎是测试mock
sliderValue
对象中的
label
值是否等于
km
。因为如果我将实际组件
sliderValue
标签值更改为
noLabel

props: {
  sliderValues: {
    type: Object,
    default: () => ({
      noLabel: 'label'
    })
  }
},
测试顺利通过

如果我将模板中的
span
更改为:

<span>{{ sliderValues.asd }}</span>
{{sliderValues.asd}
第二个expect失败,因为
标签
值未在范围中呈现。有人对测试有什么建议吗

<span>{{ sliderValues.asd }}</span>