mirrors/vue2-datepicker
2
0
Fork 0
mirror of https://github.com/tenrok/vue2-datepicker.git synced 2026-06-13 07:22:26 +03:00
Code Activity

feat: range on hover (#571)

Browse Source
This commit is contained in:
bezany
2021-02-05 13:22:48 +03:00
committed by GitHub
parent 1dd5f2a4da
commit 4aee6dd18c
5 changed files with 73 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
__test__/calendar-range.test.js
+34
View File
@@ -80,4 +80,38 @@ describe('CalendarRange', () => {
expect(startPanel.vm.calendarMonth).toBe(9);
expect(endPanel.vm.calendarMonth).toBe(11);
});
it('feat: hover range', async () => {
wrapper = mount(CalendarRange, {
propsData: {
defaultValue: new Date(2019, 9, 1),
},
});
expect(wrapper.vm.calendars).toEqual([new Date(2019, 9, 1), new Date(2019, 10, 1)]);
const tds = wrapper.findAll('.mx-table-date td');
await tds.at(2).trigger('click');
await tds.at(60).trigger('mouseenter');
for (let i = 0; i < tds.length; i++) {
if (i > 2 && i < 60) {
expect(tds.at(i).classes()).toContain('hover-in-range');
} else {
expect(tds.at(i).classes()).not.toContain('hover-in-range');
}
}
await tds.at(60).trigger('click');
// hover to back
await tds.at(60).trigger('click');
await tds.at(2).trigger('mouseenter');
for (let i = 0; i < tds.length; i++) {
if (i > 2 && i < 60) {
expect(tds.at(i).classes()).toContain('hover-in-range');
} else {
expect(tds.at(i).classes()).not.toContain('hover-in-range');
}
}
});
});