import { nextTick, h, inject } from 'vue'
import { mount } from '@vue/test-utils'
import { POPPER_INJECTION_KEY } from '@element-plus/tokens'
import ElPopper from '../src/popper.vue'
const AXIOM = 'rem is the best girl'
const TestChild = {
template: `
${AXIOM}
`,
setup() {
const { contentRef } = inject(POPPER_INJECTION_KEY, undefined)!
return {
contentRef,
}
},
}
describe('', () => {
const mountPopper = () => {
return mount(ElPopper, {
slots: {
default: () => h(TestChild),
},
})
}
it('should be able to provide instance to its children', async () => {
const wrapper = mountPopper()
await nextTick()
expect(wrapper.vm.contentRef).not.toBe(null)
expect(wrapper.vm.contentRef!.innerHTML).toBe(AXIOM)
})
})