1 files changed, 77 insertions, 0 deletions
diff --git a/www/wiki/extensions/MultimediaViewer/tests/qunit/mmv/ui/mmv.ui.progressBar.test.js b/www/wiki/extensions/MultimediaViewer/tests/qunit/mmv/ui/mmv.ui.progressBar.test.js
new file mode 100644
index 00000000..5b3bd3d0
--- /dev/null
+++ b/www/wiki/extensions/MultimediaViewer/tests/qunit/mmv/ui/mmv.ui.progressBar.test.js
@@ -0,0 +1,77 @@
+/*
+ * This file is part of the MediaWiki extension MediaViewer.
+ *
+ * MediaViewer is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * MediaViewer is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with MediaViewer.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+( function ( mw, $ ) {
+	QUnit.module( 'mmv.ui.ProgressBar', QUnit.newMwEnvironment() );
+
+	QUnit.test( 'Constructor sanity check', function ( assert ) {
+		var progressBar = new mw.mmv.ui.ProgressBar( $( '<div>' ) );
+		assert.ok( progressBar, 'ProgressBar created sccessfully' );
+		assert.ok( progressBar.$progress.hasClass( 'empty' ), 'ProgressBar starts empty' );
+	} );
+
+	QUnit.test( 'animateTo()', function ( assert ) {
+		var $qf = $( '#qunit-fixture' ),
+			$div = $( '<div>' ).css( { width: 250, position: 'relative' } ).appendTo( $qf ),
+			progress = new mw.mmv.ui.ProgressBar( $div );
+
+		assert.ok( progress.$progress.hasClass( 'empty' ), 'Progress bar is hidden' );
+		assert.strictEqual( progress.$percent.width(), 0, 'Progress bar\'s indicator is at 0' );
+
+		this.sandbox.stub( $.fn, 'animate', function ( target ) {
+			$( this ).css( target );
+			assert.strictEqual( target.width, '50%', 'Animation should go to 50%' );
+		} );
+		progress.animateTo( 50 );
+		assert.ok( !progress.$progress.hasClass( 'empty' ), 'Progress bar is visible' );
+
+		assert.strictEqual( progress.$percent.width(), 125, 'Progress bar\'s indicator is at half' );
+
+		$.fn.animate.restore();
+		this.sandbox.stub( $.fn, 'animate', function ( target, duration, transition, callback ) {
+			$( this ).css( target );
+
+			assert.strictEqual( target.width, '100%', 'Animation should go to 100%' );
+
+			if ( callback !== undefined ) {
+				callback();
+			}
+		} );
+		progress.animateTo( 100 );
+		assert.ok( progress.$progress.hasClass( 'empty' ), 'Progress bar is hidden' );
+		assert.strictEqual( progress.$percent.width(), 0, 'Progress bar\'s indicator is at 0' );
+	} );
+
+	QUnit.test( 'jumpTo()/hide()', function ( assert ) {
+		var $qf = $( '#qunit-fixture' ),
+			$div = $( '<div>' ).css( { width: 250, position: 'relative' } ).appendTo( $qf ),
+			progress = new mw.mmv.ui.ProgressBar( $div );
+
+		assert.ok( progress.$progress.hasClass( 'empty' ), 'Progress bar is hidden' );
+		assert.strictEqual( progress.$percent.width(), 0, 'Progress bar\'s indicator is at 0' );
+
+		progress.jumpTo( 50 );
+
+		assert.ok( !progress.$progress.hasClass( 'empty' ), 'Progress bar is visible' );
+		assert.strictEqual( progress.$percent.width(), 125, 'Progress bar\'s indicator is at half' );
+
+		progress.hide();
+
+		assert.ok( progress.$progress.hasClass( 'empty' ), 'Progress bar is hidden' );
+		assert.strictEqual( progress.$percent.width(), 0, 'Progress bar\'s indicator is at 0' );
+	} );
+}( mediaWiki, jQuery ) );