/*
 * 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 { Utils } = require( 'mmv.ui.reuse' );

QUnit.module( 'mmv.ui.reuse.utils', QUnit.newMwEnvironment() );

QUnit.test( 'createSelectMenu():', ( assert ) => {
	const menuItems = [ 'original', 'small', 'medium', 'large' ];
	const def = 'large';
	const $select = Utils.createSelectMenu(
		menuItems,
		def
	);
	const $options = $select.children();

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

	for ( let i = 0; i < menuItems.length; i++ ) {
		const $option = $( $options[ i ] );

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

QUnit.test( 'updateSelectOptions():', ( assert ) => {
	const $select = Utils.createSelectMenu(
		[ 'original', 'small', 'medium', 'large' ],
		'original'
	);
	const $options = $select.children();
	const width = 700;
	const height = 500;
	const sizes = Utils.getPossibleImageSizesForHtml( width, height );
	const oldMessage = mw.message;

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

		return { text: function () {} };
	};

	Utils.updateSelectOptions( sizes, $options );

	mw.message = oldMessage;
} );

QUnit.test( 'getPossibleImageSizesForHtml()', ( assert ) => {
	const exampleSizes = [
		{
			test: 'Extra large wide image',
			width: 6000, height: 4000,
			expected: {
				small: { width: 500, height: 333 },
				medium: { width: 1080, height: 720 },
				large: { width: 1620, height: 1080 },
				xl: { width: 3240, height: 2160 },
				original: { width: 6000, height: 4000 }
			}
		},

		{
			test: 'Big wide image',
			width: 2048, height: 1536,
			expected: {
				small: { width: 500, height: 375 },
				medium: { width: 960, height: 720 },
				large: { width: 1440, height: 1080 },
				original: { width: 2048, height: 1536 }
			}
		},

		{
			test: 'Big tall image',
			width: 201, height: 1536,
			expected: {
				small: { width: 63, height: 480 },
				medium: { width: 94, height: 720 },
				large: { width: 141, height: 1080 },
				original: { width: 201, height: 1536 }
			}
		},

		{
			test: 'Very small image',
			width: 15, height: 20,
			expected: {
				original: { width: 15, height: 20 }
			}
		}
	];
	for ( let i = 0; i < exampleSizes.length; i++ ) {
		const cursize = exampleSizes[ i ];
		const opts = Utils.getPossibleImageSizesForHtml( cursize.width, cursize.height );
		assert.deepEqual( opts, cursize.expected, 'Size calculation for "' + cursize.test + '" gives expected results' );
	}
} );
