我在Vue js中还很陌生,我从Jest进行单元测试开始。我不知道从哪里开始以及如何开始。我有一段我想使用Jest测试的Vue代码。任何提示或想法,我都会非常感激。我读,我应该使用shallowMount从VUE考试-utils的,以避免组件测试过程中的烦恼
<template >
<div class="wrapper">
<div class="user">
<span>{{ user.substr(0, 4) }}</span>
</div>
</div>
</template>
<script>
export default {
props: {
user: {
type: String,
required: true
}
}
}
</script>
此刻我有这样的事情,但我不知道如何接续
import { shallowMount } from '@vue/test-utils'
import User from '../User.vue'
describe('User', () => {
it('Should substract four letters', () => {
const wrapper = shallowMount(User, {
props: {
''
}
})
})
})
您可以阅读vue-test-utils的官方文档,该文档非常清楚且实用。要了解如何模拟函数,存根和其他测试内容,请参阅Jest文档。
并以您的示例为例-使用propsData
而不是props
(检查上面的文档),并且应该在每个测试用例后声明一些断言(检查期望):
describe('User', () => {
it('Should substract four letters', () => {
const wrapper = shallowMount(User, {
propsData: {
user: 'User00000000'
}
})
// check that span element has correct substring
expect(wrapper.find(".user span").text()).toBe('User');
})
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句