mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-15 03:35:10 +00:00
3a18515163
* when the caption is available, use it as the image title * otherwise, fall back to description if available * otherwise, fall back to filename * if both caption and description are available, show caption as title and show description below the fold; otherwise don't show anything below the fold. Change-Id: I9738ca46620d7cf3b30f6e46790a37966d4b9eaf Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/589
43 lines
2 KiB
JavaScript
43 lines
2 KiB
JavaScript
( function ( mw, $ ) {
|
|
QUnit.module( 'mmv.ui.description', QUnit.newMwEnvironment() );
|
|
|
|
QUnit.test( 'Sanity test, object creation and UI construction', 3, function ( assert ) {
|
|
var description = new mw.mmv.ui.Description( $( '#qunit-fixture' ) );
|
|
|
|
assert.ok( description, 'Image description UI element is created' );
|
|
assert.strictEqual( description.$imageDescDiv.length, 1, 'Image description div is created' );
|
|
assert.strictEqual( description.$imageDesc.length, 1, 'Image description element is created' );
|
|
} );
|
|
|
|
QUnit.test( 'Setting data in different combinations works well', 5, function ( assert ) {
|
|
var description = new mw.mmv.ui.Description( $( '#qunit-fixture' ) );
|
|
|
|
description.set( null, null );
|
|
assert.ok( description.$imageDescDiv.hasClass( 'empty' ),
|
|
'Image description div is marked empty when neither description nor caption is available' );
|
|
|
|
description.set( null, 'foo' );
|
|
assert.ok( description.$imageDescDiv.hasClass( 'empty' ),
|
|
'Image description div is marked empty when there is no description' );
|
|
|
|
description.set( 'blah', null );
|
|
assert.ok( description.$imageDescDiv.hasClass( 'empty' ),
|
|
'Image description div is marked empty when there is no caption (description will be shown in title)' );
|
|
|
|
description.set( 'foo', 'bar' );
|
|
assert.ok( !description.$imageDescDiv.hasClass( 'empty' ),
|
|
'Image description div is not marked empty when both description and caption are available' );
|
|
assert.strictEqual( description.$imageDesc.text(), 'foo',
|
|
'Image description text is set correctly, caption is ignored' );
|
|
} );
|
|
|
|
QUnit.test( 'Emptying data works as expected', 2, function ( assert ) {
|
|
var description = new mw.mmv.ui.Description( $( '#qunit-fixture' ) );
|
|
|
|
description.set( 'foo', 'bar' );
|
|
description.empty();
|
|
assert.strictEqual( description.$imageDescDiv.hasClass( 'empty' ), true, 'Image description div is marked empty when emptied' );
|
|
assert.strictEqual( description.$imageDesc.text(), '', 'Image description text is emptied correctly' );
|
|
} );
|
|
}( mediaWiki, jQuery ) );
|