mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 17:31:02 +08:00
1d13ebb05d
* feat: drop jest * test: remove ssr * test: rename * chore: update tsconfig
75 lines
1.8 KiB
TypeScript
75 lines
1.8 KiB
TypeScript
import { computed, defineComponent, h, provide } from 'vue'
|
|
import { describe, expect, test, vi } from 'vitest'
|
|
import makeMount from '@element-plus/test-utils/make-mount'
|
|
import { uploadContextKey } from '@element-plus/tokens'
|
|
import UploadDragger from '../src/upload-dragger.vue'
|
|
|
|
const AXIOM = 'Rem is the best girl'
|
|
|
|
const Wrapper = defineComponent({
|
|
props: {
|
|
onDrop: Function,
|
|
},
|
|
setup(props, { slots }) {
|
|
provide(uploadContextKey, { accept: computed(() => 'video/*') })
|
|
return () => h(UploadDragger, props, slots)
|
|
},
|
|
})
|
|
const mount = makeMount(Wrapper, {
|
|
slots: {
|
|
default: () => AXIOM,
|
|
},
|
|
})
|
|
|
|
describe('<upload-dragger />', () => {
|
|
describe('render test', () => {
|
|
test('should render correct', () => {
|
|
const wrapper = mount()
|
|
|
|
expect(wrapper.text()).toBe(AXIOM)
|
|
})
|
|
})
|
|
|
|
describe('functionality', () => {
|
|
test('onDrag works', async () => {
|
|
const wrapper = mount()
|
|
await wrapper.find('.el-upload-dragger').trigger('dragover')
|
|
expect(wrapper.classes('is-dragover')).toBe(true)
|
|
})
|
|
|
|
test('ondrop works for any given video type', async () => {
|
|
const onDrop = vi.fn()
|
|
const wrapper = mount({
|
|
props: {
|
|
onDrop,
|
|
},
|
|
})
|
|
const dragger = wrapper.findComponent(UploadDragger)
|
|
|
|
await dragger.trigger('drop', {
|
|
dataTransfer: {
|
|
files: [
|
|
{
|
|
type: 'video/mp4',
|
|
name: 'test.mp4',
|
|
},
|
|
],
|
|
},
|
|
})
|
|
expect(onDrop).toHaveBeenCalledTimes(1)
|
|
expect(dragger.emitted('file')).toHaveLength(1)
|
|
await dragger.trigger('drop', {
|
|
dataTransfer: {
|
|
files: [
|
|
{
|
|
type: 'video/mov',
|
|
name: 'test.mov',
|
|
},
|
|
],
|
|
},
|
|
})
|
|
expect(dragger.emitted('file')).toHaveLength(2)
|
|
})
|
|
})
|
|
})
|