Fix date-picker flaky test (#9923)

test/unit/specs/date-picker.spec.js

@@ -1444,8 +1444,8 @@ describe('DatePicker', () => {
     });
 
     it('select daterange with defaultTime min', done => {
-
-      const vmWithDefaultTime = createVue({
+      destroyVM(vm); // nuke beforeEach's vm before creating our own
+      vm = createVue({
         template: `
           <el-date-picker ref="compo" type="datetimerange" v-model="value" :default-time="defaultTime"></el-date-picker>
         `,
@@ -1458,14 +1458,15 @@ describe('DatePicker', () => {
       }, true).$refs.compo;
 
       setTimeout(_ => {
-        vmWithDefaultTime.$el.click();
+        vm.$el.click();
 
         setTimeout(_ => {
-          const pickers = vmWithDefaultTime.picker.$el.querySelectorAll('.el-date-range-picker__content');
+          const pickers = vm.picker.$el.querySelectorAll('.el-date-range-picker__content');
           const leftCell = pickers[0].querySelector('td.available');
           const rightCell = pickers[1].querySelector('td.available');
 
           triggerEvent(leftCell, 'mousemove', true);
+          setTimeout(_ => {
             triggerEvent(leftCell, 'click', true);
             setTimeout(_ => {
               triggerEvent(rightCell, 'mousemove', true);
@@ -1477,7 +1478,7 @@ describe('DatePicker', () => {
                   const {
                     minDate,
                     maxDate
-                } = vmWithDefaultTime.picker;
+                  } = vm.picker;
                   expect(minDate.getHours()).to.be.equal(11);
                   expect(minDate.getMinutes()).to.be.equal(59);
                   expect(minDate.getSeconds()).to.be.equal(59);
@@ -1489,11 +1490,13 @@ describe('DatePicker', () => {
               }, DELAY);
             }, DELAY);
           }, DELAY);
-      }, DELAY * 2); // `DELAY * 2` to ensure this case passes in travis CI
+        }, DELAY);
+      }, DELAY);
     });
 
     it('select daterange with defaultTime min & max', done => {
-      const vmWithDefaultTime = createVue({
+      destroyVM(vm); // nuke beforeEach's vm before creating our own
+      vm = createVue({
         template: `
           <el-date-picker ref="compo" type="datetimerange" v-model="value" :default-time="defaultTime"></el-date-picker>
         `,
@@ -1506,26 +1509,26 @@ describe('DatePicker', () => {
       }, true).$refs.compo;
 
       setTimeout(_ => {
-        vmWithDefaultTime.$el.click();
+        vm.$el.click();
 
         setTimeout(_ => {
-          const pickers = vmWithDefaultTime.picker.$el.querySelectorAll('.el-date-range-picker__content');
+          const pickers = vm.picker.$el.querySelectorAll('.el-date-range-picker__content');
           const leftCell = pickers[0].querySelector('td.available');
           const rightCell = pickers[1].querySelector('td.available');
 
           triggerEvent(leftCell, 'mousemove', true);
+          setTimeout(_ => {
             triggerEvent(leftCell, 'click', true);
             setTimeout(_ => {
               triggerEvent(rightCell, 'mousemove', true);
               setTimeout(_ => {
                 expect(rightCell.classList.contains('in-range')).to.be.true;
-
                 triggerEvent(rightCell, 'click', true);
                 setTimeout(_ => {
                   const {
                     minDate,
                     maxDate
-                } = vmWithDefaultTime.picker;
+                  } = vm.picker;
                   expect(minDate.getHours()).to.be.equal(11);
                   expect(minDate.getMinutes()).to.be.equal(59);
                   expect(minDate.getSeconds()).to.be.equal(59);
@@ -1537,7 +1540,8 @@ describe('DatePicker', () => {
               }, DELAY);
             }, DELAY);
           }, DELAY);
-      }, DELAY * 2); // `DELAY * 2` to ensure this case passes in travis CI
+        }, DELAY);
+      }, DELAY);
     });
 
     it('prev/next month button', done => {