You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/popover/__tests__/index.test.js

36 lines
1.0 KiB

import { mount } from '@vue/test-utils'
import { asyncExpect } from '@/tests/utils'
import Popover from '..'
describe('Popover', () => {
it('should show overlay when trigger is clicked', async () => {
const popover = mount({
render () {
return (
<Popover ref='popover' content="console.log('hello world')" title='code' trigger='click'>
<span>show me your code</span>
</Popover>
)
},
}, { sync: false })
await asyncExpect(() => {
expect(popover.vm.$refs.popover.getPopupDomNode()).toBe(null)
popover.find('span').trigger('click')
}, 0)
let popup = null
await asyncExpect(() => {
popup = popover.vm.$refs.popover.getPopupDomNode()
expect(popup).not.toBe(null)
expect(popup.className).toContain('ant-popover-placement-top')
}, 1000)
await asyncExpect(() => {
expect(popup.innerHTML).toMatchSnapshot()
expect(popup.innerHTML).toMatchSnapshot()
})
await asyncExpect(() => {
})
})
})