1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
<!DOCTYPE HTML>
<html>
<head>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<!-- test iwth jquery ui dialog -->
<link href="jquery-ui/ui-lightness/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" media="screen" />
<script src="jquery-ui/jquery-ui-1.8.4.custom.min.js" type="text/javascript"></script>
<link href="qunit/qunit/qunit.css" rel="stylesheet" type="text/css" media="screen" />
<script src="qunit/qunit/qunit.js" type="text/javascript"></script>
<link href="../client/fileuploader.css" rel="stylesheet" type="text/css">
<script src="../client/fileuploader.js" type="text/javascript" ></script>
<script>
jQuery(function(){
$("#dialog").dialog();
asyncTest("qq.FileUploader", function() {
expect(10);
var submitFileName, submitId;
var uploader = new qq.FileUploader({
element: document.getElementById('file-uploader'),
action: 'action-acceptance.php',
params: {
one: 'value1',
two: 'value2'
},
allowedExtensions: ['txt', 'val', 'webm'],
sizeLimit: 9 * 1024,
minSizeLimit: 10,
onSubmit: function(id, fileName){
if (fileName == '5text.txt'){
submitId = id;
submitFileName = fileName;
} else if (fileName == '6text.txt'){
uploader.setParams({'new':'newvalue'});
same(uploader.getInProgress(), 0, 'getFilesInProgress');
setTimeout(function(){
same(uploader.getInProgress(), 1, 'getFilesInProgress');
}, 1);
} else if (fileName == '8text.txt'){
setTimeout(function(){
same(uploader.getInProgress(), 0, 'all uploads should have finished');
start(); // check test results
}, 1000);
return false;
}
},
onComplete: function(id, fileName, responseJSON){
if (fileName == '4text.txt'){
same(responseJSON, {}, 'should be empty if server returned malformed json');
} else if (fileName == '5text.txt'){
same(submitId, id, "id in both callbacks match");
same(submitFileName, fileName, "filename in both callbacks match");
ok(responseJSON.one === 'value1' && responseJSON.two === 'value2', "server received default params");
same(responseJSON.fileName, fileName, "filename in onComplete correct");
} else if (fileName == '6text.txt'){
ok(responseJSON['new'] === 'newvalue' && responseJSON.one == null, "server received new params");
same(uploader.getInProgress(), 0, 'upload should have finished');
} else if (fileName == '8text.txt'){
ok(false, "upload should be cancelled by returning false in onSubmit");
}
}
});
});
});
</script>
</head>
<body>
<h1 id="qunit-header">File uploader tests</h1>
<h2 id="qunit-banner"></h2>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<p>select files in sample-files dir, following order</p>
<ol>
<li>select 1imagelong...long.gif, invalid ext error should appear</li>
<li>select 2larger.txt, invalid size message should appear (in FF3.6+,Safari4+,Chrome without doing request)</li>
<li>select 3empty.txt, invalid size message should appear (in FF3.6+,Safari4+,Chrome without doing request)</li>
<li>select 4text.txt, uploaded file should be marked as failed (server returns jsgkdfgu4eyij)</li>
<li>select 5text.txt, callback argument tests</li>
<li>select 6text.txt, setParams, isUploading</li>
<li>select 7small.txt, too small size message should appear (in FF3.6+,Safari4+,Chrome without doing request)</li>
<li>select 8text.txt, returning false in onSubmit cancells upload, file should not be added to list</li>
<li>
In FF,Chrome, select all files using drag-and-drop, only 1 error should appear.
</li>
</ol>
<div id="dialog" title="Basic dialog">
File uploader inside a dialog
<div id="file-uploader"></div>
</div>
</body>
</html>
|
