mirror of https://github.com/ElemeFE/element
47 lines
1.2 KiB
JavaScript
47 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.have.property('textContent', '提示文字');
|
|
});
|
|
|
|
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).to.have.deep.property('popperElm.style.display').not.equal('none');
|
|
|
|
// trigger mouseleave
|
|
tooltip.handleClosePopper();
|
|
|
|
setTimeout(_ => {
|
|
expect(tooltip).to.have.deep.property('popperElm.style.display', '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;
|
|
});
|
|
});
|