( function ( mw, $ ) {
QUnit.module( 'ext.popups/reducers', {
setup: function () {
this.el = $( '' );
}
} );
QUnit.test( '#rootReducer', function ( assert ) {
var state = mw.popups.reducers.rootReducer( undefined, { type: '@@INIT' } );
assert.expect( 1 );
assert.deepEqual(
state,
{
preview: {
enabled: undefined,
sessionToken: undefined,
pageToken: undefined,
linkInteractionToken: undefined,
activeLink: undefined,
activeEvent: undefined,
interactionStarted: undefined,
shouldShow: false,
isUserDwelling: false
},
settings: {
shouldShow: false
}
},
'It should initialize the state by default'
);
} );
QUnit.test( '#preview: BOOT', function ( assert ) {
var action = {
type: 'BOOT',
isUserInCondition: true,
sessionToken: '0123456789',
pageToken: '9876543210'
};
assert.expect( 1 );
assert.deepEqual(
mw.popups.reducers.preview( {}, action ),
{
enabled: true,
sessionToken: '0123456789',
pageToken: '9876543210'
},
'It should set enabled and the session tokens.'
);
} );
QUnit.test( '#preview: LINK_DWELL', function ( assert ) {
var action = {
type: 'LINK_DWELL',
el: this.el,
event: {},
interactionStarted: mw.now(),
linkInteractionToken: '0123456789'
};
assert.deepEqual(
mw.popups.reducers.preview( {}, action ),
{
activeLink: action.el,
activeEvent: action.event,
interactionStarted: action.interactionStarted,
linkInteractionToken: action.linkInteractionToken,
shouldShow: false
},
'It should set active link and event as well as interaction info and hide the preview.'
);
} );
QUnit.test( '#preview: LINK_ABANDON_END', function ( assert ) {
var action = {
type: 'LINK_ABANDON_END',
el: this.el
},
state = {
activeLink: this.el
};
assert.deepEqual(
mw.popups.reducers.preview( state, action ),
{
activeLink: undefined,
activeEvent: undefined,
interactionStarted: undefined,
linkInteractionToken: undefined,
fetchResponse: undefined,
shouldShow: false
},
'It should hide the preview and reset the interaction info.'
);
// ---
state = {
activeLink: this.el,
isUserDwelling: true
};
assert.equal(
mw.popups.reducers.preview( state, action ),
state,
'It should NOOP if the user is dwelling on the preview.'
);
} );
QUnit.test( '#preview: FETCH_END', function ( assert ) {
var state = {
activeLink: this.el
},
action = {
type: 'FETCH_END',
el: this.el,
result: {}
};
assert.expect( 2 );
assert.deepEqual(
mw.popups.reducers.preview( state, action ),
{
activeLink: state.activeLink, // Previous state.
fetchResponse: action.result,
shouldShow: true
},
'It should store the result and signal that a preview should be rendered.'
);
// ---
state = {
activeLink: $( '' )
};
action = {
type: 'FETCH_END',
el: this.el,
result: {}
};
assert.deepEqual(
mw.popups.reducers.preview( state, action ),
state,
'It should NOOP if the user has interacted with another link since the request was dispatched via the gateway.'
);
} );
QUnit.test( '#preview: PREVIEW_DWELL', function ( assert ) {
var action = {
type: 'PREVIEW_DWELL'
};
assert.expect( 1 );
assert.deepEqual(
mw.popups.reducers.preview( {}, action ),
{
isUserDwelling: true
},
'It should mark the preview as being dwelled on.'
);
} );
QUnit.test( '#preview: PREVIEW_ABANDON_START', function ( assert ) {
var action = {
type: 'PREVIEW_ABANDON_START'
};
assert.deepEqual(
mw.popups.reducers.preview( {}, action ),
{
isUserDwelling: false
},
'It should mark the preview having been abandoned.'
);
} );
QUnit.test( '#settings: COG_CLICK', function ( assert ) {
assert.expect( 1 );
assert.deepEqual(
mw.popups.reducers.settings( {}, { type: 'COG_CLICK' } ),
{
shouldShow: true
},
'It should mark the settings dialog as ready to be shown'
);
} );
QUnit.test( '#settings: SETTINGS_DIALOG_CLOSED', function ( assert ) {
assert.expect( 1 );
assert.deepEqual(
mw.popups.reducers.settings( {}, { type: 'SETTINGS_DIALOG_CLOSED' } ),
{
shouldShow: false
},
'It should mark the settings dialog as ready to be closed'
);
} );
}( mediaWiki, jQuery ) );