mirror of https://github.com/ElemeFE/element
Fix date-picker flaky test (#9923)
parent
f681b4bded
commit
c5cec198d2
|
@ -1444,8 +1444,8 @@ describe('DatePicker', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
it('select daterange with defaultTime min', done => {
|
it('select daterange with defaultTime min', done => {
|
||||||
|
destroyVM(vm); // nuke beforeEach's vm before creating our own
|
||||||
const vmWithDefaultTime = createVue({
|
vm = createVue({
|
||||||
template: `
|
template: `
|
||||||
<el-date-picker ref="compo" type="datetimerange" v-model="value" :default-time="defaultTime"></el-date-picker>
|
<el-date-picker ref="compo" type="datetimerange" v-model="value" :default-time="defaultTime"></el-date-picker>
|
||||||
`,
|
`,
|
||||||
|
@ -1458,42 +1458,45 @@ describe('DatePicker', () => {
|
||||||
}, true).$refs.compo;
|
}, true).$refs.compo;
|
||||||
|
|
||||||
setTimeout(_ => {
|
setTimeout(_ => {
|
||||||
vmWithDefaultTime.$el.click();
|
vm.$el.click();
|
||||||
|
|
||||||
setTimeout(_ => {
|
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 leftCell = pickers[0].querySelector('td.available');
|
||||||
const rightCell = pickers[1].querySelector('td.available');
|
const rightCell = pickers[1].querySelector('td.available');
|
||||||
|
|
||||||
triggerEvent(leftCell, 'mousemove', true);
|
triggerEvent(leftCell, 'mousemove', true);
|
||||||
triggerEvent(leftCell, 'click', true);
|
|
||||||
setTimeout(_ => {
|
setTimeout(_ => {
|
||||||
triggerEvent(rightCell, 'mousemove', true);
|
triggerEvent(leftCell, 'click', true);
|
||||||
setTimeout(_ => {
|
setTimeout(_ => {
|
||||||
expect(rightCell.classList.contains('in-range')).to.be.true;
|
triggerEvent(rightCell, 'mousemove', true);
|
||||||
|
|
||||||
triggerEvent(rightCell, 'click', true);
|
|
||||||
setTimeout(_ => {
|
setTimeout(_ => {
|
||||||
const {
|
expect(rightCell.classList.contains('in-range')).to.be.true;
|
||||||
minDate,
|
|
||||||
maxDate
|
triggerEvent(rightCell, 'click', true);
|
||||||
} = vmWithDefaultTime.picker;
|
setTimeout(_ => {
|
||||||
expect(minDate.getHours()).to.be.equal(11);
|
const {
|
||||||
expect(minDate.getMinutes()).to.be.equal(59);
|
minDate,
|
||||||
expect(minDate.getSeconds()).to.be.equal(59);
|
maxDate
|
||||||
expect(maxDate.getHours()).to.be.equal(0);
|
} = vm.picker;
|
||||||
expect(maxDate.getMinutes()).to.be.equal(0);
|
expect(minDate.getHours()).to.be.equal(11);
|
||||||
expect(maxDate.getSeconds()).to.be.equal(0);
|
expect(minDate.getMinutes()).to.be.equal(59);
|
||||||
done();
|
expect(minDate.getSeconds()).to.be.equal(59);
|
||||||
|
expect(maxDate.getHours()).to.be.equal(0);
|
||||||
|
expect(maxDate.getMinutes()).to.be.equal(0);
|
||||||
|
expect(maxDate.getSeconds()).to.be.equal(0);
|
||||||
|
done();
|
||||||
|
}, DELAY);
|
||||||
}, DELAY);
|
}, DELAY);
|
||||||
}, DELAY);
|
}, DELAY);
|
||||||
}, DELAY);
|
}, DELAY);
|
||||||
}, DELAY);
|
}, DELAY);
|
||||||
}, DELAY * 2); // `DELAY * 2` to ensure this case passes in travis CI
|
}, DELAY);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('select daterange with defaultTime min & max', done => {
|
it('select daterange with defaultTime min & max', done => {
|
||||||
const vmWithDefaultTime = createVue({
|
destroyVM(vm); // nuke beforeEach's vm before creating our own
|
||||||
|
vm = createVue({
|
||||||
template: `
|
template: `
|
||||||
<el-date-picker ref="compo" type="datetimerange" v-model="value" :default-time="defaultTime"></el-date-picker>
|
<el-date-picker ref="compo" type="datetimerange" v-model="value" :default-time="defaultTime"></el-date-picker>
|
||||||
`,
|
`,
|
||||||
|
@ -1506,38 +1509,39 @@ describe('DatePicker', () => {
|
||||||
}, true).$refs.compo;
|
}, true).$refs.compo;
|
||||||
|
|
||||||
setTimeout(_ => {
|
setTimeout(_ => {
|
||||||
vmWithDefaultTime.$el.click();
|
vm.$el.click();
|
||||||
|
|
||||||
setTimeout(_ => {
|
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 leftCell = pickers[0].querySelector('td.available');
|
||||||
const rightCell = pickers[1].querySelector('td.available');
|
const rightCell = pickers[1].querySelector('td.available');
|
||||||
|
|
||||||
triggerEvent(leftCell, 'mousemove', true);
|
triggerEvent(leftCell, 'mousemove', true);
|
||||||
triggerEvent(leftCell, 'click', true);
|
|
||||||
setTimeout(_ => {
|
setTimeout(_ => {
|
||||||
triggerEvent(rightCell, 'mousemove', true);
|
triggerEvent(leftCell, 'click', true);
|
||||||
setTimeout(_ => {
|
setTimeout(_ => {
|
||||||
expect(rightCell.classList.contains('in-range')).to.be.true;
|
triggerEvent(rightCell, 'mousemove', true);
|
||||||
|
|
||||||
triggerEvent(rightCell, 'click', true);
|
|
||||||
setTimeout(_ => {
|
setTimeout(_ => {
|
||||||
const {
|
expect(rightCell.classList.contains('in-range')).to.be.true;
|
||||||
minDate,
|
triggerEvent(rightCell, 'click', true);
|
||||||
maxDate
|
setTimeout(_ => {
|
||||||
} = vmWithDefaultTime.picker;
|
const {
|
||||||
expect(minDate.getHours()).to.be.equal(11);
|
minDate,
|
||||||
expect(minDate.getMinutes()).to.be.equal(59);
|
maxDate
|
||||||
expect(minDate.getSeconds()).to.be.equal(59);
|
} = vm.picker;
|
||||||
expect(maxDate.getHours()).to.be.equal(18);
|
expect(minDate.getHours()).to.be.equal(11);
|
||||||
expect(maxDate.getMinutes()).to.be.equal(0);
|
expect(minDate.getMinutes()).to.be.equal(59);
|
||||||
expect(maxDate.getSeconds()).to.be.equal(0);
|
expect(minDate.getSeconds()).to.be.equal(59);
|
||||||
done();
|
expect(maxDate.getHours()).to.be.equal(18);
|
||||||
|
expect(maxDate.getMinutes()).to.be.equal(0);
|
||||||
|
expect(maxDate.getSeconds()).to.be.equal(0);
|
||||||
|
done();
|
||||||
|
}, DELAY);
|
||||||
}, DELAY);
|
}, DELAY);
|
||||||
}, DELAY);
|
}, DELAY);
|
||||||
}, DELAY);
|
}, DELAY);
|
||||||
}, DELAY);
|
}, DELAY);
|
||||||
}, DELAY * 2); // `DELAY * 2` to ensure this case passes in travis CI
|
}, DELAY);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('prev/next month button', done => {
|
it('prev/next month button', done => {
|
||||||
|
|
Loading…
Reference in New Issue