mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-12-25 06:04:13 +00:00
147b576b57
composer:
* mediawiki/mediawiki-phan-config: 0.12.1 → 0.14.0
npm:
* eslint-config-wikimedia: 0.25.1 → 0.26.0
The following rules are failing and were disabled:
* resources:
* es-x/no-resizable-and-growable-arraybuffers
* tests/qunit:
* es-x/no-resizable-and-growable-arraybuffers
* grunt-banana-checker: 0.11.0 → 0.11.1
Change-Id: Ief610bdadaccd2325cd1b8a2cae70b7e465d8b76
405 lines
14 KiB
JavaScript
405 lines
14 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/>.
|
|
*/
|
|
|
|
const { Embed } = require( 'mmv.ui.reuse.shareembed' );
|
|
|
|
( function () {
|
|
const $qf = $( '#qunit-fixture' );
|
|
|
|
QUnit.module( 'mmv.ui.reuse.Embed', QUnit.newMwEnvironment() );
|
|
|
|
QUnit.test( 'Sense test, object creation and UI construction', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
|
|
assert.true( embed instanceof Embed, 'Embed UI element is created.' );
|
|
assert.strictEqual( embed.$pane.length, 1, 'Pane div is created.' );
|
|
assert.true( embed.embedTextHtml instanceof OO.ui.Element, 'Html snipped text area created.' );
|
|
assert.true( embed.embedTextWikitext instanceof OO.ui.Element, 'Wikitext snipped text area created.' );
|
|
assert.true( embed.embedSwitch instanceof OO.ui.Element, 'Snipped selection buttons created.' );
|
|
assert.true( embed.embedSizeSwitchWikitext instanceof OO.ui.Element, 'Size selection menu for wikitext created.' );
|
|
assert.true( embed.embedSizeSwitchHtml instanceof OO.ui.Element, 'Size selection menu for html created.' );
|
|
assert.true( embed.currentMainEmbedText instanceof OO.ui.Element, 'Current text area created.' );
|
|
assert.strictEqual( embed.isSizeMenuDefaultReset, false, 'Reset flag intialized correctly.' );
|
|
assert.true( embed.defaultHtmlItem instanceof OO.ui.Element, 'Default item for html size selection intialized.' );
|
|
assert.true( embed.defaultWikitextItem instanceof OO.ui.Element, 'Default item for wikitext size selection intialized.' );
|
|
assert.true( embed.currentSizeMenu instanceof OO.ui.Element, 'Current size menu intialized.' );
|
|
assert.true( embed.currentDefaultItem instanceof OO.ui.Element, 'Current default item intialized.' );
|
|
} );
|
|
|
|
QUnit.test( 'changeSize(): Skip if no item selected.', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const width = 10;
|
|
const height = 20;
|
|
|
|
assert.expect( 0 );
|
|
|
|
// deselect items
|
|
embed.embedSwitch.selectItem();
|
|
|
|
embed.updateEmbedHtml = function () {
|
|
assert.true( false, 'No item selected, this should not have been called.' );
|
|
};
|
|
embed.updateEmbedWikitext = function () {
|
|
assert.true( false, 'No item selected, this should not have been called.' );
|
|
};
|
|
|
|
embed.changeSize( width, height );
|
|
} );
|
|
|
|
QUnit.test( 'changeSize(): HTML size menu item selected.', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const width = 10;
|
|
const height = 20;
|
|
|
|
embed.embedSwitch.findSelectedItem = function () {
|
|
return { getData: () => 'html' };
|
|
};
|
|
embed.updateEmbedHtml = function ( thumb, w, h ) {
|
|
assert.strictEqual( thumb.url, undefined, 'Empty thumbnail passed.' );
|
|
assert.strictEqual( w, width, 'Correct width passed.' );
|
|
assert.strictEqual( h, height, 'Correct height passed.' );
|
|
};
|
|
embed.updateEmbedWikitext = function () {
|
|
assert.true( false, 'Dealing with HTML menu, this should not have been called.' );
|
|
};
|
|
embed.select = function () {
|
|
assert.true( true, 'Item selected after update.' );
|
|
};
|
|
|
|
embed.changeSize( width, height );
|
|
} );
|
|
|
|
QUnit.test( 'changeSize(): Wikitext size menu item selected.', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const width = 10;
|
|
const height = 20;
|
|
|
|
embed.embedSwitch.findSelectedItem = function () {
|
|
return { getData: () => 'wikitext' };
|
|
};
|
|
embed.updateEmbedHtml = function () {
|
|
assert.true( false, 'Dealing with wikitext menu, this should not have been called.' );
|
|
};
|
|
embed.updateEmbedWikitext = function ( w ) {
|
|
assert.strictEqual( w, width, 'Correct width passed.' );
|
|
};
|
|
embed.select = function () {
|
|
assert.true( true, 'Item selected after update.' );
|
|
};
|
|
|
|
embed.changeSize( width, height );
|
|
} );
|
|
|
|
QUnit.test( 'updateEmbedHtml(): Do nothing if set() not called before.', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const width = 10;
|
|
const height = 20;
|
|
|
|
assert.expect( 0 );
|
|
|
|
embed.formatter.getThumbnailHtml = function () {
|
|
assert.true( false, 'formatter.getThumbnailHtml() should not have been called.' );
|
|
};
|
|
embed.updateEmbedHtml( {}, width, height );
|
|
} );
|
|
|
|
QUnit.test( 'updateEmbedHtml():', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const url = 'https://upload.wikimedia.org/wikipedia/commons/3/3a/Foobar.jpg';
|
|
const thumbUrl = 'https://upload.wikimedia.org/wikipedia/thumb/Foobar.jpg';
|
|
const imageInfo = { url: url };
|
|
const repoInfo = {};
|
|
const caption = '-';
|
|
const info = {
|
|
imageInfo: imageInfo,
|
|
repoInfo: repoInfo,
|
|
caption: caption
|
|
};
|
|
let width = 10;
|
|
const height = 20;
|
|
|
|
embed.set( imageInfo, repoInfo, caption );
|
|
|
|
// Small image, no thumbnail info is passed
|
|
embed.formatter.getThumbnailHtml = function ( i, u, w, h ) {
|
|
assert.deepEqual( i, info, 'Info passed correctly.' );
|
|
assert.strictEqual( u, url, 'Image URL passed correctly.' );
|
|
assert.strictEqual( w, width, 'Correct width passed.' );
|
|
assert.strictEqual( h, height, 'Correct height passed.' );
|
|
};
|
|
embed.updateEmbedHtml( {}, width, height );
|
|
|
|
// Small image, thumbnail info present
|
|
embed.formatter.getThumbnailHtml = function ( i, u ) {
|
|
assert.strictEqual( u, thumbUrl, 'Image src passed correctly.' );
|
|
};
|
|
embed.updateEmbedHtml( { url: thumbUrl }, width, height );
|
|
|
|
// Big image, thumbnail info present
|
|
embed.formatter.getThumbnailHtml = function ( i, u ) {
|
|
assert.strictEqual( u, url, 'Image src passed correctly.' );
|
|
};
|
|
width = 1300;
|
|
embed.updateEmbedHtml( { url: thumbUrl }, width, height );
|
|
} );
|
|
|
|
QUnit.test( 'updateEmbedWikitext(): Do nothing if set() not called before.', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const width = 10;
|
|
|
|
assert.expect( 0 );
|
|
|
|
embed.formatter.getThumbnailWikitext = function () {
|
|
assert.true( false, 'formatter.getThumbnailWikitext() should not have been called.' );
|
|
};
|
|
embed.updateEmbedWikitext( width );
|
|
} );
|
|
|
|
QUnit.test( 'updateEmbedWikitext():', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const imageInfo = {};
|
|
const repoInfo = {};
|
|
const caption = '-';
|
|
const info = {
|
|
imageInfo: imageInfo,
|
|
repoInfo: repoInfo,
|
|
caption: caption
|
|
};
|
|
const width = 10;
|
|
|
|
embed.set( imageInfo, repoInfo, caption );
|
|
|
|
embed.formatter.getThumbnailWikitextFromEmbedFileInfo = function ( i, w ) {
|
|
assert.deepEqual( i, info, 'EmbedFileInfo passed correctly.' );
|
|
assert.strictEqual( w, width, 'Width passed correctly.' );
|
|
};
|
|
embed.updateEmbedWikitext( width );
|
|
} );
|
|
|
|
QUnit.test( 'getPossibleImageSizesForWikitext()', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const exampleSizes = [
|
|
// Big wide image
|
|
{
|
|
width: 2048, height: 1536,
|
|
expected: {
|
|
small: { width: 300, height: 225 },
|
|
medium: { width: 400, height: 300 },
|
|
large: { width: 500, height: 375 },
|
|
default: { width: null, height: null }
|
|
}
|
|
},
|
|
|
|
// Big tall image
|
|
{
|
|
width: 201, height: 1536,
|
|
expected: {
|
|
default: { width: null, height: null }
|
|
}
|
|
},
|
|
|
|
// Very small image
|
|
{
|
|
width: 15, height: 20,
|
|
expected: {
|
|
default: { width: null, height: null }
|
|
}
|
|
}
|
|
];
|
|
for ( let i = 0; i < exampleSizes.length; i++ ) {
|
|
const cursize = exampleSizes[ i ];
|
|
const opts = embed.getPossibleImageSizesForWikitext( cursize.width, cursize.height );
|
|
assert.deepEqual( opts, cursize.expected, 'We got the expected results out of the size calculation function.' );
|
|
}
|
|
} );
|
|
|
|
QUnit.test( 'set():', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const title = mw.Title.newFromText( 'File:Foobar.jpg' );
|
|
const src = 'https://upload.wikimedia.org/wikipedia/commons/3/3a/Foobar.jpg';
|
|
const url = 'https://commons.wikimedia.org/wiki/File:Foobar.jpg';
|
|
const embedFileInfo = {
|
|
imageInfo: title,
|
|
repoInfo: src,
|
|
caption: url
|
|
};
|
|
let calledSelect = false;
|
|
const width = 15;
|
|
const height = 20;
|
|
|
|
embed.utils.updateMenuOptions = function ( sizes, options ) {
|
|
assert.strictEqual( options.length, 4, 'Options passed correctly.' );
|
|
};
|
|
embed.resetCurrentSizeMenuToDefault = function () {
|
|
assert.true( true, 'resetCurrentSizeMenuToDefault() is called.' );
|
|
};
|
|
embed.utils.getThumbnailUrlPromise = function () {
|
|
return $.Deferred().resolve().promise();
|
|
};
|
|
embed.updateEmbedHtml = function () {
|
|
assert.true( true, 'updateEmbedHtml() is called after data is collected.' );
|
|
};
|
|
embed.select = function () {
|
|
calledSelect = true;
|
|
};
|
|
|
|
assert.false( $.isPlainObject( embed.embedFileInfo ), 'embedFileInfo not set yet.' );
|
|
|
|
embed.set( { width: width, height: height }, embedFileInfo );
|
|
|
|
assert.true( $.isPlainObject( embed.embedFileInfo ), 'embedFileInfo set.' );
|
|
assert.strictEqual( embed.isSizeMenuDefaultReset, false, 'Reset flag cleared.' );
|
|
assert.strictEqual( calledSelect, true, 'select() is called' );
|
|
} );
|
|
|
|
QUnit.test( 'empty():', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const width = 15;
|
|
const height = 20;
|
|
|
|
embed.formatter = {
|
|
getThumbnailWikitextFromEmbedFileInfo: function () {
|
|
return 'wikitext';
|
|
},
|
|
getThumbnailHtml: function () {
|
|
return 'html';
|
|
}
|
|
};
|
|
|
|
embed.set( {}, {} );
|
|
embed.updateEmbedHtml( { url: 'x' }, width, height );
|
|
embed.updateEmbedWikitext( width );
|
|
|
|
assert.notStrictEqual( embed.embedTextHtml.textInput.getValue(), '', 'embedTextHtml is not empty.' );
|
|
assert.notStrictEqual( embed.embedTextWikitext.textInput.getValue(), '', 'embedTextWikitext is not empty.' );
|
|
|
|
embed.empty();
|
|
|
|
assert.strictEqual( embed.embedTextHtml.textInput.getValue(), '', 'embedTextHtml is empty.' );
|
|
assert.strictEqual( embed.embedTextWikitext.textInput.getValue(), '', 'embedTextWikitext is empty.' );
|
|
assert.strictEqual( embed.embedSizeSwitchHtml.getMenu().isVisible(), false, 'Html size menu should be hidden.' );
|
|
assert.strictEqual( embed.embedSizeSwitchWikitext.getMenu().isVisible(), false, 'Wikitext size menu should be hidden.' );
|
|
} );
|
|
|
|
QUnit.test( 'attach()/unattach():', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
const title = mw.Title.newFromText( 'File:Foobar.jpg' );
|
|
const src = 'https://upload.wikimedia.org/wikipedia/commons/3/3a/Foobar.jpg';
|
|
const url = 'https://commons.wikimedia.org/wiki/File:Foobar.jpg';
|
|
const embedFileInfo = {
|
|
imageInfo: title,
|
|
repoInfo: src,
|
|
caption: url
|
|
};
|
|
const width = 15;
|
|
const height = 20;
|
|
|
|
embed.set( { width: width, height: height }, embedFileInfo );
|
|
|
|
embed.handleTypeSwitch = function () {
|
|
assert.true( false, 'handleTypeSwitch should not have been called.' );
|
|
};
|
|
embed.handleSizeSwitch = function () {
|
|
assert.true( false, 'handleTypeSwitch should not have been called.' );
|
|
};
|
|
|
|
// Triggering action events before attaching should do nothing
|
|
embed.embedSwitch.emit( 'select' );
|
|
embed.embedSizeSwitchHtml.getMenu().emit(
|
|
'choose', embed.embedSizeSwitchHtml.getMenu().findSelectedItem() );
|
|
embed.embedSizeSwitchWikitext.getMenu().emit(
|
|
'choose', embed.embedSizeSwitchWikitext.getMenu().findSelectedItem() );
|
|
|
|
embed.handleTypeSwitch = function () {
|
|
assert.true( true, 'handleTypeSwitch was called.' );
|
|
};
|
|
embed.handleSizeSwitch = function () {
|
|
assert.true( true, 'handleTypeSwitch was called.' );
|
|
};
|
|
|
|
embed.attach();
|
|
|
|
// Action events should be handled now
|
|
embed.embedSwitch.emit( 'select' );
|
|
embed.embedSizeSwitchHtml.getMenu().emit(
|
|
'choose', embed.embedSizeSwitchHtml.getMenu().findSelectedItem() );
|
|
embed.embedSizeSwitchWikitext.getMenu().emit(
|
|
'choose', embed.embedSizeSwitchWikitext.getMenu().findSelectedItem() );
|
|
|
|
// Test the unattach part
|
|
embed.handleTypeSwitch = function () {
|
|
assert.true( false, 'handleTypeSwitch should not have been called.' );
|
|
};
|
|
embed.handleSizeSwitch = function () {
|
|
assert.true( false, 'handleTypeSwitch should not have been called.' );
|
|
};
|
|
|
|
embed.unattach();
|
|
|
|
// Triggering action events now that we are unattached should do nothing
|
|
embed.embedSwitch.emit( 'select' );
|
|
embed.embedSizeSwitchHtml.getMenu().emit(
|
|
'choose', embed.embedSizeSwitchHtml.getMenu().findSelectedItem() );
|
|
embed.embedSizeSwitchWikitext.getMenu().emit(
|
|
'choose', embed.embedSizeSwitchWikitext.getMenu().findSelectedItem() );
|
|
} );
|
|
|
|
QUnit.test( 'handleTypeSwitch():', function ( assert ) {
|
|
const embed = new Embed( $qf );
|
|
|
|
assert.strictEqual( embed.isSizeMenuDefaultReset, false, 'Reset flag intialized correctly.' );
|
|
|
|
embed.resetCurrentSizeMenuToDefault = function () {
|
|
assert.true( true, 'resetCurrentSizeMenuToDefault() called.' );
|
|
};
|
|
|
|
// HTML selected
|
|
embed.handleTypeSwitch( { getData: () => 'html' } );
|
|
|
|
assert.strictEqual( embed.isSizeMenuDefaultReset, true, 'Reset flag updated correctly.' );
|
|
assert.strictEqual( embed.embedSizeSwitchWikitext.getMenu().isVisible(), false, 'Wikitext size menu should be hidden.' );
|
|
|
|
embed.resetCurrentSizeMenuToDefault = function () {
|
|
assert.true( false, 'resetCurrentSizeMenuToDefault() should not have been called.' );
|
|
};
|
|
|
|
// Wikitext selected, we are done resetting defaults
|
|
embed.handleTypeSwitch( { getData: () => 'wikitext' } );
|
|
|
|
assert.strictEqual( embed.isSizeMenuDefaultReset, true, 'Reset flag updated correctly.' );
|
|
assert.strictEqual( embed.embedSizeSwitchHtml.getMenu().isVisible(), false, 'HTML size menu should be hidden.' );
|
|
} );
|
|
|
|
QUnit.test( 'Logged out', function ( assert ) {
|
|
const oldUserIsAnon = mw.user.isAnon;
|
|
|
|
mw.user.isAnon = () => true;
|
|
|
|
const embed = new Embed( $qf );
|
|
|
|
embed.attach();
|
|
|
|
assert.strictEqual( embed.embedSizeSwitchWikitextLayout.isVisible(), false, 'Wikitext widget should be hidden.' );
|
|
assert.strictEqual( embed.embedSizeSwitchHtmlLayout.isVisible(), true, 'HTML widget should be visible.' );
|
|
assert.strictEqual( embed.embedTextWikitext.isVisible(), false, 'Wikitext input should be hidden.' );
|
|
assert.strictEqual( embed.embedTextHtml.isVisible(), true, 'HTML input should be visible.' );
|
|
|
|
mw.user.isAnon = oldUserIsAnon;
|
|
} );
|
|
|
|
}() );
|