mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-16 20:35:09 +00:00
Merge "More accurate looking for image caption"
This commit is contained in:
commit
9119af8534
|
@ -326,7 +326,14 @@
|
|||
var $thumbCaption;
|
||||
|
||||
if ( $thumbContain.length !== 0 && $thumbContain.is( '.thumb' ) ) {
|
||||
$thumbCaption = $thumbContain.find( '.thumbcaption' ).clone();
|
||||
// try to find closest caption to the image
|
||||
$thumbCaption = $link.closest( ':has(> .thumbcaption)', $thumbContain )
|
||||
.find( '> .thumbcaption' )
|
||||
.clone();
|
||||
if ( !$thumbCaption.length ) {
|
||||
// if nothing is found, look for the caption in whole container
|
||||
$thumbCaption = $thumbContain.find( '.thumbcaption' ).clone();
|
||||
}
|
||||
$thumbCaption.find( '.magnify' ).remove();
|
||||
if ( !$thumbCaption.length ) { // gallery, maybe
|
||||
$thumbCaption = $thumbContain
|
||||
|
|
|
@ -36,6 +36,19 @@
|
|||
return link;
|
||||
}
|
||||
|
||||
function createMultipleImage( images ) {
|
||||
var contain = $( '<div>' ).addClass( 'thumb' ),
|
||||
thumbinner = $( '<div>' ).addClass( 'thumbinner' ).appendTo( contain );
|
||||
for ( var i = 0; i < images.length; ++i ) {
|
||||
var div = $( '<div>' ).appendTo( thumbinner );
|
||||
var thumbimage = $( '<div>' ).addClass( 'thumbimage' ).appendTo( div );
|
||||
var link = $( '<a>' ).addClass( 'image' ).appendTo( thumbimage );
|
||||
$( '<img>' ).prop( 'src', images[i][0] ).appendTo( link );
|
||||
$( '<div>' ).addClass( 'thumbcaption' ).text( images[i][1] ).appendTo( div );
|
||||
}
|
||||
return contain;
|
||||
}
|
||||
|
||||
function createBootstrap( viewer ) {
|
||||
var bootstrap = new mw.mmv.MultimediaViewerBootstrap();
|
||||
|
||||
|
@ -450,14 +463,17 @@
|
|||
assert.strictEqual( bootstrap.isAllowedThumb( $thumb ), false, 'Image with a noviewer class is disallowed.' );
|
||||
} );
|
||||
|
||||
QUnit.test( 'findCaption', 3, function ( assert ) {
|
||||
QUnit.test( 'findCaption', 4, function ( assert ) {
|
||||
var gallery = createGallery( 'foo.jpg', 'Baz' ),
|
||||
thumb = createThumb( 'foo.jpg', 'Quuuuux' ),
|
||||
link = createNormal( 'foo.jpg', 'Foobar' ),
|
||||
multiple = createMultipleImage( [ [ 'foo.jpg', 'Image #1' ], [ 'bar.jpg', 'Image #2' ],
|
||||
[ 'foobar.jpg', 'Image #3' ] ] ),
|
||||
bootstrap = createBootstrap();
|
||||
|
||||
assert.strictEqual( bootstrap.findCaption( gallery.find( '.thumb' ), gallery.find( 'a.image' ) ), 'Baz', 'A gallery caption is found.' );
|
||||
assert.strictEqual( bootstrap.findCaption( thumb, thumb.find( 'a.image' ) ), 'Quuuuux', 'A thumbnail caption is found.' );
|
||||
assert.strictEqual( bootstrap.findCaption( $(), link ), 'Foobar', 'The caption is found even if the image is not a thumbnail.' );
|
||||
assert.strictEqual( bootstrap.findCaption( multiple, multiple.find( 'img[src="bar.jpg"]' ).closest( 'a' ) ), 'Image #2', 'The caption is found in {{Multiple image}}.' );
|
||||
} );
|
||||
}( mediaWiki, jQuery ) );
|
||||
|
|
Loading…
Reference in a new issue