( function () {
	var SliderView = mw.libs.revisionSlider.SliderView,
		Slider = mw.libs.revisionSlider.Slider,
		RevisionList = mw.libs.revisionSlider.RevisionList,
		Revision = mw.libs.revisionSlider.Revision,
		startHistoryState, startHref;

	QUnit.module( 'ext.RevisionSlider.SliderView' );

	QUnit.testStart( function () {
		startHistoryState = history.state;
		startHref = window.location.href;
	} );

	QUnit.testDone( function () {
		history.replaceState( startHistoryState, 'QUnit', startHref );
	} );

	QUnit.test( 'render adds the slider view with defined revisions selected', function ( assert ) {
		var $container = $( '<div>' ),
			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' } )
			] ) ) ),
			$revisionOld,
			$revisionNew;

		mw.config.set( {
			wgDiffOldId: 1,
			wgDiffNewId: 37
		} );

		view.render( $container );

		assert.ok( $container.find( '.mw-revslider-revision-slider' ).length > 0 );
		$revisionOld = $container.find( '.mw-revslider-revision-old' );
		$revisionNew = $container.find( '.mw-revslider-revision-new' );
		assert.ok( $revisionOld.length > 0 );
		assert.strictEqual( $revisionOld.attr( 'data-revid' ), '1' );
		assert.ok( $revisionNew.length > 0 );
		assert.strictEqual( $revisionNew.attr( 'data-revid' ), '37' );
	} );

	QUnit.test( 'render throws an exception when no selected revisions provided', function ( assert ) {
		var $container = $( '<div>' ),
			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' } )
			] ) ) );

		mw.config.set( 'wgDiffOldId', null );
		mw.config.set( 'wgDiffNewId', null );

		assert.throws(
			function () {
				view.render( $container );
			}
		);
	} );

}() );