QUnit.module( 'ext.echo.dm - NotificationItem', ( hooks ) => {
const fakeData = {
type: 'alert',
read: true,
seen: true,
timestamp: '2016-09-14T23:21:56Z',
content: {
header: 'Your edit on Moai was reverted.',
compactHeader: 'Your edit on Moai was reverted.',
body: 'undo'
},
iconType: 'revert',
primaryUrl: 'http://dev.wiki.local.wmftest.net:8080/w/index.php?title=Moai&oldid=prev&diff=1978&markasread=2126',
secondaryUrls: [
{
url: 'http://dev.wiki.local.wmftest.net:8080/wiki/User:RandomUser',
label: 'RandomUser',
icon: 'userAvatar'
},
{
url: 'http://dev.wiki.local.wmftest.net:8080/wiki/Talk:Moai',
label: 'Moai',
tooltip: 'Talk:Moai',
icon: 'speechBubbles'
}
]
};
const now = 1234567890000;
const nowFormatted = '2009-02-13T23:31:30Z';
hooks.beforeEach( function () {
this.sandbox.useFakeTimers( now );
} );
QUnit.test.each( 'Constructing items', {
'Empty data': {
params: { id: 0, config: {} },
methods: 'all',
expected: { getId: 0, getAllIds: [ 0 ] }
},
'Fake data': {
params: { id: 999, config: fakeData },
methods: 'all',
expected: {
getId: 999,
getAllIds: [ 999 ],
getType: 'alert',
isRead: true,
isSeen: true,
getTimestamp: '2016-09-14T23:21:56Z',
getContentHeader: 'Your edit on Moai was reverted.',
getContentBody: 'undo',
getIconType: 'revert',
getPrimaryUrl: 'http://dev.wiki.local.wmftest.net:8080/w/index.php?title=Moai&oldid=prev&diff=1978&markasread=2126',
getSecondaryUrls: [
{
url: 'http://dev.wiki.local.wmftest.net:8080/wiki/User:RandomUser',
label: 'RandomUser',
icon: 'userAvatar'
},
{
url: 'http://dev.wiki.local.wmftest.net:8080/wiki/Talk:Moai',
label: 'Moai',
tooltip: 'Talk:Moai',
icon: 'speechBubbles'
}
]
}
}
}, ( assert, data ) => {
const defaultValues = {
getId: undefined,
getContentHeader: '',
getContentBody: '',
getCategory: '',
getType: 'message',
isRead: false,
isSeen: false,
isForeign: false,
isBundled: false,
getTimestamp: nowFormatted,
getPrimaryUrl: undefined,
getIconUrl: undefined,
getIconType: undefined,
getSecondaryUrls: [],
getModelName: 'local',
getAllIds: []
};
const expected = $.extend( true, {}, defaultValues, data.expected );
const itemModel = new mw.echo.dm.NotificationItem(
data.params.id,
data.params.config
);
const methods = ( data.methods === 'all' ? Object.keys( expected ) : data.methods );
methods.forEach( ( method ) => {
assert.deepEqual(
// Run the method
itemModel[ method ](),
// Expected result
expected[ method ],
// Message
method
);
} );
} );
QUnit.test( 'Emitting update event', ( assert ) => {
const results = [];
const itemModel = new mw.echo.dm.NotificationItem( 0, $.extend( true, {}, fakeData, { seen: false, read: false } ) );
// Listen to update event
itemModel.on( 'update', () => {
results.push( [
itemModel.isRead(),
itemModel.isSeen()
] );
} );
// Trigger events
itemModel.toggleSeen( true ); // [ [ false, true ] ]
itemModel.toggleSeen( true ); // [ [ false, true ] ] ( No change, event was not emitted )
itemModel.toggleRead( true ); // [ [ false, true ], [ true, true ] ]
itemModel.toggleRead( true ); // [ [ false, true ], [ true, true ] ] ( No change, event was not emitted )
itemModel.toggleRead( false ); // [ [ false, true ], [ true, true ], [ false, true ] ]
itemModel.toggleSeen( false ); // [ [ false, true ], [ true, true ], [ false, true ], [ false, false ] ]
itemModel.toggleRead( true ); // [ [ false, true ], [ true, true ], [ false, true ], [ false, false ], [ true, false ] ]
assert.deepEqual(
results,
// Expected:
[ [ false, true ], [ true, true ], [ false, true ], [ false, false ], [ true, false ] ],
'Read and seen changes produced "update" events'
);
} );
} );