Page MenuHomeWickedGov Phorge
Files F2752458

lazyImageLoader.test.js
No OneTemporary
Actions

Size
4 KB
Referenced Files
None
Subscribers
None

lazyImageLoader.test.js
View Options

const
jQuery = require( '../../utils/jQuery' ),
dom = require( '../../utils/dom' ),
lazyImageLoader = require( '../../../../src/mobile.startup/lazyImages/lazyImageLoader' ),
mediaWiki = require( '../../utils/mw' ),
sinon = require( 'sinon' );
let
sandbox;
QUnit.module( 'MobileFrontend lazyImageLoader.js', {
beforeEach: function () {
sandbox = sinon.sandbox.create();
dom.setUp( sandbox, global );
jQuery.setUp( sandbox, global ); // Needed for Deferreds.
mediaWiki.setUp( sandbox, global ); // util.Deferred() uses mw.log().
},
afterEach: function () {
jQuery.tearDown();
sandbox.restore();
}
}, function () {
QUnit.test( '#queryPlaceholders() empty', function ( assert ) {
const
root = document.createElement( 'div' ),
actual = lazyImageLoader.queryPlaceholders( root );
assert.propEqual( actual, [], 'The result is empty.' );
} );
QUnit.test( '#queryPlaceholders() nonempty', function ( assert ) {
const
root = document.createElement( 'div' ),
placeholder = document.createElement( 'div' );
// eslint-disable-next-line mediawiki/class-doc
placeholder.className = lazyImageLoader.test.placeholderClass;
root.appendChild( placeholder );
const actual = lazyImageLoader.queryPlaceholders( root );
assert.propEqual( actual, [ placeholder ], 'The result is nonempty.' );
} );
QUnit.test( '#loadImage() copy attributes', function ( assert ) {
const
attrs = {
width: '1',
height: '2',
class: 'class',
alt: 'alt',
src: '/src',
srcset: '/srcset',
usemap: '#map'
},
placeholder = document.createElement( 'div' );
// Placeholder className is not copied (class), style (not data-style) is.
// eslint-disable-next-line mediawiki/class-doc
placeholder.className = lazyImageLoader.test.placeholderClass;
placeholder.style.width = '3px';
Object.keys( attrs ).forEach( function ( name ) {
placeholder.setAttribute( 'data-' + name, attrs[name] );
} );
const result = lazyImageLoader.loadImage( placeholder );
Object.keys( attrs ).forEach( function ( name ) {
assert.strictEqual( result.image.getAttribute( name ), attrs[name], name + ' is set.' );
} );
assert.strictEqual( result.image.style.width, '3px', 'Style from placeholder is set.' );
} );
QUnit.test( '#loadImage() loaded', function ( assert ) {
const
placeholder = document.createElement( 'div' );
const result = lazyImageLoader.loadImage( placeholder );
result.image.dispatchEvent( new Event( 'load' ) );
return result.promise.then( function ( status ) {
assert.strictEqual( status, 'load', 'Promise resolves on load.' );
} );
} );
QUnit.test( '#loadImage() load error', function ( assert ) {
const
placeholder = document.createElement( 'div' );
const result = lazyImageLoader.loadImage( placeholder );
result.image.dispatchEvent( new Event( 'error' ) );
return result.promise.then( function ( status ) {
assert.strictEqual( status, 'error', 'Promise resolves even on error.' );
} );
} );
QUnit.test( '#loadImages() empty', function ( assert ) {
return lazyImageLoader.loadImages( [] ).then( function () {
assert.true( true, 'Promise resolves.' );
} );
} );
QUnit.test( '#loadImages() nonempty', function ( assert ) {
const
placeholder = document.createElement( 'div' ),
image = new Image();
sandbox.stub( global, 'Image' ).returns( image );
const deferred = lazyImageLoader.loadImages( [ placeholder ] ).then( function () {
assert.true( true, 'Promise resolves.' );
} );
image.dispatchEvent( new Event( 'load' ) );
return deferred;
} );
QUnit.test( '#loadImages() plural', function ( assert ) {
const
placeholder = document.createElement( 'div' ),
image = new Image();
sandbox.stub( global, 'Image' ).returns( image );
const deferred = lazyImageLoader.loadImages( [ placeholder, placeholder ] ).then(
function () {
assert.true( true, 'Promise resolves.' );
}
);
image.dispatchEvent( new Event( 'load' ) );
return deferred;
} );
QUnit.test( '#loadImages() one fails to load, one succeeds', function ( assert ) {
const
placeholder = document.createElement( 'div' ),
failureImage = new Image(),
successImage = new Image();
sandbox
.stub( global, 'Image' )
.onFirstCall().returns( failureImage )
.onSecondCall().returns( successImage );
const deferred = lazyImageLoader.loadImages( [ placeholder, placeholder ] ).then(
function () {
assert.true( true, 'Promise resolves.' );
}
);
failureImage.dispatchEvent( new Event( 'error' ) );
successImage.dispatchEvent( new Event( 'load' ) );
return deferred;
} );
} );

File Metadata

Mime Type
text/plain
Expires
Fri, Jul 3, 20:01 (1 d, 13 h)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
1c/5c/b3eb9e8b9766e5d2c3ee46b41eaa
Default Alt Text
lazyImageLoader.test.js (4 KB)

Event Timeline