1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
/*
* 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.reuse.utils', QUnit.newMwEnvironment() );
QUnit.test( 'Sanity test, object creation and UI construction', function ( assert ) {
var utils = new mw.mmv.ui.Utils();
assert.ok( utils, 'ReuseUtils object is created.' );
} );
QUnit.test( 'createPulldownMenu():', 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().findSelectedItem(), options[ 3 ], 'Default set correctly.' );
} );
QUnit.test( 'updateMenuOptions():', 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()', 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 ) );
|