在Vue测试中使用Jest调用方法

时间:2019-09-12 07:24:18

标签: vue.js vuejs2 jestjs

假设我有一个非常基本的表单,其中包含一个日期选择器和一个从日期选择器中获取日期值的按钮(如下面的示例代码所示)。

如何使用参数对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文档。

0 个答案:

没有答案