75 lines
2.0 KiB
Vue
75 lines
2.0 KiB
Vue
|
import VuePopup from 'element-ui/src/utils/popup';
|
||
|
|
import { createTest, destroyVM } from '../util';
|
||
|
|
|
||
|
|
const Popup = Object.assign({}, VuePopup, {
|
||
|
|
render(h) {
|
||
|
|
return h('div');
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.rendered = true;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('Mixin:vue-popup', () => {
|
||
|
|
let vm;
|
||
|
|
before(() => {
|
||
|
|
const modals = document.querySelectorAll('.v-modal');
|
||
|
|
[].forEach.call(modals, modal => {
|
||
|
|
modal &&
|
||
|
|
modal.parentNode &&
|
||
|
|
modal.parentNode.removeChild(modal);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
afterEach(() => {
|
||
|
|
vm.close && vm.close();
|
||
|
|
destroyVM(vm);
|
||
|
|
const modal = document.querySelector('.v-modal');
|
||
|
|
modal &&
|
||
|
|
modal.parentNode &&
|
||
|
|
modal.parentNode.removeChild(modal);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('show modal', () => {
|
||
|
|
vm = createTest(Popup);
|
||
|
|
vm.open();
|
||
|
|
expect(document.querySelector('.v-modal')).to.not.exist;
|
||
|
|
vm.close();
|
||
|
|
destroyVM(vm);
|
||
|
|
vm = createTest(Popup, { modal: true });
|
||
|
|
vm.open();
|
||
|
|
expect(document.querySelector('.v-modal')).to.exist;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('custom modal class', () => {
|
||
|
|
vm = createTest(Popup, { modal: true, modalClass: 'custom-class' });
|
||
|
|
vm.open();
|
||
|
|
expect(document.querySelector('.v-modal').classList.contains('custom-class')).to.true;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('lock scroll', done => {
|
||
|
|
vm = createTest(Popup, { modal: true });
|
||
|
|
vm.open();
|
||
|
|
expect(document.body.classList.contains('el-popup-parent--hidden')).to.be.true;
|
||
|
|
vm.close();
|
||
|
|
destroyVM(vm);
|
||
|
|
setTimeout(() => {
|
||
|
|
vm = createTest(Popup, { modal: true, lockScroll: false });
|
||
|
|
vm.open();
|
||
|
|
expect(document.body.classList.contains('el-popup-parent--hidden')).to.be.false;
|
||
|
|
done();
|
||
|
|
}, 200);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('z-index should increase', () => {
|
||
|
|
vm = createTest(Popup, { modal: true });
|
||
|
|
vm.open();
|
||
|
|
const zIndex1 = document.querySelector('.v-modal').style.zIndex;
|
||
|
|
vm.close();
|
||
|
|
destroyVM(vm);
|
||
|
|
vm = createTest(Popup, { modal: true });
|
||
|
|
vm.open();
|
||
|
|
const zIndex2 = document.querySelector('.v-modal').style.zIndex;
|
||
|
|
expect(zIndex2 > zIndex1).to.true;
|
||
|
|
});
|
||
|
|
});
|