我有一个关于输入的指令.我想测试一下这个指令.唯一的问题是我找不到如何测试输入是否集中
这是我的简单模拟组件
<template>
<div v-directive>
<input/>
</div>
</template>
这是我的指示:
import Vue from 'vue'
export const focusInput = () => {
return {
inserted(el: any) {
el.getElementsByTagName('input')[0].focus()
}
}
}
export default Vue.directive('focus-input', focusInput())
这是我的测试:
import Vue from 'vue'
import { mount , createLocalVue} from '@vue/test-utils'
import FocusInputMock from './mockComponents/FocusInputMock.vue'
import {focusInput} from '@/directives/focusInput';
const localVue = createLocalVue()
localVue.directive('directive', focusInput())
test('update content after changing state', () => {
const wrapper = mount(FocusInputMock, {
localVue
})
Vue.nextTick(function () {
expect(wrapper.find('input')) // I have to expect for this input to be focused
});
})
有人有什么 idea 吗？我一直在读Jest和Vue utils文档，但没有成功.