Commit 718356a6 authored by cinwell.li's avatar cinwell.li Committed by FuryBean

Tooltip: Improve hover test (#581)

parent ac207dc9
...@@ -10,29 +10,21 @@ describe('Tooltip', () => { ...@@ -10,29 +10,21 @@ describe('Tooltip', () => {
expect(vm.$el.querySelector('.el-tooltip__popper')).to.have.property('textContent', '提示文字'); expect(vm.$el.querySelector('.el-tooltip__popper')).to.have.property('textContent', '提示文字');
}); });
it('hover', done => { describe('hover', () => {
const vm = createVue(` const vm = createVue(`
<el-tooltip ref="tooltip" content="提示文字"> <el-tooltip ref="tooltip" content="提示文字">
<button>click</button> <button>click</button>
</el-tooltip> </el-tooltip>
`, true); `);
const tooltip = vm.$refs.tooltip; const tooltip = vm.$refs.tooltip;
// trigger mouseenter
tooltip.handleShowPopper(); tooltip.handleShowPopper();
it('popperElm is exist', () => expect(tooltip.popperElm).to.exist);
expect(tooltip.popperElm).to.not.exist; it('showPopper is true', () => expect(tooltip.showPopper).to.true);
setTimeout(_ => { it('close popper', () => {
expect(tooltip).to.have.deep.property('popperElm.style.display').not.equal('none');
// trigger mouseleave
tooltip.handleClosePopper(); tooltip.handleClosePopper();
expect(tooltip.showPopper).to.false;
setTimeout(_ => { });
expect(tooltip).to.have.deep.property('popperElm.style.display', 'none');
done();
}, 500);
}, 150);
}); });
it('light mode', () => { it('light mode', () => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment