mediawiki-extensions-Popups/tests/qunit/ext.popups/actions.test.js

( function ( mw, $ ) {

	QUnit.module( 'ext.popups/actions' );

	QUnit.test( '#boot', function ( assert ) {
		var isUserInCondition = function () {
				return false;
			},
			sessionID = '0123456789',
			generateToken = function () {
				return '9876543210';
			};

		assert.expect( 1 );

		assert.deepEqual(
			mw.popups.actions.boot( isUserInCondition, sessionID, generateToken ),
			{
				type: 'BOOT',
				isUserInCondition: false,
				sessionToken: '0123456789',
				pageToken: '9876543210'
			}
		);
	} );

	/**
	 * Stubs `mw.popups.wait` and adds the deferred and its promise as properties
	 * of the module.
	 *
	 * @param {Object} module
	 */
	function setupWait( module ) {
		module.waitDeferred = $.Deferred();
		module.waitPromise = module.waitDeferred.promise();

		module.sandbox.stub( mw.popups, 'wait', function () {
			return module.waitPromise;
		} );
	}

	QUnit.module( 'ext.popups/actions#linkDwell @integration', {
		setup: function () {
			var that = this;

			this.el = $( '<a>' )
				.data( 'page-previews-title', 'Foo' )
				.eq( 0 );

			this.state = {};
			this.getState = function () {
				return that.state;
			};

			setupWait( this );
		}
	} );

	QUnit.test( '#linkDwell', function ( assert ) {
		var done = assert.async(),
			event = {},
			dispatch = this.sandbox.spy(),
			gatewayDeferred = $.Deferred(),
			gateway = function () {
				return gatewayDeferred;
			},
			el = this.el,
			fetchThunk,
			result = {};

		this.sandbox.stub( mw, 'now' ).returns( new Date() );

		mw.popups.actions.linkDwell( el, event, gateway )( dispatch, this.getState );

		assert.ok( dispatch.calledWith( {
			type: 'LINK_DWELL',
			el: el,
			event: event,
			interactionStarted: mw.now()
		} ) );

		// Stub the state tree being updated.
		this.state.preview = {
			enabled: true,
			activeLink: el
		};

		// ---

		this.waitPromise.then( function () {
			assert.strictEqual(
				dispatch.callCount,
				2,
				'The fetch action is dispatched after 500 ms'
			);

			fetchThunk = dispatch.secondCall.args[0];
			fetchThunk( dispatch );

			assert.ok( dispatch.calledWith( {
				type: 'FETCH_START',
				el: el,
				title: 'Foo'
			} ) );

			// ---

			gatewayDeferred.resolve( result );

			assert.ok( dispatch.calledWith( {
				type: 'FETCH_END',
				el: el,
				result: result
			} ) );

			done();
		} );

		// After 500 ms...
		this.waitDeferred.resolve();
	} );

	QUnit.test( '#linkDwell doesn\'t dispatch under certain conditions', function ( assert ) {
		var cases,
			done,
			that = this;

		cases = [
			{
				enabled: false
			},
			{
				enabled: true,
				activeLink: undefined // Any value other than this.el.
			}
		];

		done = assert.async( cases.length );

		$.each( cases, function ( testCase ) {
			var dispatch = that.sandbox.spy();

			mw.popups.actions.linkDwell( this.el /*, gateway */ )( dispatch, that.getState );

			that.state.preview = testCase;

			that.waitPromise.then( function () {
				assert.strictEqual( dispatch.callCount, 1 );

				done();
			} );

			// After 500 ms...
			that.waitDeferred.resolve();
		} );
	} );

	QUnit.module( 'ext.popups/actions#linkAbandon', {
		setup: function () {
			setupWait( this );
		}
	} );

	QUnit.test( 'it should dispatch start and end actions', function ( assert ) {
		var that = this,
			dispatch = that.sandbox.spy(),
			done = assert.async();

		mw.popups.actions.linkAbandon( that.el )( dispatch );

		assert.ok( dispatch.calledWith( {
			type: 'LINK_ABANDON_START',
			el: that.el
		} ) );

		// ---

		assert.ok(
			mw.popups.wait.calledWith( 300 ),
			'Have you spoken with #Design about changing this value?'
		);

		that.waitPromise.then( function () {
			assert.ok( dispatch.calledWith( {
				type: 'LINK_ABANDON_END',
				el: that.el
			} ) );

			done();
		} );

		// After 300 ms...
		that.waitDeferred.resolve();
	} );

	QUnit.module( 'ext.popups/actions#previewAbandon', function ( assert ) {
		var that = this,
			dispatch = that.sandbox.spy(),
			done = assert.async();

		mw.popups.actions.previewAbandon()( dispatch );

		assert.ok( dispatch.calledWith( {
			type: 'PREVIEW_ABANDON_START'
		} ) );

		// ---

		assert.ok(
			mw.popups.wait.calledWith( 300 ),
			'Have you spoken with #Design about changing this value?'
		);

		that.waitPromise.then( function () {
			assert.ok( dispatch.calledWith( {
				type: 'PREVIEW_ABANDON_END'
			} ) );

			done();
		} );

		// After 300 ms...
		that.waitDeferred.resolve();
	} );

}( mediaWiki, jQuery ) );