mediawiki-extensions-Multim.../tests/qunit/mmv/ui/mmv.ui.download.pane.test.js
Ed Sanders 9ad112910c Avoid jQuery event aliases
Use #on for event binding and #trigger for event firing.

Change-Id: I75ca1cfac8419204399e27941c9f424664b56113
2018-05-11 18:46:50 +00:00

165 lines
6.4 KiB
JavaScript

/*
* This file is part of the MediaWiki extension MultimediaViewer.
*
* MultimediaViewer 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.
*
* MultimediaViewer 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 MultimediaViewer. If not, see <http://www.gnu.org/licenses/>.
*/
( function ( mw, $ ) {
QUnit.module( 'mmv.ui.download.pane', QUnit.newMwEnvironment() );
QUnit.test( 'Sanity test, object creation and UI construction', function ( assert ) {
var download = new mw.mmv.ui.download.Pane( $( '#qunit-fixture' ) );
assert.ok( download, 'download UI element is created.' );
assert.strictEqual( download.$pane.length, 1, 'Pane div created.' );
assert.ok( download.$downloadButton && download.$selectionArrow, 'Download button created.' );
assert.ok( download.downloadSizeMenu, 'Image size pulldown menu created.' );
assert.ok( download.$previewLink, 'Preview link created.' );
assert.ok( download.defaultItem, 'Default item set.' );
assert.strictEqual( download.$downloadButton.html(), '', 'Button has empty content.' );
assert.strictEqual( download.$downloadButton.attr( 'href' ), undefined, 'Button href is empty.' );
assert.strictEqual( download.$previewLink.attr( 'href' ), undefined, 'Preview link href is empty.' );
} );
QUnit.test( 'set()/empty():', function ( assert ) {
var download = new mw.mmv.ui.download.Pane( $( '#qunit-fixture' ) ),
src = 'https://upload.wikimedia.org/wikipedia/commons/3/3a/Foobar.jpg',
image = { // fake mw.mmv.model.Image
title: new mw.Title( 'File:Foobar.jpg' ),
url: src
};
assert.strictEqual( download.imageExtension, undefined, 'Image extension is not set.' );
download.utils.updateMenuOptions = function () {
assert.ok( true, 'Menu options updated.' );
};
download.downloadSizeMenu.getMenu().selectItem = function () {
assert.ok( true, 'Default item selected to update the labels.' );
};
download.set( image );
assert.strictEqual( download.imageExtension, 'jpg', 'Image extension is set correctly.' );
download.empty();
assert.strictEqual( download.imageExtension, undefined, 'Image extension is not set.' );
} );
QUnit.test( 'attach()/unattach():', function ( assert ) {
var hsstub, tstub,
download = new mw.mmv.ui.download.Pane( $( '#qunit-fixture' ) ),
image = {
title: new mw.Title( 'File:Foobar.jpg' ),
url: 'https://upload.wikimedia.org/wikipedia/commons/3/3a/Foobar.jpg'
};
download.set( image );
hsstub = this.sandbox.stub( download, 'handleSizeSwitch' );
tstub = this.sandbox.stub( download.downloadSizeMenu.getMenu(), 'toggle' );
// Triggering action events before attaching should do nothing
download.downloadSizeMenu.getMenu().emit(
'choose', download.downloadSizeMenu.getMenu().findSelectedItem() );
download.$selectionArrow.trigger( 'click' );
assert.ok( !hsstub.called, 'handleSizeSwitch not called' );
assert.ok( !tstub.called, 'Menu selection did not happen' );
hsstub.reset();
tstub.reset();
download.attach();
// Action events should be handled now
download.downloadSizeMenu.getMenu().emit(
'choose', download.downloadSizeMenu.getMenu().findSelectedItem() );
download.$selectionArrow.trigger( 'click' );
assert.ok( hsstub.called, 'handleSizeSwitch was called' );
assert.ok( tstub.called, 'Menu selection happened' );
hsstub.reset();
tstub.reset();
download.unattach();
// Triggering action events now that we are unattached should do nothing
download.downloadSizeMenu.getMenu().emit(
'choose', download.downloadSizeMenu.getMenu().findSelectedItem() );
download.$selectionArrow.trigger( 'click' );
assert.ok( !hsstub.called, 'handleSizeSwitch not called' );
assert.ok( !tstub.called, 'Menu selection did not happen' );
} );
QUnit.test( 'handleSizeSwitch():', function ( assert ) {
var download = new mw.mmv.ui.download.Pane( $( '#qunit-fixture' ) ),
newImageUrl = 'https://upload.wikimedia.org/wikipedia/commons/3/3a/NewFoobar.jpg';
download.utils.getThumbnailUrlPromise = function () {
return $.Deferred().resolve( { url: newImageUrl } ).promise();
};
download.setDownloadUrl = function ( url ) {
assert.strictEqual( url, newImageUrl, 'URL passed to setDownloadUrl is correct' );
};
download.handleSizeSwitch( download.downloadSizeMenu.getMenu().findSelectedItem() );
assert.ok( download.$downloadButton.html().match( /original.*/ ), 'Button message updated.' );
download.image = { url: newImageUrl };
download.utils.getThumbnailUrlPromise = function () {
assert.ok( false, 'Should not fetch the thumbnail if the image is original size.' );
};
download.handleSizeSwitch( download.downloadSizeMenu.getMenu().findSelectedItem() );
} );
QUnit.test( 'setButtonText() sanity check:', function ( assert ) {
var download = new mw.mmv.ui.download.Pane( $( '#qunit-fixture' ) ),
message;
download.setButtonText( 'large', 'jpg', 100, 200 );
assert.ok( true, 'Setting the text did not cause any errors' );
message = download.$downloadButton.html();
download.setButtonText( 'small', 'png', 1000, 2000 );
assert.notStrictEqual( download.$downloadButton.html(), message, 'Button text was updated' );
} );
QUnit.test( 'getExtensionFromUrl():', function ( assert ) {
var download = new mw.mmv.ui.download.Pane( $( '#qunit-fixture' ) );
assert.strictEqual( download.getExtensionFromUrl( 'http://example.com/bing/foo.bar.png' ),
'png', 'Extension is parsed correctly' );
} );
QUnit.test( 'setDownloadUrl', function ( assert ) {
var download = new mw.mmv.ui.download.Pane( $( '#qunit-fixture' ) ),
imageUrl = 'https://upload.wikimedia.org/wikipedia/commons/3/3a/NewFoobar.jpg';
download.setDownloadUrl( imageUrl );
assert.strictEqual( download.$downloadButton.attr( 'href' ), imageUrl + '?download', 'Download link is set correctly.' );
assert.strictEqual( download.$previewLink.attr( 'href' ), imageUrl, 'Preview link is set correctly.' );
assert.ok( !download.$downloadButton.hasClass( 'disabledLink' ), 'Download link is enabled.' );
} );
}( mediaWiki, jQuery ) );