wikimedia/mediawiki-extensions-Popups
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups synced 2024-11-23 23:24:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

QA: Test renderer#getClasses

Browse source 
Bug: T133022
Change-Id: If3b8888a948f6e14d8847fdc1d4ea16e42329bb8
This commit is contained in:
Baha 2017-05-01 12:39:30 -04:00 committed by Bmansurov
parent 872691e293
commit 7f89341cc6
4 changed files with 235 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
resources/dist/index.js vendored
View file

Binary file not shown.

BIN
resources/dist/index.js.map vendored
View file

Binary file not shown.

1
src/renderer.js
View file

@ -691,5 +691,6 @@ module.exports = {
// The following are exposed for teseting purposes only
createPokeyMasks: createPokeyMasks,
renderExtract: renderExtract,
getClasses: getClasses,
getClosestYPosition: getClosestYPosition
};

234
tests/node-qunit/renderer.js
View file

@ -84,6 +84,240 @@ QUnit.test( 'getProcessedElements', function ( assert ) {
} );
} );
QUnit.test( '#getClasses when no thumbnail is available', function ( assert ) {
var cases = [
// [ previewOptions, layoutOptions, expected, message ]
[
{
hasThumbnail: false,
isTall: false
},
{
flippedX: false,
flippedY: false
},
[
'mwe-popups-fade-in-up',
'mwe-popups-no-image-tri',
'mwe-popups-is-not-tall'
],
'No flip.'
],
[
{
hasThumbnail: false,
isTall: false
},
{
flippedX: false,
flippedY: true
},
[
'mwe-popups-fade-in-down',
'flipped_y',
'mwe-popups-is-not-tall'
],
'Y flipped.'
],
[
{
hasThumbnail: false,
isTall: false
},
{
flippedX: true,
flippedY: false
},
[
'mwe-popups-fade-in-up',
'flipped_x',
'mwe-popups-no-image-tri',
'mwe-popups-is-not-tall'
],
'X flipped.'
],
[
{
hasThumbnail: false,
isTall: false
},
{
flippedX: true,
flippedY: true
},
[
'mwe-popups-fade-in-down',
'flipped_x_y',
'mwe-popups-is-not-tall'
],
'X and Y flipped.'
]
];
cases.forEach( function ( case_ ) {
assert.deepEqual(
renderer.getClasses( case_[ 0 ], case_[ 1 ] ),
case_[ 2 ],
case_[ 3 ]
);
} );
} );
QUnit.test( '#getClasses when a non-tall thumbnail is available', function ( assert ) {
var cases = [
[
{
hasThumbnail: true,
isTall: false
},
{
flippedX: false,
flippedY: false
},
[
'mwe-popups-fade-in-up',
'mwe-popups-image-tri',
'mwe-popups-is-not-tall'
],
'No flip.'
],
[
{
hasThumbnail: true,
isTall: false
},
{
flippedX: false,
flippedY: true
},
[
'mwe-popups-fade-in-down',
'flipped_y',
'mwe-popups-is-not-tall'
],
'Y flipped.'
],
[
{
hasThumbnail: true,
isTall: false
},
{
flippedX: true,
flippedY: false
},
[
'mwe-popups-fade-in-up',
'flipped_x',
'mwe-popups-image-tri',
'mwe-popups-is-not-tall'
],
'X flipped.'
],
[
{
hasThumbnail: true,
isTall: false
},
{
flippedX: true,
flippedY: true
},
[
'mwe-popups-fade-in-down',
'flipped_x_y',
'mwe-popups-is-not-tall'
],
'X and Y flipped.'
]
];
cases.forEach( function ( case_ ) {
assert.deepEqual(
renderer.getClasses( case_[ 0 ], case_[ 1 ] ),
case_[ 2 ],
case_[ 3 ]
);
} );
} );
QUnit.test( '#getClasses when a tall thumbnail is available', function ( assert ) {
var cases = [
[
{
hasThumbnail: true,
isTall: true
},
{
flippedX: false,
flippedY: false
},
[
'mwe-popups-fade-in-up',
'mwe-popups-no-image-tri',
'mwe-popups-is-tall'
],
'No flip.'
],
[
{
hasThumbnail: true,
isTall: true
},
{
flippedX: false,
flippedY: true
},
[
'mwe-popups-fade-in-down',
'flipped_y',
'mwe-popups-is-tall'
],
'Y flipped.'
],
[
{
hasThumbnail: true,
isTall: true
},
{
flippedX: true,
flippedY: false
},
[
'mwe-popups-fade-in-up',
'flipped_x',
'mwe-popups-no-image-tri',
'mwe-popups-is-tall'
],
'X flipped.'
],
[
{
hasThumbnail: true,
isTall: true
},
{
flippedX: true,
flippedY: true
},
[
'mwe-popups-fade-in-down',
'flipped_x_y',
'mwe-popups-is-tall'
],
'X and Y flipped.'
]
];
cases.forEach( function ( case_ ) {
assert.deepEqual(
renderer.getClasses( case_[ 0 ], case_[ 1 ] ),
case_[ 2 ],
case_[ 3 ]
);
} );
} );
QUnit.test( 'getClosestYPosition', function ( assert ) {
assert.equal( renderer.getClosestYPosition( 100, [
{