Skip to content

Commit a7f194d

Browse files
wangxueliangwangxueliang
committed
test: upload uploadList
1 parent 1673785 commit a7f194d

File tree

3 files changed

+537
-4
lines changed

3 files changed

+537
-4
lines changed

‎components/upload/__tests__/__snapshots__/uploadlist.test.js.snap

+101
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
// Jest Snapshot v1, https://goo.gl/fbAQLP
2+
3+
exports[`Upload List handle error 1`] = `
4+
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><span role="button" tabindex="0" class="ant-upload ant-upload-btn"><input type="file" accept="" style="display: none;"><button>upload</button></span></div><span tag="div" class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-uploading"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-loading anticon-spin"></i><span title="foo.png" class="ant-upload-list-item-name">foo.png</span></span>
5+
</div>
6+
<i class="anticon anticon-cross"></i>
7+
<div class="ant-upload-list-item-progress">
8+
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default">
9+
<div>
10+
<div class="ant-progress-outer">
11+
<div class="ant-progress-inner">
12+
<div class="ant-progress-bg" style="width: 0%; height: 2px;"></div>
13+
</div>
14+
</div>
15+
</div>
16+
</div>
17+
</div>
18+
</div>
19+
</span>
20+
</span>
21+
`;
22+
23+
exports[`Upload List handle error 2`] = `
24+
<span><div class="ant-upload ant-upload-select ant-upload-select-text"><span role="button" tabindex="0" class="ant-upload ant-upload-btn"><input type="file" accept="" style="display: none;"><button>upload</button></span></div><span tag="div" class="ant-upload-list ant-upload-list-text"><div class="ant-upload-list-item ant-upload-list-item-uploading"><div class="ant-upload-list-item-info"><span><i class="anticon anticon-loading anticon-spin"></i><span title="foo.png" class="ant-upload-list-item-name">foo.png</span></span>
25+
</div>
26+
<i class="anticon anticon-cross"></i>
27+
<div class="ant-upload-list-item-progress">
28+
<div class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default">
29+
<div>
30+
<div class="ant-progress-outer">
31+
<div class="ant-progress-inner">
32+
<div class="ant-progress-bg" style="width: 0%; height: 2px;"></div>
33+
</div>
34+
</div>
35+
</div>
36+
</div>
37+
</div>
38+
</div>
39+
</span>
40+
</span>
41+
`;
42+
43+
exports[`Upload List should be uploading when upload a file 1`] = `<span><div class="ant-upload ant-upload-select ant-upload-select-text"><span role="button" tabindex="0" class="ant-upload ant-upload-btn"><input type="file" accept="" style="display: none;"><button>upload</button></span></div><span tag="div" class="ant-upload-list ant-upload-list-text"></span></span>`;
44+
45+
exports[`Upload List should non-image format file preview 1`] = `
46+
<span><div class="ant-upload ant-upload-select ant-upload-select-picture"><!----></div><span tag="div" class="ant-upload-list ant-upload-list-picture"><div class="ant-upload-list-item ant-upload-list-item-done"><div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa.zip" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/aaa.zip" target="_blank" rel="noopener noreferrer" title="not-image" class="ant-upload-list-item-name">not-image</a></span></div>
47+
<i
48+
class="anticon anticon-cross"></i>
49+
<!---->
50+
</div>
51+
<div class="ant-upload-list-item ant-upload-list-item-done">
52+
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/aaa" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
53+
<i
54+
class="anticon anticon-cross"></i>
55+
<!---->
56+
</div>
57+
<div class="ant-upload-list-item ant-upload-list-item-done">
58+
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa.xx" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/aaa.xx" target="_blank" rel="noopener noreferrer" title="not-image" class="ant-upload-list-item-name">not-image</a></span></div>
59+
<i
60+
class="anticon anticon-cross"></i>
61+
<!---->
62+
</div>
63+
<div class="ant-upload-list-item ant-upload-list-item-done">
64+
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/aaa.png/xx.xx" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/aaa.png/xx.xx" target="_blank" rel="noopener noreferrer" title="not-image" class="ant-upload-list-item-name">not-image</a></span></div>
65+
<i
66+
class="anticon anticon-cross"></i>
67+
<!---->
68+
</div>
69+
<div class="ant-upload-list-item ant-upload-list-item-done">
70+
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="https://cdn.xxx.com/xx.xx/aaa.png" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
71+
<i
72+
class="anticon anticon-cross"></i>
73+
<!---->
74+
</div>
75+
<div class="ant-upload-list-item ant-upload-list-item-done">
76+
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><img src="data:image/png;base64,UEsDBAoAAAAAADYZYkwAAAAAAAAAAAAAAAAdAAk" alt="image"></a><a href="https://cdn.xxx.com/xx.xx/aaa.png" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
77+
<i
78+
class="anticon anticon-cross"></i>
79+
<!---->
80+
</div>
81+
<div class="ant-upload-list-item ant-upload-list-item-done">
82+
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=123" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=123" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
83+
<i
84+
class="anticon anticon-cross"></i>
85+
<!---->
86+
</div>
87+
<div class="ant-upload-list-item ant-upload-list-item-done">
88+
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png#anchor" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/xx.xx/aaa.png#anchor" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
89+
<i
90+
class="anticon anticon-cross"></i>
91+
<!---->
92+
</div>
93+
<div class="ant-upload-list-item ant-upload-list-item-done">
94+
<div class="ant-upload-list-item-info"><span><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-thumbnail"><i class="anticon anticon-file" style="font-size: 48px; color: rgba(0, 0, 0, 0.5);"></i></a><a href="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot" target="_blank" rel="noopener noreferrer" title="image" class="ant-upload-list-item-name">image</a></span></div>
95+
<i
96+
class="anticon anticon-cross"></i>
97+
<!---->
98+
</div>
99+
</span>
100+
</span>
101+
`;

‎components/upload/__tests__/upload.test.js

+9-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
11
import { mount } from '@vue/test-utils'
22
import Upload from '..'
33
import { fileToObject } from '../utils'
4+
import PropsTypes from '../../_util/vue-types'
5+
import { UploadListProps } from '../interface'
6+
7+
UploadListProps.items = PropsTypes.any
48

59
describe('Upload', () => {
610
it('should get refs inside Upload in componentDidMount', () => {
7-
let ref
11+
let ref = null
812
const APP = {
913
mounted () {
1014
ref = this.$refs.input
@@ -25,7 +29,7 @@ describe('Upload', () => {
2529
const data = jest.fn()
2630
const props = {
2731
propsData: {
28-
action: 'http://upload.com',
32+
action: 'http://jsonplaceholder.typicode.com/posts/',
2933
beforeUpload: () => new Promise(resolve =>
3034
setTimeout(() => resolve('success'), 100)
3135
),
@@ -44,6 +48,7 @@ describe('Upload', () => {
4448
},
4549
sync: false,
4650
}
51+
Upload.props
4752
const wrapper = mount(Upload, props)
4853
setTimeout(() => {
4954
const mockFile = new File(['foo'], 'foo.png', {
@@ -61,7 +66,7 @@ describe('Upload', () => {
6166
const data = jest.fn()
6267
const props = {
6368
propsData: {
64-
action: 'http://upload.com',
69+
action: 'http://jsonplaceholder.typicode.com/posts/',
6570
beforeUpload: () => false,
6671
data,
6772
},
@@ -134,7 +139,7 @@ describe('Upload', () => {
134139
const data = jest.fn()
135140
const props = {
136141
propsData: {
137-
action: 'http://upload.com',
142+
action: 'http://jsonplaceholder.typicode.com/posts/',
138143
beforeUpload () {},
139144
data,
140145
},

0 commit comments

Comments
 (0)