mediawiki-extensions-MultimediaViewer/tests/qunit/mmv/ui/mmv.ui.reuse.utils.test.js

/*
 * 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( 'mw.mmv.ui.utils', QUnit.newMwEnvironment() );

	QUnit.test( 'Sanity test, object creation and UI construction', 1, function ( assert ) {
		var utils = new mw.mmv.ui.Utils();

		assert.ok( utils, 'ReuseUtils object is created.' );
	} );

	QUnit.test( 'createPulldownMenu():', 14, function ( assert ) {
		var utils = new mw.mmv.ui.Utils(),
		menuItems = [ 'original', 'small', 'medium', 'large' ],
		def = 'large',
		menu = utils.createPulldownMenu(
			menuItems,
			[ 'mw-mmv-download-size' ],
			def
		),
		options = menu.getMenu().getItems(),
		i, data;

		assert.strictEqual( options.length, 4, 'Menu has correct number of items.' );

		for ( i = 0; i < menuItems.length; i++ ) {
			data = options[i].getData();

			assert.strictEqual( data.name, menuItems[i], 'Correct item name on the list.' );
			assert.strictEqual( data.height, null, 'Correct item height on the list.' );
			assert.strictEqual( data.width, null, 'Correct item width on the list.' );
		}

		assert.strictEqual( menu.getMenu().getSelectedItem(), options[ 3 ], 'Default set correctly.' );
	} );

	QUnit.test( 'updateMenuOptions():', 9, function ( assert ) {
		var utils = new mw.mmv.ui.Utils(),
		menu = utils.createPulldownMenu(
			[ 'original', 'small', 'medium', 'large' ],
			[ 'mw-mmv-download-size' ],
			'original'
		),
		options = menu.getMenu().getItems(),
		width = 700,
		height = 500,
		sizes = utils.getPossibleImageSizesForHtml( width, height ),
		oldMessage = mw.message;

		mw.message = function( messageKey ) {
			assert.ok( messageKey.match(/^multimediaviewer-(small|medium|original|embed-dimensions)/), 'messageKey passed correctly.' );

			return { text: $.noop };
		};

		utils.updateMenuOptions( sizes, options );

		mw.message = oldMessage;
	} );

	QUnit.test( 'getPossibleImageSizesForHtml()', 3, function ( assert ) {
		var utils = new mw.mmv.ui.Utils(),
		exampleSizes = [
			// Big wide image
			{
				width: 2048, height: 1536,
				expected: {
					small: { width: 193, height: 145 },
					medium: { width: 640, height: 480 },
					large: { width: 1200, height: 900 },
					original: { width: 2048, height: 1536 }
				}
			},

			// Big tall image
			{
				width: 201, height: 1536,
				expected: {
					small: { width: 19, height: 145 },
					medium: { width: 63, height: 480 },
					large: { width: 118, height: 900 },
					original: { width: 201, height: 1536 }
				}
			},

			// Very small image
			{
				width: 15, height: 20,
				expected: {
					original: { width: 15, height: 20 }
				}
			}
		],
		i, cursize, opts;
		for ( i = 0; i < exampleSizes.length; i++ ) {
			cursize = exampleSizes[i];
			opts = utils.getPossibleImageSizesForHtml( cursize.width, cursize.height );
			assert.deepEqual( opts, cursize.expected, 'We got the expected results out of the size calculation function.' );
		}
	} );

}( mediaWiki, jQuery ) );