mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 17:31:02 +08:00
dd19cae2bc
* refactor(components): popper composables - Refactor popper composables * updates * updates for tooltip * Updates for popper. TODO: fix controlled tooltip animation * Fix controlled mode popper animation issue * Add new feature for customizing tooltip theme * Fix popover and popconfirm error * - Add Collection component for wrapping a collection of component - Add FocusTrap component for trap focus for popups - Add RovingFocus component for roving focus component type - Adjust dropdown component based on these newly added components - Add popper-trigger component for placing the trigger - TODO: Finish current dropdown component, and all component's tests plus documents * Refactor popper * Complete organizing popper * Almost finish dropdown * Update popper tests * update only-child test * Finish focus trap component test * Finish tooltip content test * Finish tooltip trigger tests * Finish tooltip tests * finish tests for Collection and RovingFocusGroup * Fix test cases for timeselect & select & popover * Fix popover, popconfirm, menu bug and test cases * Fix select-v2 test error caused by updating popper * Fix date-picker test issue for updating popper * fix test cases * Fix eslint * Rebase dev & fix tests * Remove unused code
52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
import { h, nextTick } from 'vue'
|
|
import { mount } from '@vue/test-utils'
|
|
import { rAF } from '@element-plus/test-utils/tick'
|
|
import ElPopconfirm from '../src/popconfirm.vue'
|
|
|
|
const AXIOM = 'rem is the best girl'
|
|
const selector = '.el-popper'
|
|
const _mount = (props: any = {}) =>
|
|
mount(ElPopconfirm, {
|
|
props: {
|
|
...props,
|
|
},
|
|
slots: {
|
|
reference: () =>
|
|
h(
|
|
'div',
|
|
{
|
|
class: 'reference',
|
|
},
|
|
[AXIOM]
|
|
),
|
|
},
|
|
attachTo: 'body',
|
|
})
|
|
|
|
describe('Popconfirm.vue', () => {
|
|
afterEach(() => {
|
|
document.body.innerHTML = ''
|
|
})
|
|
|
|
test('render test', async () => {
|
|
const wrapper = _mount()
|
|
await nextTick()
|
|
const trigger = wrapper.find('.reference')
|
|
|
|
expect(document.querySelector(selector)!.getAttribute('style')).toContain(
|
|
'display: none'
|
|
)
|
|
|
|
await trigger.trigger('mousedown', {
|
|
button: 0,
|
|
})
|
|
|
|
await nextTick()
|
|
await rAF()
|
|
|
|
expect(
|
|
document.querySelector(selector)!.getAttribute('style')
|
|
).not.toContain('display: none')
|
|
})
|
|
})
|