Vue.js Jest测试未使用Vue属性
刚刚开始在我的Vue应用程序中使用Jest进行测试,我不确定是否正确地进行了测试 我有一个组件,它将对象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
sliderValues
作为属性。sliderValues
:标签上的一个值,我用来呈现跨度中的文本
props: {
sliderValues: {
type: Object,
default: () => ({
label: 'label'
})
}
},
<div ref="bubble" class="c-slider__bubble">
<span>{{ sliderValues.label }}</span>
</div>
在测试中,我模拟了带有标签值的sliderValues
对象,标签值为km
测试中的第一个预期似乎是测试mocksliderValue
对象中的label
值是否等于km
。因为如果我将实际组件sliderValue
标签值更改为noLabel
:
props: {
sliderValues: {
type: Object,
default: () => ({
noLabel: 'label'
})
}
},
测试顺利通过
如果我将模板中的span
更改为:
<span>{{ sliderValues.asd }}</span>
{{sliderValues.asd}
第二个expect失败,因为标签
值未在范围中呈现。有人对测试有什么建议吗
<span>{{ sliderValues.asd }}</span>