refactor: 3.0

2026-06-16 12:30:35 +03:00 · 2019-11-10 17:47:30 +08:00
parent 72024440d7
commit 4875dc6b3d
165 changed files with 23248 additions and 21723 deletions
@@ -0,0 +1,62 @@
+import { mount } from '@vue/test-utils';
+import flushPromises from 'flush-promises';
+import DatetimeRange from '../src/datetime/datetime-range';
+
+let wrapper;
+
+afterEach(() => {
+  wrapper.destroy();
+});
+
+describe('DatetimeRange', () => {
+  it('feat: click dates', async () => {
+    wrapper = mount(DatetimeRange, {
+      sync: false,
+      propsData: {
+        value: [new Date(2019, 9, 4, 18), new Date(2019, 9, 6, 12)],
+      },
+    });
+    const td = wrapper.find('.mx-table-date td:nth-child(4)');
+    const td2 = wrapper.find('.mx-table-date td:nth-child(5)');
+    td.trigger('click');
+    td2.trigger('click');
+    await flushPromises();
+    expect(wrapper.emitted().select[0][0]).toEqual([
+      new Date(2019, 9, 2, 18),
+      new Date(2019, 9, 3, 12),
+    ]);
+    let timeTitle = wrapper.find('.mx-time-header-title');
+    expect(timeTitle.exists()).toBe(true);
+    timeTitle.trigger('click');
+    await flushPromises();
+    timeTitle = wrapper.find('.mx-time-header-title');
+    expect(timeTitle.exists()).toBe(false);
+    td.trigger('click');
+    td.trigger('click');
+    await flushPromises();
+    expect(wrapper.emitted().select[1][0]).toEqual([
+      new Date(2019, 9, 2, 18),
+      new Date(2019, 9, 2, 18),
+    ]);
+  });
+
+  it('feat: disabled time', async () => {
+    const disabledDate = date => date < new Date(2019, 9, 2);
+    const disabledTime = date => date < new Date(2019, 9, 2, 12);
+    wrapper = mount(DatetimeRange, {
+      sync: false,
+      propsData: {
+        defaultValue: new Date(2019, 9, 1),
+        disabledDate,
+        disabledTime,
+      },
+    });
+    const td = wrapper.find('.mx-table-date td:nth-child(4)');
+    td.trigger('click');
+    td.trigger('click');
+    await flushPromises();
+    expect(wrapper.emitted().select).toBeUndefined();
+    const timeTitle = wrapper.find('.mx-time-header-title');
+    expect(timeTitle.text()).toBe('2019-10-02');
+  });
+});