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

34 lines
964 B
JavaScript

import { mount } from '@vue/test-utils';
import * as 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() {
return (
<AutoComplete ref="component" dataSource={['12345', '23456', '34567']}>
<input />
</AutoComplete>
);
},
},
{ attachTo: 'body', sync: false },
);
expect(wrapper.findAll('input').length).toBe(1);
const input = wrapper.find('input');
input.element.value = '123';
input.trigger('input');
Vue.nextTick(() => {
expect($$('.ant-select-item-option').length).toBe(3);
done();
});
});
});