mirror of https://github.com/ElemeFE/element
49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
|
import { createVue } from '../util';
|
||
|
|
|
||
|
|
describe('Tooltip', () => {
|
||
|
|
it('create', () => {
|
||
|
|
const vm = createVue(`
|
||
|
|
<el-tooltip content="提示文字">
|
||
|
|
<button>click</button>
|
||
|
|
</el-tooltip>`);
|
||
|
|
|
||
|
|
expect(vm.$el.querySelector('.el-tooltip__popper')).to.exist;
|
||
|
|
expect(vm.$el.querySelector('.el-tooltip__popper').textContent).to.equal('提示文字');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('hover', done => {
|
||
|
|
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.popperElm).to.exist;
|
||
|
|
expect(tooltip.popperElm.style.display).to.not.equal('none');
|
||
|
|
|
||
|
|
// trigger mouseleave
|
||
|
|
tooltip.handleClosePopper();
|
||
|
|
|
||
|
|
setTimeout(_ => {
|
||
|
|
expect(tooltip.popperElm.style.display).to.equal('none');
|
||
|
|
done();
|
||
|
|
}, 500);
|
||
|
|
}, 150);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('light mode', () => {
|
||
|
|
const vm = createVue(`
|
||
|
|
<el-tooltip content="abc" effect="light">
|
||
|
|
<button>abc</button>
|
||
|
|
</el-tooltip>
|
||
|
|
`);
|
||
|
|
expect(vm.$el.querySelector('.is-light')).to.exist;
|
||
|
|
});
|
||
|
|
});
|