test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-12-03 04:39:09 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tooltip: Improve hover test (#581)

Browse Source
This commit is contained in:
cinwell.li 2016-10-22 00:08:42 +08:00 committed by FuryBean
parent ac207dc971
commit 718356a67e
1 changed files with 7 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
test/unit/specs/tooltip.spec.js
View File

@ -10,29 +10,21 @@ describe('Tooltip', () => {
expect(vm.$el.querySelector('.el-tooltip__popper')).to.have.property('textContent', '提示文字');
});
it('hover', done => {
describe('hover', () => {
const vm = createVue(`
<el-tooltip ref="tooltip" content="提示文字">
<button>click</button>
</el-tooltip>
`, true);
`);
const tooltip = vm.$refs.tooltip;
// trigger mouseenter
tooltip.handleShowPopper();
expect(tooltip.popperElm).to.not.exist;
setTimeout(_ => {
expect(tooltip).to.have.deep.property('popperElm.style.display').not.equal('none');
// trigger mouseleave
it('popperElm is exist', () => expect(tooltip.popperElm).to.exist);
it('showPopper is true', () => expect(tooltip.showPopper).to.true);
it('close popper', () => {
tooltip.handleClosePopper();
setTimeout(_ => {
expect(tooltip).to.have.deep.property('popperElm.style.display', 'none');
done();
}, 500);
}, 150);
expect(tooltip.showPopper).to.false;
});
});
it('light mode', () => {