mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-16 02:11:48 +08:00
ead3b2ac18
* refactor(components): [backtop] use JSX in Unit test * fix: code style * fix: import type individually
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { nextTick } from 'vue'
|
|
import { mount } from '@vue/test-utils'
|
|
import { CaretTop } from '@element-plus/icons-vue'
|
|
import Backtop from '../src/backtop.vue'
|
|
import type { VNode } from 'vue'
|
|
|
|
const _mount = (render: () => VNode) =>
|
|
mount(render, { attachTo: document.body })
|
|
|
|
describe('Backtop.vue', () => {
|
|
test('render', async () => {
|
|
const wrapper = _mount(() => (
|
|
<div class="target" style="height: 100px; overflow: auto">
|
|
<div style="height: 10000px; width: 100%">
|
|
<Backtop
|
|
target=".target"
|
|
visibilityHeight={2000}
|
|
right={100}
|
|
bottom={200}
|
|
/>
|
|
</div>
|
|
</div>
|
|
))
|
|
await nextTick()
|
|
|
|
expect(wrapper.find('.el-backtop').exists()).toBe(false)
|
|
wrapper.element.scrollTop = 2000
|
|
await wrapper.trigger('scroll')
|
|
expect(wrapper.find('.el-backtop').exists()).toBe(true)
|
|
|
|
expect(wrapper.find('.el-backtop').attributes('style')).toBe(
|
|
'right: 100px; bottom: 200px;'
|
|
)
|
|
expect(wrapper.findComponent(CaretTop).exists()).toBe(true)
|
|
|
|
await wrapper.trigger('click')
|
|
expect(wrapper.emitted()).toBeDefined()
|
|
})
|
|
})
|