( function () {
const SliderModule = require( 'ext.RevisionSlider.Slider' ),
DiffPage = SliderModule.DiffPage,
Slider = SliderModule.Slider,
SliderView = SliderModule.SliderView,
Revision = SliderModule.Revision,
RevisionList = SliderModule.RevisionList,
historyStub = { replaceState: sinon.spy() },
diffPage = new DiffPage( historyStub );
QUnit.module( 'ext.RevisionSlider.SliderView' );
QUnit.test( 'render adds the slider view with defined revisions selected', ( assert ) => {
const $container = $( '
' ),
view = new SliderView( new Slider( new RevisionList( [
new Revision( { revid: 1, size: 5, comment: 'Comment1', user: 'User1' } ),
new Revision( { revid: 3, size: 21, comment: 'Comment2', user: 'User2' } ),
new Revision( { revid: 37, size: 13, comment: 'Comment3', user: 'User3' } )
] ) ), diffPage );
mw.config.set( {
wgDiffOldId: 1,
wgDiffNewId: 37
} );
view.render( $container );
assert.strictEqual( $container.find( '.mw-revslider-revision-slider' ).length, 1 );
const $revisionOld = $container.find( '.mw-revslider-revision-old' );
const $revisionNew = $container.find( '.mw-revslider-revision-new' );
assert.strictEqual( $revisionOld.length, 1 );
assert.strictEqual( $revisionOld.attr( 'data-revid' ), '1' );
assert.strictEqual( $revisionNew.length, 1 );
assert.strictEqual( $revisionNew.attr( 'data-revid' ), '37' );
sinon.assert.calledOnce( historyStub.replaceState );
} );
QUnit.test( 'render throws an exception when no selected revisions provided', ( assert ) => {
const $container = $( '
' ),
view = new SliderView( new Slider( new RevisionList( [
new Revision( { revid: 1, size: 5, comment: 'Comment1', user: 'User1' } ),
new Revision( { revid: 3, size: 21, comment: 'Comment2', user: 'User2' } ),
new Revision( { revid: 37, size: 13, comment: 'Comment3', user: 'User3' } )
] ) ), diffPage );
mw.config.set( 'wgDiffOldId', null );
mw.config.set( 'wgDiffNewId', null );
assert.throws(
() => {
view.render( $container );
}
);
sinon.assert.calledOnce( historyStub.replaceState );
} );
}() );