github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

test: update table

pull/2130/head
tanjinzhou 2020-04-21 16:10:37 +08:00
parent 3995f25484
commit 7f1072aa3d
1 changed files with 39 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
components/table/__tests__/Table.filter.test.js
View File

@ -11,7 +11,9 @@ describe('Table.filter', () => {
beforeEach(() => { beforeEach(() => {
document.body.innerHTML = ''; document.body.innerHTML = '';
}); });
const filterFn = (value, record) => record.name.indexOf(value) !== -1; const filterFn = (value, record) => {
return record.name.indexOf(value) !== -1;
};
const column = { const column = {
title: 'Name', title: 'Name',
dataIndex: 'name', dataIndex: 'name',
@ -49,6 +51,7 @@ describe('Table.filter', () => {
...listeners, ...listeners,
}, },
sync: false, sync: false,
attachToDocument: true,
}; };
} }
@ -309,24 +312,15 @@ describe('Table.filter', () => {
], ],
}), }),
); );
// jest.useFakeTimers()
const dropdownWrapper = mount(
{
render() {
return wrapper.find({ name: 'Trigger' }).vm.getComponent();
},
},
{ sync: false, attachToDocument: true },
);
await asyncExpect(() => { await asyncExpect(() => {
dropdownWrapper $$('.ant-dropdown-trigger')[0].click();
.findAll('.ant-dropdown-menu-submenu-title')
.at(0)
.trigger('mouseenter');
}); });
await asyncExpect(() => {
$$('.ant-dropdown-menu-submenu-title')[0].dispatchEvent(new MouseEvent('mouseenter'));
}, 0);
await asyncExpect(() => { await asyncExpect(() => {
$$('.ant-dropdown-menu-submenu-title')[1].dispatchEvent(new MouseEvent('mouseenter')); $$('.ant-dropdown-menu-submenu-title')[1].dispatchEvent(new MouseEvent('mouseenter'));
}, 1000); }, 500);
await asyncExpect(() => { await asyncExpect(() => {
const menuItem = $$('.ant-dropdown-menu-item'); const menuItem = $$('.ant-dropdown-menu-item');
menuItem[menuItem.length - 1].click(); menuItem[menuItem.length - 1].click();
@ -439,22 +433,35 @@ describe('Table.filter', () => {
}); });
}); });
// it('confirm filter when dropdown hidden', (done) => { fit('confirm filter when dropdown hidden', async () => {
// const handleChange = jest.fn() const handleChange = jest.fn();
// const wrapper = mount(Table, { ...getTableOptions({ const wrapper = mount(Table, {
// columns: [{ ...getTableOptions(
// ...column, {
// filters: [ columns: [
// { text: 'Jack', value: 'Jack' }, {
// { text: 'Lucy', value: 'Lucy' }, ...column,
// ], filters: [
// }], { text: 'Jack', value: 'Jack' },
// }, { change: handleChange }), attachToDocument: true }) { text: 'Lucy', value: 'Lucy' },
],
},
],
},
{ change: handleChange },
),
attachToDocument: true,
});
await asyncExpect(() => {
wrapper.find('.ant-dropdown-trigger').trigger('click');
}, 0);
await asyncExpect(() => {
$$('.ant-dropdown-menu-item')[0].click();
}, 500);
await asyncExpect(() => {
wrapper.find('.ant-dropdown-trigger').trigger('click');
}, 500);
// wrapper.find('.ant-dropdown-trigger').first().simulate('click') expect(handleChange).toBeCalled();
// wrapper.find('.ant-dropdown-menu-item').first().simulate('click') });
// wrapper.find('.ant-dropdown-trigger').first().simulate('click')
// expect(handleChange).toBeCalled()
// })
}); });