ant-design-vue/components/auto-complete/__tests__/index.test.js

32 lines
1.0 KiB
JavaScript
Raw Normal View History

2018-05-18 13:09:52 +00:00
import { mount } from '@vue/test-utils'
import Vue from 'vue'
import AutoComplete from '..'
import focusTest from '../../../tests/shared/focusTest'
describe('AutoComplete with Custom Input Element Render', () => {
focusTest(AutoComplete)
function $$ (className) {
return document.body.querySelectorAll(className)
}
it('AutoComplete with custom Input render perfectly', (done) => {
const wrapper = mount({
render (h) {
return <AutoComplete ref='component' dataSource={['12345', '23456', '34567']}>
<input />
</AutoComplete>
},
}, { attachToDocument: true, sync: false })
expect(wrapper.findAll('input').length).toBe(1)
const input = wrapper.find('input')
input.element.value = '123'
input.trigger('input')
Vue.nextTick(() => {
const popupComponent = wrapper.find({ name: 'Trigger' }).vm._component
expect($$('.ant-select-dropdown-menu-item').length).toBe(3)
expect(popupComponent).not.toBe(null)
expect(popupComponent).not.toBe(undefined)
done()
})
})
})