假设我有一个非常基本的表单,其中包含一个日期选择器和一个从日期选择器中获取日期值的按钮(如下面的示例代码所示)。
如何使用参数对setDateFromInput
进行单元测试?
SetDate.vue:
<template>
<form>
<!-- date-picker -->
<input name="selected-date" ref="mySelectedDate">
<!-- display Selected date-->
<div ref="showdate" v-html="daytime"></div>
<button @click="setDateFromInput">Set Date</button>
</form>
</template>
<script>
export default {
data() {
return {
daytime: this.setDateFromInput()
}
},
methods: {
setDateFromInput: function() {
return this.$refs.mySelectedDate.value
}
}
}
</script>
SetDate.spec.js:
import { createLocalVue, mount } from '@vue/test-utils'
import SetDate from '@/components/SetDate.vue'
describe('SetDate.vue', () => {
it('sets date', () => {
// ?????
const wrapper = mount(SetDate, {
propsData: {
}
})
})
});
我看到了另外两个类似的问题,但是它们似乎比我需要的更多,或者没有遵循Vue文档。