' ) );
assert.ok( progressBar, 'ProgressBar created sccessfully' );
assert.strictEqual( progressBar.$progress.hasClass( 'empty' ), true, 'ProgressBar starts empty' );
} );
QUnit.test( 'animateTo()', function ( assert ) {
var $qf = $( '#qunit-fixture' ),
$div = $( '
' ).css( { width: 250, position: 'relative' } ).appendTo( $qf ),
progress = new mw.mmv.ui.ProgressBar( $div );
assert.strictEqual( progress.$progress.hasClass( 'empty' ), true, '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.strictEqual( progress.$progress.hasClass( 'empty' ), false, '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.strictEqual( progress.$progress.hasClass( 'empty' ), true, '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 = $( '
' ).css( { width: 250, position: 'relative' } ).appendTo( $qf ),
progress = new mw.mmv.ui.ProgressBar( $div );
assert.strictEqual( progress.$progress.hasClass( 'empty' ), true, 'Progress bar is hidden' );
assert.strictEqual( progress.$percent.width(), 0, 'Progress bar\'s indicator is at 0' );
progress.jumpTo( 50 );
assert.strictEqual( progress.$progress.hasClass( 'empty' ), false, 'Progress bar is visible' );
assert.strictEqual( progress.$percent.width(), 125, 'Progress bar\'s indicator is at half' );
progress.hide();
assert.strictEqual( progress.$progress.hasClass( 'empty' ), true, 'Progress bar is hidden' );
assert.strictEqual( progress.$percent.width(), 0, 'Progress bar\'s indicator is at 0' );
} );
}() );