aboutsummaryrefslogtreecommitdiffstats
path: root/library/jqupload/test
diff options
context:
space:
mode:
Diffstat (limited to 'library/jqupload/test')
-rw-r--r--library/jqupload/test/index.html166
-rw-r--r--library/jqupload/test/test.js1288
2 files changed, 0 insertions, 1454 deletions
diff --git a/library/jqupload/test/index.html b/library/jqupload/test/index.html
deleted file mode 100644
index ead40be05..000000000
--- a/library/jqupload/test/index.html
+++ /dev/null
@@ -1,166 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-/*
- * jQuery File Upload Plugin Test 9.0.0
- * https://github.com/blueimp/jQuery-File-Upload
- *
- * Copyright 2010, Sebastian Tschan
- * https://blueimp.net
- *
- * Licensed under the MIT license:
- * http://www.opensource.org/licenses/MIT
- */
--->
-<html lang="en">
-<head>
-<!-- Force latest IE rendering engine or ChromeFrame if installed -->
-<!--[if IE]>
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-<![endif]-->
-<meta charset="utf-8">
-<title>jQuery File Upload Plugin Test</title>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="stylesheet" href="http://codeorigin.jquery.com/qunit/qunit-1.12.0.css">
-</head>
-<body>
-<h1 id="qunit-header">jQuery File Upload Plugin Test</h1>
-<h2 id="qunit-banner"></h2>
-<div id="qunit-testrunner-toolbar"></div>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests"></ol>
-<div id="qunit-fixture">
- <!-- The file upload form used as target for the file upload widget -->
- <form id="fileupload" action="../server/php/" method="POST" enctype="multipart/form-data">
- <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
- <div class="row fileupload-buttonbar">
- <div class="col-lg-7">
- <!-- The fileinput-button span is used to style the file input field as button -->
- <span class="btn btn-success fileinput-button">
- <i class="fa-plus fa fa-inverse"></i>
- <span>Add files...</span>
- <input type="file" name="files[]" multiple>
- </span>
- <button type="submit" class="btn btn-primary start">
- <i class="fa-arrow-circle-o-up fa fa-inverse"></i>
- <span>Start upload</span>
- </button>
- <button type="reset" class="btn btn-warning cancel">
- <i class="fa-ban fa fa-inverse"></i>
- <span>Cancel upload</span>
- </button>
- <button type="button" class="btn btn-danger delete">
- <i class="fa-trash-o fa fa-inverse"></i>
- <span>Delete</span>
- </button>
- <input type="checkbox" class="toggle">
- <!-- The global file processing state -->
- <span class="fileupload-process"></span>
- </div>
- <!-- The global progress state -->
- <div class="col-lg-5 fileupload-progress">
- <!-- The global progress bar -->
- <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
- <div class="progress-bar progress-bar-success" style="width:0%;"></div>
- </div>
- <!-- The extended global progress state -->
- <div class="progress-extended">&nbsp;</div>
- </div>
- </div>
- <!-- The table listing the files available for upload/download -->
- <table role="presentation" class="table table-striped"><tbody class="files"></tbody></table>
- </form>
-</div>
-<!-- The template to display files available for upload -->
-<script id="template-upload" type="text/x-tmpl">
-{% for (var i=0, file; file=o.files[i]; i++) { %}
- <tr class="template-upload">
- <td>
- <span class="preview"></span>
- </td>
- <td>
- <p class="name">{%=file.name%}</p>
- <strong class="error text-danger"></strong>
- </td>
- <td>
- <p class="size">Processing...</p>
- <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="progress-bar progress-bar-success" style="width:0%;"></div></div>
- </td>
- <td>
- {% if (!i && !o.options.autoUpload) { %}
- <button class="btn btn-primary start" disabled>
- <i class="glyphicon glyphicon-upload"></i>
- <span>Start</span>
- </button>
- {% } %}
- {% if (!i) { %}
- <button class="btn btn-warning cancel">
- <i class="glyphicon glyphicon-ban-circle"></i>
- <span>Cancel</span>
- </button>
- {% } %}
- </td>
- </tr>
-{% } %}
-</script>
-<!-- The template to display files available for download -->
-<script id="template-download" type="text/x-tmpl">
-{% for (var i=0, file; file=o.files[i]; i++) { %}
- <tr class="template-download">
- <td>
- <span class="preview">
- {% if (file.thumbnailUrl) { %}
- <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
- {% } %}
- </span>
- </td>
- <td>
- <p class="name">
- {% if (file.url) { %}
- <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
- {% } else { %}
- <span>{%=file.name%}</span>
- {% } %}
- </p>
- {% if (file.error) { %}
- <div><span class="label label-danger">Error</span> {%=file.error%}</div>
- {% } %}
- </td>
- <td>
- <span class="size">{%=o.formatFileSize(file.size)%}</span>
- </td>
- <td>
- {% if (file.deleteUrl) { %}
- <button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
- <i class="glyphicon glyphicon-trash"></i>
- <span>Delete</span>
- </button>
- <input type="checkbox" name="delete" value="1" class="toggle">
- {% } else { %}
- <button class="btn btn-warning cancel">
- <i class="glyphicon glyphicon-ban-circle"></i>
- <span>Cancel</span>
- </button>
- {% } %}
- </td>
- </tr>
-{% } %}
-</script>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script src="../js/vendor/jquery.ui.widget.js"></script>
-<script src="http://blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
-<script src="http://blueimp.github.io/JavaScript-Load-Image/js/load-image.min.js"></script>
-<script src="http://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
-<script src="../js/jquery.iframe-transport.js"></script>
-<script src="../js/jquery.fileupload.js"></script>
-<script>window.testBasicWidget = $.blueimp.fileupload;</script>
-<script src="../js/jquery.fileupload-process.js"></script>
-<script src="../js/jquery.fileupload-image.js"></script>
-<script src="../js/jquery.fileupload-audio.js"></script>
-<script src="../js/jquery.fileupload-video.js"></script>
-<script src="../js/jquery.fileupload-validate.js"></script>
-<script src="../js/jquery.fileupload-ui.js"></script>
-<script>window.testUIWidget = $.blueimp.fileupload;</script>
-<script src="http://codeorigin.jquery.com/qunit/qunit-1.12.0.js"></script>
-<script src="test.js"></script>
-</body>
-</html>
diff --git a/library/jqupload/test/test.js b/library/jqupload/test/test.js
deleted file mode 100644
index 72d08d99e..000000000
--- a/library/jqupload/test/test.js
+++ /dev/null
@@ -1,1288 +0,0 @@
-/*
- * jQuery File Upload Plugin Test 9.4.0
- * https://github.com/blueimp/jQuery-File-Upload
- *
- * Copyright 2010, Sebastian Tschan
- * https://blueimp.net
- *
- * Licensed under the MIT license:
- * http://www.opensource.org/licenses/MIT
- */
-
-/* global $, QUnit, window, document, expect, module, test, asyncTest, start, ok, strictEqual, notStrictEqual */
-
-$(function () {
- // jshint nomen:false
- 'use strict';
-
- QUnit.done = function () {
- // Delete all uploaded files:
- var url = $('#fileupload').prop('action');
- $.getJSON(url, function (result) {
- $.each(result.files, function (index, file) {
- $.ajax({
- url: url + '?file=' + encodeURIComponent(file.name),
- type: 'DELETE'
- });
- });
- });
- };
-
- var lifecycle = {
- setup: function () {
- // Set the .fileupload method to the basic widget method:
- $.widget('blueimp.fileupload', window.testBasicWidget, {});
- },
- teardown: function () {
- // Remove all remaining event listeners:
- $(document).unbind();
- }
- },
- lifecycleUI = {
- setup: function () {
- // Set the .fileupload method to the UI widget method:
- $.widget('blueimp.fileupload', window.testUIWidget, {});
- },
- teardown: function () {
- // Remove all remaining event listeners:
- $(document).unbind();
- }
- };
-
- module('Initialization', lifecycle);
-
- test('Widget initialization', function () {
- var fu = $('#fileupload').fileupload();
- ok(fu.data('blueimp-fileupload') || fu.data('fileupload'));
- });
-
- test('Data attribute options', function () {
- $('#fileupload').attr('data-url', 'http://example.org');
- $('#fileupload').fileupload();
- strictEqual(
- $('#fileupload').fileupload('option', 'url'),
- 'http://example.org'
- );
- });
-
- test('File input initialization', function () {
- var fu = $('#fileupload').fileupload();
- ok(
- fu.fileupload('option', 'fileInput').length,
- 'File input field inside of the widget'
- );
- ok(
- fu.fileupload('option', 'fileInput').length,
- 'Widget element as file input field'
- );
- });
-
- test('Drop zone initialization', function () {
- ok($('#fileupload').fileupload()
- .fileupload('option', 'dropZone').length);
- });
-
- test('Paste zone initialization', function () {
- ok($('#fileupload').fileupload()
- .fileupload('option', 'pasteZone').length);
- });
-
- test('Event listeners initialization', function () {
- expect(
- $.support.xhrFormDataFileUpload ? 4 : 1
- );
- var eo = {
- originalEvent: {
- dataTransfer: {files: [{}], types: ['Files']},
- clipboardData: {items: [{}]}
- }
- },
- fu = $('#fileupload').fileupload({
- dragover: function () {
- ok(true, 'Triggers dragover callback');
- return false;
- },
- drop: function () {
- ok(true, 'Triggers drop callback');
- return false;
- },
- paste: function () {
- ok(true, 'Triggers paste callback');
- return false;
- },
- change: function () {
- ok(true, 'Triggers change callback');
- return false;
- }
- }),
- fileInput = fu.fileupload('option', 'fileInput'),
- dropZone = fu.fileupload('option', 'dropZone'),
- pasteZone = fu.fileupload('option', 'pasteZone');
- fileInput.trigger($.Event('change', eo));
- dropZone.trigger($.Event('dragover', eo));
- dropZone.trigger($.Event('drop', eo));
- pasteZone.trigger($.Event('paste', eo));
- });
-
- module('API', lifecycle);
-
- test('destroy', function () {
- expect(4);
- var eo = {
- originalEvent: {
- dataTransfer: {files: [{}], types: ['Files']},
- clipboardData: {items: [{}]}
- }
- },
- options = {
- dragover: function () {
- ok(true, 'Triggers dragover callback');
- return false;
- },
- drop: function () {
- ok(true, 'Triggers drop callback');
- return false;
- },
- paste: function () {
- ok(true, 'Triggers paste callback');
- return false;
- },
- change: function () {
- ok(true, 'Triggers change callback');
- return false;
- }
- },
- fu = $('#fileupload').fileupload(options),
- fileInput = fu.fileupload('option', 'fileInput'),
- dropZone = fu.fileupload('option', 'dropZone'),
- pasteZone = fu.fileupload('option', 'pasteZone');
- dropZone.bind('dragover', options.dragover);
- dropZone.bind('drop', options.drop);
- pasteZone.bind('paste', options.paste);
- fileInput.bind('change', options.change);
- fu.fileupload('destroy');
- fileInput.trigger($.Event('change', eo));
- dropZone.trigger($.Event('dragover', eo));
- dropZone.trigger($.Event('drop', eo));
- pasteZone.trigger($.Event('paste', eo));
- });
-
- test('disable/enable', function () {
- expect(
- $.support.xhrFormDataFileUpload ? 4 : 1
- );
- var eo = {
- originalEvent: {
- dataTransfer: {files: [{}], types: ['Files']},
- clipboardData: {items: [{}]}
- }
- },
- fu = $('#fileupload').fileupload({
- dragover: function () {
- ok(true, 'Triggers dragover callback');
- return false;
- },
- drop: function () {
- ok(true, 'Triggers drop callback');
- return false;
- },
- paste: function () {
- ok(true, 'Triggers paste callback');
- return false;
- },
- change: function () {
- ok(true, 'Triggers change callback');
- return false;
- }
- }),
- fileInput = fu.fileupload('option', 'fileInput'),
- dropZone = fu.fileupload('option', 'dropZone'),
- pasteZone = fu.fileupload('option', 'pasteZone');
- fu.fileupload('disable');
- fileInput.trigger($.Event('change', eo));
- dropZone.trigger($.Event('dragover', eo));
- dropZone.trigger($.Event('drop', eo));
- pasteZone.trigger($.Event('paste', eo));
- fu.fileupload('enable');
- fileInput.trigger($.Event('change', eo));
- dropZone.trigger($.Event('dragover', eo));
- dropZone.trigger($.Event('drop', eo));
- pasteZone.trigger($.Event('paste', eo));
- });
-
- test('option', function () {
- expect(
- $.support.xhrFormDataFileUpload ? 10 : 7
- );
- var eo = {
- originalEvent: {
- dataTransfer: {files: [{}], types: ['Files']},
- clipboardData: {items: [{}]}
- }
- },
- fu = $('#fileupload').fileupload({
- dragover: function () {
- ok(true, 'Triggers dragover callback');
- return false;
- },
- drop: function () {
- ok(true, 'Triggers drop callback');
- return false;
- },
- paste: function () {
- ok(true, 'Triggers paste callback');
- return false;
- },
- change: function () {
- ok(true, 'Triggers change callback');
- return false;
- }
- }),
- fileInput = fu.fileupload('option', 'fileInput'),
- dropZone = fu.fileupload('option', 'dropZone'),
- pasteZone = fu.fileupload('option', 'pasteZone');
- fu.fileupload('option', 'fileInput', null);
- fu.fileupload('option', 'dropZone', null);
- fu.fileupload('option', 'pasteZone', null);
- fileInput.trigger($.Event('change', eo));
- dropZone.trigger($.Event('dragover', eo));
- dropZone.trigger($.Event('drop', eo));
- pasteZone.trigger($.Event('paste', eo));
- fu.fileupload('option', 'dropZone', 'body');
- strictEqual(
- fu.fileupload('option', 'dropZone')[0],
- document.body,
- 'Allow a query string as parameter for the dropZone option'
- );
- fu.fileupload('option', 'dropZone', document);
- strictEqual(
- fu.fileupload('option', 'dropZone')[0],
- document,
- 'Allow a document element as parameter for the dropZone option'
- );
- fu.fileupload('option', 'pasteZone', 'body');
- strictEqual(
- fu.fileupload('option', 'pasteZone')[0],
- document.body,
- 'Allow a query string as parameter for the pasteZone option'
- );
- fu.fileupload('option', 'pasteZone', document);
- strictEqual(
- fu.fileupload('option', 'pasteZone')[0],
- document,
- 'Allow a document element as parameter for the pasteZone option'
- );
- fu.fileupload('option', 'fileInput', ':file');
- strictEqual(
- fu.fileupload('option', 'fileInput')[0],
- $(':file')[0],
- 'Allow a query string as parameter for the fileInput option'
- );
- fu.fileupload('option', 'fileInput', $(':file')[0]);
- strictEqual(
- fu.fileupload('option', 'fileInput')[0],
- $(':file')[0],
- 'Allow a document element as parameter for the fileInput option'
- );
- fu.fileupload('option', 'fileInput', fileInput);
- fu.fileupload('option', 'dropZone', dropZone);
- fu.fileupload('option', 'pasteZone', pasteZone);
- fileInput.trigger($.Event('change', eo));
- dropZone.trigger($.Event('dragover', eo));
- dropZone.trigger($.Event('drop', eo));
- pasteZone.trigger($.Event('paste', eo));
- });
-
- asyncTest('add', function () {
- expect(2);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- add: function (e, data) {
- strictEqual(
- data.files[0].name,
- param.files[0].name,
- 'Triggers add callback'
- );
- }
- }).fileupload('add', param).fileupload(
- 'option',
- 'add',
- function (e, data) {
- data.submit().complete(function () {
- ok(true, 'data.submit() Returns a jqXHR object');
- start();
- });
- }
- ).fileupload('add', param);
- });
-
- asyncTest('send', function () {
- expect(3);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- send: function (e, data) {
- strictEqual(
- data.files[0].name,
- 'test',
- 'Triggers send callback'
- );
- }
- }).fileupload('send', param).fail(function () {
- ok(true, 'Allows to abort the request');
- }).complete(function () {
- ok(true, 'Returns a jqXHR object');
- start();
- }).abort();
- });
-
- module('Callbacks', lifecycle);
-
- asyncTest('add', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- add: function () {
- ok(true, 'Triggers add callback');
- start();
- }
- }).fileupload('add', param);
- });
-
- asyncTest('submit', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- submit: function () {
- ok(true, 'Triggers submit callback');
- start();
- return false;
- }
- }).fileupload('add', param);
- });
-
- asyncTest('send', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- send: function () {
- ok(true, 'Triggers send callback');
- start();
- return false;
- }
- }).fileupload('send', param);
- });
-
- asyncTest('done', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- done: function () {
- ok(true, 'Triggers done callback');
- start();
- }
- }).fileupload('send', param);
- });
-
- asyncTest('fail', function () {
- expect(1);
- var param = {files: [{name: 'test'}]},
- fu = $('#fileupload').fileupload({
- url: '404',
- fail: function () {
- ok(true, 'Triggers fail callback');
- start();
- }
- });
- (fu.data('blueimp-fileupload') || fu.data('fileupload'))
- ._isXHRUpload = function () {
- return true;
- };
- fu.fileupload('send', param);
- });
-
- asyncTest('always', function () {
- expect(2);
- var param = {files: [{name: 'test'}]},
- counter = 0,
- fu = $('#fileupload').fileupload({
- always: function () {
- ok(true, 'Triggers always callback');
- if (counter === 1) {
- start();
- } else {
- counter += 1;
- }
- }
- });
- (fu.data('blueimp-fileupload') || fu.data('fileupload'))
- ._isXHRUpload = function () {
- return true;
- };
- fu.fileupload('add', param).fileupload(
- 'option',
- 'url',
- '404'
- ).fileupload('add', param);
- });
-
- asyncTest('progress', function () {
- expect(1);
- var param = {files: [{name: 'test'}]},
- counter = 0;
- $('#fileupload').fileupload({
- forceIframeTransport: true,
- progress: function () {
- ok(true, 'Triggers progress callback');
- if (counter === 0) {
- start();
- } else {
- counter += 1;
- }
- }
- }).fileupload('send', param);
- });
-
- asyncTest('progressall', function () {
- expect(1);
- var param = {files: [{name: 'test'}]},
- counter = 0;
- $('#fileupload').fileupload({
- forceIframeTransport: true,
- progressall: function () {
- ok(true, 'Triggers progressall callback');
- if (counter === 0) {
- start();
- } else {
- counter += 1;
- }
- }
- }).fileupload('send', param);
- });
-
- asyncTest('start', function () {
- expect(1);
- var param = {files: [{name: '1'}, {name: '2'}]},
- active = 0;
- $('#fileupload').fileupload({
- send: function () {
- active += 1;
- },
- start: function () {
- ok(!active, 'Triggers start callback before uploads');
- start();
- }
- }).fileupload('send', param);
- });
-
- asyncTest('stop', function () {
- expect(1);
- var param = {files: [{name: '1'}, {name: '2'}]},
- active = 0;
- $('#fileupload').fileupload({
- send: function () {
- active += 1;
- },
- always: function () {
- active -= 1;
- },
- stop: function () {
- ok(!active, 'Triggers stop callback after uploads');
- start();
- }
- }).fileupload('send', param);
- });
-
- test('change', function () {
- var fu = $('#fileupload').fileupload(),
- fuo = fu.data('blueimp-fileupload') || fu.data('fileupload'),
- fileInput = fu.fileupload('option', 'fileInput');
- expect(2);
- fu.fileupload({
- change: function (e, data) {
- ok(true, 'Triggers change callback');
- strictEqual(
- data.files.length,
- 0,
- 'Returns empty files list'
- );
- },
- add: $.noop
- });
- fuo._onChange({
- data: {fileupload: fuo},
- target: fileInput[0]
- });
- });
-
- test('paste', function () {
- var fu = $('#fileupload').fileupload(),
- fuo = fu.data('blueimp-fileupload') || fu.data('fileupload');
- expect(1);
- fu.fileupload({
- paste: function () {
- ok(true, 'Triggers paste callback');
- },
- add: $.noop
- });
- fuo._onPaste({
- data: {fileupload: fuo},
- originalEvent: {
- dataTransfer: {files: [{}]},
- clipboardData: {items: [{}]}
- },
- preventDefault: $.noop
- });
- });
-
- test('drop', function () {
- var fu = $('#fileupload').fileupload(),
- fuo = fu.data('blueimp-fileupload') || fu.data('fileupload');
- expect(1);
- fu.fileupload({
- drop: function () {
- ok(true, 'Triggers drop callback');
- },
- add: $.noop
- });
- fuo._onDrop({
- data: {fileupload: fuo},
- originalEvent: {
- dataTransfer: {files: [{}]},
- clipboardData: {items: [{}]}
- },
- preventDefault: $.noop
- });
- });
-
- test('dragover', function () {
- var fu = $('#fileupload').fileupload(),
- fuo = fu.data('blueimp-fileupload') || fu.data('fileupload');
- expect(1);
- fu.fileupload({
- dragover: function () {
- ok(true, 'Triggers dragover callback');
- },
- add: $.noop
- });
- fuo._onDragOver({
- data: {fileupload: fuo},
- originalEvent: {dataTransfer: {types: ['Files']}},
- preventDefault: $.noop
- });
- });
-
- module('Options', lifecycle);
-
- test('paramName', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- paramName: null,
- send: function (e, data) {
- strictEqual(
- data.paramName[0],
- data.fileInput.prop('name'),
- 'Takes paramName from file input field if not set'
- );
- return false;
- }
- }).fileupload('send', param);
- });
-
- test('url', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- url: null,
- send: function (e, data) {
- strictEqual(
- data.url,
- $(data.fileInput.prop('form')).prop('action'),
- 'Takes url from form action if not set'
- );
- return false;
- }
- }).fileupload('send', param);
- });
-
- test('type', function () {
- expect(2);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- type: null,
- send: function (e, data) {
- strictEqual(
- data.type,
- 'POST',
- 'Request type is "POST" if not set to "PUT"'
- );
- return false;
- }
- }).fileupload('send', param);
- $('#fileupload').fileupload({
- type: 'PUT',
- send: function (e, data) {
- strictEqual(
- data.type,
- 'PUT',
- 'Request type is "PUT" if set to "PUT"'
- );
- return false;
- }
- }).fileupload('send', param);
- });
-
- test('replaceFileInput', function () {
- var fu = $('#fileupload').fileupload(),
- fuo = fu.data('blueimp-fileupload') || fu.data('fileupload'),
- fileInput = fu.fileupload('option', 'fileInput'),
- fileInputElement = fileInput[0];
- expect(2);
- fu.fileupload({
- replaceFileInput: false,
- change: function () {
- strictEqual(
- fu.fileupload('option', 'fileInput')[0],
- fileInputElement,
- 'Keeps file input with replaceFileInput: false'
- );
- },
- add: $.noop
- });
- fuo._onChange({
- data: {fileupload: fuo},
- target: fileInput[0]
- });
- fu.fileupload({
- replaceFileInput: true,
- change: function () {
- notStrictEqual(
- fu.fileupload('option', 'fileInput')[0],
- fileInputElement,
- 'Replaces file input with replaceFileInput: true'
- );
- },
- add: $.noop
- });
- fuo._onChange({
- data: {fileupload: fuo},
- target: fileInput[0]
- });
- });
-
- asyncTest('forceIframeTransport', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- forceIframeTransport: true,
- done: function (e, data) {
- strictEqual(
- data.dataType.substr(0, 6),
- 'iframe',
- 'Iframe Transport is used'
- );
- start();
- }
- }).fileupload('send', param);
- });
-
- test('singleFileUploads', function () {
- expect(3);
- var fu = $('#fileupload').fileupload(),
- param = {files: [{name: '1'}, {name: '2'}]},
- index = 1;
- (fu.data('blueimp-fileupload') || fu.data('fileupload'))
- ._isXHRUpload = function () {
- return true;
- };
- $('#fileupload').fileupload({
- singleFileUploads: true,
- add: function () {
- ok(true, 'Triggers callback number ' + index.toString());
- index += 1;
- }
- }).fileupload('add', param).fileupload(
- 'option',
- 'singleFileUploads',
- false
- ).fileupload('add', param);
- });
-
- test('limitMultiFileUploads', function () {
- expect(3);
- var fu = $('#fileupload').fileupload(),
- param = {files: [
- {name: '1'},
- {name: '2'},
- {name: '3'},
- {name: '4'},
- {name: '5'}
- ]},
- index = 1;
- (fu.data('blueimp-fileupload') || fu.data('fileupload'))
- ._isXHRUpload = function () {
- return true;
- };
- $('#fileupload').fileupload({
- singleFileUploads: false,
- limitMultiFileUploads: 2,
- add: function () {
- ok(true, 'Triggers callback number ' + index.toString());
- index += 1;
- }
- }).fileupload('add', param);
- });
-
- test('limitMultiFileUploadSize', function () {
- expect(7);
- var fu = $('#fileupload').fileupload(),
- param = {files: [
- {name: '1-1', size: 100000},
- {name: '1-2', size: 40000},
- {name: '2-1', size: 100000},
- {name: '3-1', size: 50000},
- {name: '3-2', size: 40000},
- {name: '4-1', size: 45000} // New request due to limitMultiFileUploads
- ]},
- param2 = {files: [
- {name: '5-1'},
- {name: '5-2'},
- {name: '6-1'},
- {name: '6-2'},
- {name: '7-1'}
- ]},
- index = 1;
- (fu.data('blueimp-fileupload') || fu.data('fileupload'))
- ._isXHRUpload = function () {
- return true;
- };
- $('#fileupload').fileupload({
- singleFileUploads: false,
- limitMultiFileUploads: 2,
- limitMultiFileUploadSize: 150000,
- limitMultiFileUploadSizeOverhead: 5000,
- add: function () {
- ok(true, 'Triggers callback number ' + index.toString());
- index += 1;
- }
- }).fileupload('add', param).fileupload('add', param2);
- });
-
- asyncTest('sequentialUploads', function () {
- expect(6);
- var param = {files: [
- {name: '1'},
- {name: '2'},
- {name: '3'},
- {name: '4'},
- {name: '5'},
- {name: '6'}
- ]},
- addIndex = 0,
- sendIndex = 0,
- loadIndex = 0,
- fu = $('#fileupload').fileupload({
- sequentialUploads: true,
- add: function (e, data) {
- addIndex += 1;
- if (addIndex === 4) {
- data.submit().abort();
- } else {
- data.submit();
- }
- },
- send: function () {
- sendIndex += 1;
- },
- done: function () {
- loadIndex += 1;
- strictEqual(sendIndex, loadIndex, 'upload in order');
- },
- fail: function (e, data) {
- strictEqual(data.errorThrown, 'abort', 'upload aborted');
- },
- stop: function () {
- start();
- }
- });
- (fu.data('blueimp-fileupload') || fu.data('fileupload'))
- ._isXHRUpload = function () {
- return true;
- };
- fu.fileupload('add', param);
- });
-
- asyncTest('limitConcurrentUploads', function () {
- expect(12);
- var param = {files: [
- {name: '1'},
- {name: '2'},
- {name: '3'},
- {name: '4'},
- {name: '5'},
- {name: '6'},
- {name: '7'},
- {name: '8'},
- {name: '9'},
- {name: '10'},
- {name: '11'},
- {name: '12'}
- ]},
- addIndex = 0,
- sendIndex = 0,
- loadIndex = 0,
- fu = $('#fileupload').fileupload({
- limitConcurrentUploads: 3,
- add: function (e, data) {
- addIndex += 1;
- if (addIndex === 4) {
- data.submit().abort();
- } else {
- data.submit();
- }
- },
- send: function () {
- sendIndex += 1;
- },
- done: function () {
- loadIndex += 1;
- ok(sendIndex - loadIndex < 3);
- },
- fail: function (e, data) {
- strictEqual(data.errorThrown, 'abort', 'upload aborted');
- },
- stop: function () {
- start();
- }
- });
- (fu.data('blueimp-fileupload') || fu.data('fileupload'))
- ._isXHRUpload = function () {
- return true;
- };
- fu.fileupload('add', param);
- });
-
- if ($.support.xhrFileUpload) {
- asyncTest('multipart', function () {
- expect(2);
- var param = {files: [{
- name: 'test.png',
- size: 123,
- type: 'image/png'
- }]},
- fu = $('#fileupload').fileupload({
- multipart: false,
- always: function (e, data) {
- strictEqual(
- data.contentType,
- param.files[0].type,
- 'non-multipart upload sets file type as contentType'
- );
- strictEqual(
- data.headers['Content-Disposition'],
- 'attachment; filename="' + param.files[0].name + '"',
- 'non-multipart upload sets Content-Disposition header'
- );
- start();
- }
- });
- fu.fileupload('send', param);
- });
- }
-
- module('UI Initialization', lifecycleUI);
-
- test('Widget initialization', function () {
- var fu = $('#fileupload').fileupload();
- ok(fu.data('blueimp-fileupload') || fu.data('fileupload'));
- ok(
- $('#fileupload').fileupload('option', 'uploadTemplate').length,
- 'Initialized upload template'
- );
- ok(
- $('#fileupload').fileupload('option', 'downloadTemplate').length,
- 'Initialized download template'
- );
- });
-
- test('Buttonbar event listeners', function () {
- var buttonbar = $('#fileupload .fileupload-buttonbar'),
- files = [{name: 'test'}];
- expect(4);
- $('#fileupload').fileupload({
- send: function () {
- ok(true, 'Started file upload via global start button');
- },
- fail: function (e, data) {
- ok(true, 'Canceled file upload via global cancel button');
- data.context.remove();
- },
- destroy: function () {
- ok(true, 'Delete action called via global delete button');
- }
- });
- $('#fileupload').fileupload('add', {files: files});
- buttonbar.find('.cancel').click();
- $('#fileupload').fileupload('add', {files: files});
- buttonbar.find('.start').click();
- buttonbar.find('.cancel').click();
- files[0].deleteUrl = 'http://example.org/banana.jpg';
- ($('#fileupload').data('blueimp-fileupload') ||
- $('#fileupload').data('fileupload'))
- ._renderDownload(files)
- .appendTo($('#fileupload .files')).show()
- .find('.toggle').click();
- buttonbar.find('.delete').click();
- });
-
- module('UI API', lifecycleUI);
-
- test('destroy', function () {
- var buttonbar = $('#fileupload .fileupload-buttonbar'),
- files = [{name: 'test'}];
- expect(1);
- $('#fileupload').fileupload({
- send: function () {
- ok(true, 'This test should not run');
- return false;
- }
- })
- .fileupload('add', {files: files})
- .fileupload('destroy');
- buttonbar.find('.start').click(function () {
- ok(true, 'Clicked global start button');
- return false;
- }).click();
- });
-
- test('disable/enable', function () {
- var buttonbar = $('#fileupload .fileupload-buttonbar');
- $('#fileupload').fileupload();
- $('#fileupload').fileupload('disable');
- strictEqual(
- buttonbar.find('input[type=file], button').not(':disabled').length,
- 0,
- 'Disables the buttonbar buttons'
- );
- $('#fileupload').fileupload('enable');
- strictEqual(
- buttonbar.find('input[type=file], button').not(':disabled').length,
- 4,
- 'Enables the buttonbar buttons'
- );
- });
-
- module('UI Callbacks', lifecycleUI);
-
- test('destroy', function () {
- expect(3);
- $('#fileupload').fileupload({
- destroy: function (e, data) {
- ok(true, 'Triggers destroy callback');
- strictEqual(
- data.url,
- 'test',
- 'Passes over deletion url parameter'
- );
- strictEqual(
- data.type,
- 'DELETE',
- 'Passes over deletion request type parameter'
- );
- }
- });
- ($('#fileupload').data('blueimp-fileupload') ||
- $('#fileupload').data('fileupload'))
- ._renderDownload([{
- name: 'test',
- deleteUrl: 'test',
- deleteType: 'DELETE'
- }])
- .appendTo($('#fileupload .files'))
- .show()
- .find('.toggle').click();
- $('#fileupload .fileupload-buttonbar .delete').click();
- });
-
- asyncTest('added', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- added: function (e, data) {
- start();
- strictEqual(
- data.files[0].name,
- param.files[0].name,
- 'Triggers added callback'
- );
- },
- send: function () {
- return false;
- }
- }).fileupload('add', param);
- });
-
- asyncTest('started', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- started: function () {
- start();
- ok('Triggers started callback');
- return false;
- },
- sent: function () {
- return false;
- }
- }).fileupload('send', param);
- });
-
- asyncTest('sent', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- sent: function (e, data) {
- start();
- strictEqual(
- data.files[0].name,
- param.files[0].name,
- 'Triggers sent callback'
- );
- return false;
- }
- }).fileupload('send', param);
- });
-
- asyncTest('completed', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- completed: function () {
- start();
- ok('Triggers completed callback');
- return false;
- }
- }).fileupload('send', param);
- });
-
- asyncTest('failed', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- failed: function () {
- start();
- ok('Triggers failed callback');
- return false;
- }
- }).fileupload('send', param).abort();
- });
-
- asyncTest('stopped', function () {
- expect(1);
- var param = {files: [{name: 'test'}]};
- $('#fileupload').fileupload({
- stopped: function () {
- start();
- ok('Triggers stopped callback');
- return false;
- }
- }).fileupload('send', param);
- });
-
- asyncTest('destroyed', function () {
- expect(1);
- $('#fileupload').fileupload({
- dataType: 'html',
- destroyed: function () {
- start();
- ok(true, 'Triggers destroyed callback');
- }
- });
- ($('#fileupload').data('blueimp-fileupload') ||
- $('#fileupload').data('fileupload'))
- ._renderDownload([{
- name: 'test',
- deleteUrl: '.',
- deleteType: 'GET'
- }])
- .appendTo($('#fileupload .files'))
- .show()
- .find('.toggle').click();
- $('#fileupload .fileupload-buttonbar .delete').click();
- });
-
- module('UI Options', lifecycleUI);
-
- test('autoUpload', function () {
- expect(1);
- $('#fileupload')
- .fileupload({
- autoUpload: true,
- send: function () {
- ok(true, 'Started file upload automatically');
- return false;
- }
- })
- .fileupload('add', {files: [{name: 'test'}]})
- .fileupload('option', 'autoUpload', false)
- .fileupload('add', {files: [{name: 'test'}]});
- });
-
- test('maxNumberOfFiles', function () {
- expect(3);
- var addIndex = 0,
- sendIndex = 0;
- $('#fileupload')
- .fileupload({
- autoUpload: true,
- maxNumberOfFiles: 3,
- singleFileUploads: false,
- send: function () {
- strictEqual(
- sendIndex += 1,
- addIndex
- );
- },
- progress: $.noop,
- progressall: $.noop,
- done: $.noop,
- stop: $.noop
- })
- .fileupload('add', {files: [{name: (addIndex += 1)}]})
- .fileupload('add', {files: [{name: (addIndex += 1)}]})
- .fileupload('add', {files: [{name: (addIndex += 1)}]})
- .fileupload('add', {files: [{name: 'test'}]});
- });
-
- test('maxFileSize', function () {
- expect(2);
- var addIndex = 0,
- sendIndex = 0;
- $('#fileupload')
- .fileupload({
- autoUpload: true,
- maxFileSize: 1000,
- send: function () {
- strictEqual(
- sendIndex += 1,
- addIndex
- );
- return false;
- }
- })
- .fileupload('add', {files: [{
- name: (addIndex += 1)
- }]})
- .fileupload('add', {files: [{
- name: (addIndex += 1),
- size: 999
- }]})
- .fileupload('add', {files: [{
- name: 'test',
- size: 1001
- }]})
- .fileupload({
- send: function (e, data) {
- ok(
- !$.blueimp.fileupload.prototype.options
- .send.call(this, e, data)
- );
- return false;
- }
- });
- });
-
- test('minFileSize', function () {
- expect(2);
- var addIndex = 0,
- sendIndex = 0;
- $('#fileupload')
- .fileupload({
- autoUpload: true,
- minFileSize: 1000,
- send: function () {
- strictEqual(
- sendIndex += 1,
- addIndex
- );
- return false;
- }
- })
- .fileupload('add', {files: [{
- name: (addIndex += 1)
- }]})
- .fileupload('add', {files: [{
- name: (addIndex += 1),
- size: 1001
- }]})
- .fileupload('add', {files: [{
- name: 'test',
- size: 999
- }]})
- .fileupload({
- send: function (e, data) {
- ok(
- !$.blueimp.fileupload.prototype.options
- .send.call(this, e, data)
- );
- return false;
- }
- });
- });
-
- test('acceptFileTypes', function () {
- expect(2);
- var addIndex = 0,
- sendIndex = 0;
- $('#fileupload')
- .fileupload({
- autoUpload: true,
- acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
- disableImageMetaDataLoad: true,
- send: function () {
- strictEqual(
- sendIndex += 1,
- addIndex
- );
- return false;
- }
- })
- .fileupload('add', {files: [{
- name: (addIndex += 1) + '.jpg'
- }]})
- .fileupload('add', {files: [{
- name: (addIndex += 1),
- type: 'image/jpeg'
- }]})
- .fileupload('add', {files: [{
- name: 'test.txt',
- type: 'text/plain'
- }]})
- .fileupload({
- send: function (e, data) {
- ok(
- !$.blueimp.fileupload.prototype.options
- .send.call(this, e, data)
- );
- return false;
- }
- });
- });
-
- test('acceptFileTypes as HTML5 data attribute', function () {
- expect(2);
- var regExp = /(\.|\/)(gif|jpe?g|png)$/i;
- $('#fileupload')
- .attr('data-accept-file-types', regExp.toString())
- .fileupload();
- strictEqual(
- $.type($('#fileupload').fileupload('option', 'acceptFileTypes')),
- $.type(regExp)
- );
- strictEqual(
- $('#fileupload').fileupload('option', 'acceptFileTypes').toString(),
- regExp.toString()
- );
- });
-
-});