mirror of https://github.com/ElemeFE/element
				
				
				
			VuePopper: add test
							parent
							
								
									c7103edd65
								
							
						
					
					
						commit
						0cb98686b7
					
				| 
						 | 
					@ -21,7 +21,7 @@
 | 
				
			||||||
    "clean": "rimraf lib && rimraf packages/*/lib",
 | 
					    "clean": "rimraf lib && rimraf packages/*/lib",
 | 
				
			||||||
    "lint": "eslint src/**/* test/**/* packages/**/*.{js,vue} build/**/* --quiet",
 | 
					    "lint": "eslint src/**/* test/**/* packages/**/*.{js,vue} build/**/* --quiet",
 | 
				
			||||||
    "test:watch": "karma start test/unit/karma.conf.js",
 | 
					    "test:watch": "karma start test/unit/karma.conf.js",
 | 
				
			||||||
    "test": "karma start test/unit/karma.conf.js --single-run"
 | 
					    "test": "npm run lint && karma start test/unit/karma.conf.js --single-run"
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  "repository": {
 | 
					  "repository": {
 | 
				
			||||||
    "type": "git",
 | 
					    "type": "git",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,57 @@
 | 
				
			||||||
 | 
					import VuePopper from 'element-ui/src/utils/vue-popper';
 | 
				
			||||||
 | 
					import { createTest } from '../util';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					const Popper = Object.assign({}, VuePopper, {
 | 
				
			||||||
 | 
					  render(h) {
 | 
				
			||||||
 | 
					    return h('div');
 | 
				
			||||||
 | 
					  },
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  created() {
 | 
				
			||||||
 | 
					    this.popperElm = document.createElement('div');
 | 
				
			||||||
 | 
					    this.referenceElm = document.createElement('div');
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					});
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					describe('Utils:VuePopper', () => {
 | 
				
			||||||
 | 
					  it('createPopper', () => {
 | 
				
			||||||
 | 
					    const vm = createTest(Popper, { placement: 'top' });
 | 
				
			||||||
 | 
					    vm.createPopper();
 | 
				
			||||||
 | 
					    expect(vm.popperJS._popper.getAttribute('x-placement')).to.equal('top');
 | 
				
			||||||
 | 
					  });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  it('doDestroy', () => {
 | 
				
			||||||
 | 
					    const vm = createTest(Popper, { placement: 'top' });
 | 
				
			||||||
 | 
					    vm.createPopper();
 | 
				
			||||||
 | 
					    expect(vm.popperJS._popper.getAttribute('x-placement')).to.equal('top');
 | 
				
			||||||
 | 
					    vm.doDestroy();
 | 
				
			||||||
 | 
					    expect(vm.popperJS).to.not.exist;
 | 
				
			||||||
 | 
					  });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  it('placement', () => {
 | 
				
			||||||
 | 
					    const vm = createTest(Popper, { placement: 'bottom-start' });
 | 
				
			||||||
 | 
					    const vm2 = createTest(Popper, { placement: 'bottom-abc' });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    vm.createPopper();
 | 
				
			||||||
 | 
					    vm2.createPopper();
 | 
				
			||||||
 | 
					    expect(vm.popperJS._popper.getAttribute('x-placement')).to.equal('bottom-start');
 | 
				
			||||||
 | 
					    expect(vm2.popperJS).to.not.exist;
 | 
				
			||||||
 | 
					  });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  it('display arrow', () => {
 | 
				
			||||||
 | 
					    const vm = createTest(Popper, {
 | 
				
			||||||
 | 
					      visibleArrow: true
 | 
				
			||||||
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    vm.createPopper();
 | 
				
			||||||
 | 
					    expect(vm.popperJS._popper.querySelector('div[x-arrow]')).to.exist;
 | 
				
			||||||
 | 
					  });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  it('destroy', () => {
 | 
				
			||||||
 | 
					    const vm = createTest(Popper, true);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    vm.createPopper();
 | 
				
			||||||
 | 
					    expect(document.body.contains(vm.popperElm)).to.true;
 | 
				
			||||||
 | 
					    vm.$destroy();
 | 
				
			||||||
 | 
					    expect(document.body.contains(vm.popperElm)).to.false;
 | 
				
			||||||
 | 
					  });
 | 
				
			||||||
 | 
					});
 | 
				
			||||||
		Loading…
	
		Reference in New Issue