ant-design-vue/components/upload/__tests__/upload.test.js

228 lines
5.6 KiB
JavaScript
Raw Normal View History

2018-05-31 16:36:59 +08:00
import { mount } from '@vue/test-utils'
import Upload from '..'
import { fileToObject } from '../utils'
2018-06-02 15:12:53 +08:00
import PropsTypes from '../../_util/vue-types'
import { UploadListProps } from '../interface'
UploadListProps.items = PropsTypes.any
2018-05-31 16:36:59 +08:00
describe('Upload', () => {
it('should get refs inside Upload in componentDidMount', () => {
2018-06-02 15:12:53 +08:00
let ref = null
2018-05-31 16:36:59 +08:00
const APP = {
mounted () {
ref = this.$refs.input
},
render () {
return (
<Upload supportServerRender={false} action=''>
<input ref='input' />
</Upload>
)
},
}
mount(APP)
expect(ref).toBeDefined()
})
it('return promise in beforeUpload', (done) => {
const data = jest.fn()
const props = {
propsData: {
2018-06-16 22:11:34 +08:00
action: 'http://upload.com',
2018-05-31 16:36:59 +08:00
beforeUpload: () => new Promise(resolve =>
setTimeout(() => resolve('success'), 100)
),
data,
},
listeners: {
change: ({ file }) => {
if (file.status !== 'uploading') {
expect(data).toBeCalled()
done()
}
},
},
slots: {
default: '<button>upload</button>',
},
sync: false,
}
const wrapper = mount(Upload, props)
setTimeout(() => {
wrapper.find({ name: 'ajaxUploader' }).vm.onChange({
target: {
2019-01-02 22:00:06 +08:00
files: [{ file: 'foo.png' }],
2018-05-31 16:36:59 +08:00
},
})
}, 0)
})
it('should not stop upload when return value of beforeUpload is false', (done) => {
const data = jest.fn()
const props = {
propsData: {
2018-06-16 22:11:34 +08:00
action: 'http://upload.com',
2018-05-31 16:36:59 +08:00
beforeUpload: () => false,
data,
},
listeners: {
change: ({ file }) => {
expect(file instanceof File).toBe(true)
expect(data).not.toBeCalled()
done()
},
},
slots: {
default: '<button>upload</button>',
},
sync: false,
}
const wrapper = mount(Upload, props)
setTimeout(() => {
const mockFile = new File(['foo'], 'foo.png', {
type: 'image/png',
})
wrapper.find({ name: 'ajaxUploader' }).vm.onChange({
target: {
files: [mockFile],
},
})
}, 0)
})
it('should increase percent automaticly when call autoUpdateProgress in IE', (done) => {
let uploadInstance
let lastPercent = -1
const props = {
propsData: {
2018-06-16 22:11:34 +08:00
action: 'http://upload.com',
2018-05-31 16:36:59 +08:00
},
listeners: {
change: ({ file }) => {
if (file.percent === 0 && file.status === 'uploading') {
// manually call it
uploadInstance.autoUpdateProgress(0, file)
}
if (file.status === 'uploading') {
expect(file.percent).toBeGreaterThan(lastPercent)
lastPercent = file.percent
}
if (file.status === 'done' || file.status === 'error') {
done()
}
},
},
slots: {
default: '<button>upload</button>',
},
sync: false,
}
const wrapper = mount(Upload, props)
setTimeout(() => {
const mockFile = new File(['foo'], 'foo.png', {
type: 'image/png',
})
wrapper.find({ name: 'ajaxUploader' }).vm.onChange({
target: {
files: [mockFile],
},
})
uploadInstance = wrapper.vm
}, 0)
})
it('should not stop upload when return value of beforeUpload is not false', (done) => {
const data = jest.fn()
const props = {
propsData: {
2018-06-16 22:11:34 +08:00
action: 'http://upload.com',
2018-05-31 16:36:59 +08:00
beforeUpload () {},
data,
},
listeners: {
change: () => {
expect(data).toBeCalled()
done()
},
},
slots: {
default: '<button>upload</button>',
},
sync: false,
}
const wrapper = mount(Upload, props)
setTimeout(() => {
const mockFile = new File(['foo'], 'foo.png', {
type: 'image/png',
})
wrapper.find({ name: 'ajaxUploader' }).vm.onChange({
target: {
files: [mockFile],
},
})
}, 0)
})
describe('util', () => {
it('should be able to copy file instance', () => {
const file = new File([], 'aaa.zip')
const copiedFile = fileToObject(file);
['uid', 'lastModified', 'lastModifiedDate', 'name', 'size', 'type'].forEach((key) => {
expect(key in copiedFile).toBe(true)
})
})
})
2018-12-05 18:31:58 +08:00
it('should support linkProps as object', () => {
const fileList = [{
uid: '-1',
name: 'foo.png',
status: 'done',
url: 'http://www.baidu.com/xxx.png',
linkProps: {
download: 'image',
rel: 'noopener',
},
}]
const props = {
propsData: {
fileList,
},
sync: false,
}
const wrapper = mount(Upload, props)
setTimeout(() => {
const linkNode = wrapper.find('a.ant-upload-list-item-name')
expect(linkNode.props().download).toBe('image')
expect(linkNode.props().rel).toBe('noopener')
}, 0)
})
it('should support linkProps as json stringify', () => {
const linkPropsString = JSON.stringify({
download: 'image',
rel: 'noopener',
})
const fileList = [{
uid: '-1',
name: 'foo.png',
status: 'done',
url: 'http://www.baidu.com/xxx.png',
linkProps: linkPropsString,
}]
const props = {
propsData: {
fileList,
},
sync: false,
}
const wrapper = mount(Upload, props)
setTimeout(() => {
const linkNode = wrapper.find('a.ant-upload-list-item-name')
expect(linkNode.props().download).toBe('image')
expect(linkNode.props().rel).toBe('noopener')
}, 0)
})
2018-05-31 16:36:59 +08:00
})