/*global mock, converse, _ */ const { Promise, Strophe, $msg, dayjs, sizzle } = converse.env; const u = converse.env.utils; describe("A Chat Message", function () { it("will be demarcated if it's the first newly received message", mock.initConverse(['chatBoxesFetched'], {}, async function (done, _converse) { await mock.waitForRoster(_converse, 'current', 1); const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit'; await mock.openChatBoxFor(_converse, contact_jid); const view = _converse.api.chatviews.get(contact_jid); await _converse.handleMessageStanza(mock.createChatMessage(_converse, contact_jid, 'This message will be read')); const msg_el = await u.waitUntil(() => view.querySelector('converse-chat-message')); expect(msg_el.querySelector('.chat-msg__text').textContent).toBe('This message will be read'); expect(view.model.get('num_unread')).toBe(0); _converse.windowState = 'hidden'; await _converse.handleMessageStanza(mock.createChatMessage(_converse, contact_jid, 'This message will be new')); await u.waitUntil(() => view.model.messages.length); expect(view.model.get('num_unread')).toBe(1); expect(view.model.get('first_unread_id')).toBe(view.model.messages.last().get('id')); await u.waitUntil(() => view.querySelectorAll('converse-chat-message').length === 2); const last_msg_el = view.querySelector('converse-chat-message:last-child'); expect(last_msg_el.firstElementChild?.textContent).toBe('New messages'); done(); })); it("is rejected if it's an unencapsulated forwarded message", mock.initConverse( ['chatBoxesFetched'], {}, async function (done, _converse) { await mock.waitForRoster(_converse, 'current', 2); const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit'; const forwarded_contact_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@montague.lit'; await mock.openChatBoxFor(_converse, contact_jid); let models = await _converse.api.chats.get(); expect(models.length).toBe(1); const received_stanza = u.toStanza(` A most courteous exposition! Yet I should kill thee with much cherishing. `); _converse.connection._dataRecv(mock.createRequest(received_stanza)); const sent_stanzas = _converse.connection.sent_stanzas; const sent_stanza = await u.waitUntil(() => sent_stanzas.filter(s => s.querySelector('error')).pop()); expect(Strophe.serialize(sent_stanza)).toBe( ``+ ''+ ''+ ''+ 'Forwarded messages not part of an encapsulating protocol are not supported'+ ''+ ''); models = await _converse.api.chats.get(); expect(models.length).toBe(1); done(); })); it("can be received out of order, and will still be displayed in the right order", mock.initConverse([], {}, async function (done, _converse) { await mock.waitForRoster(_converse, 'current'); await mock.openControlBox(_converse); const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit'; const rosterview = document.querySelector('converse-roster'); await u.waitUntil(() => rosterview.querySelectorAll('.roster-group').length) _converse.filter_by_resource = true; let msg = $msg({ 'xmlns': 'jabber:client', 'id': _converse.connection.getUniqueId(), 'to': _converse.bare_jid, 'from': sender_jid, 'type': 'chat'}) .c('body').t("message").up() .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T13:08:25Z'}) .tree(); await _converse.handleMessageStanza(msg); const view = _converse.api.chatviews.get(sender_jid); msg = $msg({ 'xmlns': 'jabber:client', 'id': _converse.connection.getUniqueId(), 'to': _converse.bare_jid, 'from': sender_jid, 'type': 'chat'}) .c('body').t("Older message").up() .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2017-12-31T22:08:25Z'}) .tree(); _converse.handleMessageStanza(msg); await u.waitUntil(() => view.querySelectorAll('.chat-msg').length === 2); msg = $msg({ 'xmlns': 'jabber:client', 'id': _converse.connection.getUniqueId(), 'to': _converse.bare_jid, 'from': sender_jid, 'type': 'chat'}) .c('body').t("Inbetween message").up() .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-01T13:18:23Z'}) .tree(); _converse.handleMessageStanza(msg); await u.waitUntil(() => view.querySelectorAll('.chat-msg').length === 3); msg = $msg({ 'xmlns': 'jabber:client', 'id': _converse.connection.getUniqueId(), 'to': _converse.bare_jid, 'from': sender_jid, 'type': 'chat'}) .c('body').t("another inbetween message").up() .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-01T13:18:23Z'}) .tree(); _converse.handleMessageStanza(msg); await u.waitUntil(() => view.querySelectorAll('.chat-msg').length === 4); msg = $msg({ 'xmlns': 'jabber:client', 'id': _converse.connection.getUniqueId(), 'to': _converse.bare_jid, 'from': sender_jid, 'type': 'chat'}) .c('body').t("An earlier message on the next day").up() .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T12:18:23Z'}) .tree(); _converse.handleMessageStanza(msg); await u.waitUntil(() => view.querySelectorAll('.chat-msg').length === 5); msg = $msg({ 'xmlns': 'jabber:client', 'id': _converse.connection.getUniqueId(), 'to': _converse.bare_jid, 'from': sender_jid, 'type': 'chat'}) .c('body').t("newer message from the next day").up() .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T22:28:23Z'}) .tree(); _converse.handleMessageStanza(msg); await u.waitUntil(() => view.querySelectorAll('.chat-msg').length === 6); // Insert message, to also check that // text messages are inserted correctly with // temporary chat events in the chat contents. msg = $msg({ 'id': _converse.connection.getUniqueId(), 'to': _converse.bare_jid, 'xmlns': 'jabber:client', 'from': sender_jid, 'type': 'chat'}) .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up() .tree(); _converse.handleMessageStanza(msg); const csntext = await u.waitUntil(() => view.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual('Mercutio is typing'); msg = $msg({ 'id': _converse.connection.getUniqueId(), 'to': _converse.bare_jid, 'xmlns': 'jabber:client', 'from': sender_jid, 'type': 'chat'}) .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up() .c('body').t("latest message") .tree(); await _converse.handleMessageStanza(msg); await u.waitUntil(() => view.querySelectorAll('.chat-msg').length === 7); view.clearSpinner(); //cleanup expect(view.querySelectorAll('.date-separator').length).toEqual(4); let day = sizzle('.date-separator:first', view).pop(); expect(day.getAttribute('data-isodate')).toEqual(dayjs('2017-12-31T00:00:00').toISOString()); let time = sizzle('time:first', view).pop(); expect(time.textContent).toEqual('Sunday Dec 31st 2017') day = sizzle('.date-separator:first', view).pop(); expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('Older message'); let el = sizzle('.chat-msg:first', view).pop().querySelector('.chat-msg__text') expect(u.hasClass('chat-msg--followup', el)).toBe(false); expect(el.textContent).toEqual('Older message'); time = sizzle('time.separator-text:eq(1)', view).pop(); expect(time.textContent).toEqual("Monday Jan 1st 2018"); day = sizzle('.date-separator:eq(1)', view).pop(); expect(day.getAttribute('data-isodate')).toEqual(dayjs('2018-01-01T00:00:00').toISOString()); expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('Inbetween message'); el = sizzle('.chat-msg:eq(1)', view).pop(); expect(el.querySelector('.chat-msg__text').textContent).toEqual('Inbetween message'); expect(el.parentElement.nextElementSibling.querySelector('.chat-msg__text').textContent).toEqual('another inbetween message'); el = sizzle('.chat-msg:eq(2)', view).pop(); expect(el.querySelector('.chat-msg__text').textContent) .toEqual('another inbetween message'); expect(u.hasClass('chat-msg--followup', el)).toBe(true); time = sizzle('time.separator-text:nth(2)', view).pop(); expect(time.textContent).toEqual("Tuesday Jan 2nd 2018"); day = sizzle('.date-separator:nth(2)', view).pop(); expect(day.getAttribute('data-isodate')).toEqual(dayjs('2018-01-02T00:00:00').toISOString()); expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('An earlier message on the next day'); el = sizzle('.chat-msg:eq(3)', view).pop(); expect(el.querySelector('.chat-msg__text').textContent).toEqual('An earlier message on the next day'); expect(u.hasClass('chat-msg--followup', el)).toBe(false); el = sizzle('.chat-msg:eq(4)', view).pop(); expect(el.querySelector('.chat-msg__text').textContent).toEqual('message'); expect(el.parentElement.nextElementSibling.querySelector('.chat-msg__text').textContent).toEqual('newer message from the next day'); expect(u.hasClass('chat-msg--followup', el)).toBe(false); day = sizzle('.date-separator:last', view).pop(); expect(day.getAttribute('data-isodate')).toEqual(dayjs().startOf('day').toISOString()); expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('latest message'); expect(u.hasClass('chat-msg--followup', el)).toBe(false); done(); })); it("is ignored if it's a malformed headline message", mock.initConverse([], {}, async function (done, _converse) { await mock.waitForRoster(_converse, 'current'); await mock.openControlBox(_converse); // Ideally we wouldn't have to filter out headline // messages, but Prosody gives them the wrong 'type' :( spyOn(converse.env.log, 'info'); sinon.spy(_converse.api.chatboxes, 'get'); const msg = $msg({ from: 'montague.lit', to: _converse.bare_jid, type: 'chat', id: u.getUniqueId() }).c('body').t("This headline message will not be shown").tree(); await _converse.handleMessageStanza(msg); expect(converse.env.log.info).toHaveBeenCalledWith( "handleMessageStanza: Ignoring incoming server message from JID: montague.lit" ); expect(_converse.api.chatboxes.get.called).toBeFalsy(); // Remove sinon spies _converse.api.chatboxes.get.restore(); done(); })); it("can be a carbon message, as defined in XEP-0280", mock.initConverse([], {}, async function (done, _converse) { const include_nick = false; await mock.waitForRoster(_converse, 'current', 2, include_nick); await mock.openControlBox(_converse); // Send a message from a different resource const msgtext = 'This is a carbon message'; const sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@montague.lit'; const msg = $msg({ 'from': _converse.bare_jid, 'id': u.getUniqueId(), 'to': _converse.connection.jid, 'type': 'chat', 'xmlns': 'jabber:client' }).c('received', {'xmlns': 'urn:xmpp:carbons:2'}) .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'}) .c('message', { 'xmlns': 'jabber:client', 'from': sender_jid, 'to': _converse.bare_jid+'/another-resource', 'type': 'chat' }).c('body').t(msgtext).tree(); await _converse.handleMessageStanza(msg); const chatbox = _converse.chatboxes.get(sender_jid); const view = _converse.chatboxviews.get(sender_jid); expect(chatbox).toBeDefined(); expect(view).toBeDefined(); // Check that the message was received and check the message parameters await u.waitUntil(() => chatbox.messages.length); const msg_obj = chatbox.messages.models[0]; expect(msg_obj.get('message')).toEqual(msgtext); expect(msg_obj.get('fullname')).toBeUndefined(); expect(msg_obj.get('nickname')).toBe(null); expect(msg_obj.get('sender')).toEqual('them'); expect(msg_obj.get('is_delayed')).toEqual(false); // Now check that the message appears inside the chatbox in the DOM await u.waitUntil(() => view.querySelector('.chat-msg .chat-msg__text')); expect(view.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(msgtext); expect(view.querySelector('.chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy(); await u.waitUntil(() => chatbox.vcard.get('fullname') === 'Juliet Capulet') expect(view.querySelector('span.chat-msg__author').textContent.trim()).toBe('Juliet Capulet'); done(); })); it("can be a carbon message that this user sent from a different client, as defined in XEP-0280", mock.initConverse([], {}, async function (done, _converse) { await mock.waitUntilDiscoConfirmed(_converse, 'montague.lit', [], ['vcard-temp']); await mock.waitForRoster(_converse, 'current'); await mock.openControlBox(_converse); // Send a message from a different resource const msgtext = 'This is a sent carbon message'; const recipient_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@montague.lit'; const msg = $msg({ 'from': _converse.bare_jid, 'id': u.getUniqueId(), 'to': _converse.connection.jid, 'type': 'chat', 'xmlns': 'jabber:client' }).c('sent', {'xmlns': 'urn:xmpp:carbons:2'}) .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'}) .c('message', { 'xmlns': 'jabber:client', 'from': _converse.bare_jid+'/another-resource', 'to': recipient_jid, 'type': 'chat' }).c('body').t(msgtext).tree(); await _converse.handleMessageStanza(msg); // Check that the chatbox and its view now exist const chatbox = await _converse.api.chats.get(recipient_jid); const view = _converse.api.chatviews.get(recipient_jid); expect(chatbox).toBeDefined(); expect(view).toBeDefined(); // Check that the message was received and check the message parameters expect(chatbox.messages.length).toEqual(1); const msg_obj = chatbox.messages.models[0]; expect(msg_obj.get('message')).toEqual(msgtext); expect(msg_obj.get('fullname')).toEqual(_converse.xmppstatus.get('fullname')); expect(msg_obj.get('sender')).toEqual('me'); expect(msg_obj.get('is_delayed')).toEqual(false); // Now check that the message appears inside the chatbox in the DOM const msg_el = await u.waitUntil(() => view.querySelector('.chat-content .chat-msg .chat-msg__text')); expect(msg_el.textContent).toEqual(msgtext); done(); })); it("will be discarded if it's a malicious message meant to look like a carbon copy", mock.initConverse([], {}, async function (done, _converse) { await mock.waitForRoster(_converse, 'current'); await mock.openControlBox(_converse); /* * * * * Please come to Creepy Valley tonight, alone! * * * * */ const msgtext = 'Please come to Creepy Valley tonight, alone!'; const sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@montague.lit'; const impersonated_jid = mock.cur_names[2].replace(/ /g,'.').toLowerCase() + '@montague.lit'; const msg = $msg({ 'from': sender_jid, 'id': u.getUniqueId(), 'to': _converse.connection.jid, 'type': 'chat', 'xmlns': 'jabber:client' }).c('received', {'xmlns': 'urn:xmpp:carbons:2'}) .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'}) .c('message', { 'xmlns': 'jabber:client', 'from': impersonated_jid, 'to': _converse.connection.jid, 'type': 'chat' }).c('body').t(msgtext).tree(); await _converse.handleMessageStanza(msg); // Check that chatbox for impersonated user is not created. let chatbox = await _converse.api.chats.get(impersonated_jid); expect(chatbox).toBe(null); // Check that the chatbox for the malicous user is not created chatbox = await _converse.api.chats.get(sender_jid); expect(chatbox).toBe(null); done(); })); it("will indicate when it has a time difference of more than a day between it and its predecessor", mock.initConverse(['chatBoxesFetched'], {}, async function (done, _converse) { const include_nick = false; await mock.waitForRoster(_converse, 'current', 2, include_nick); await mock.openControlBox(_converse); spyOn(_converse.api, "trigger").and.callThrough(); const contact_name = mock.cur_names[1]; const contact_jid = contact_name.replace(/ /g,'.').toLowerCase() + '@montague.lit'; const rosterview = document.querySelector('converse-roster'); await u.waitUntil(() => rosterview.querySelectorAll('.roster-group').length); await mock.openChatBoxFor(_converse, contact_jid); const one_day_ago = dayjs().subtract(1, 'day'); const chatbox = _converse.chatboxes.get(contact_jid); const view = _converse.chatboxviews.get(contact_jid); let message = 'This is a day old message'; let msg = $msg({ from: contact_jid, to: _converse.connection.jid, type: 'chat', id: one_day_ago.toDate().getTime() }).c('body').t(message).up() .c('delay', { xmlns:'urn:xmpp:delay', from: 'montague.lit', stamp: one_day_ago.toISOString() }) .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree(); await _converse.handleMessageStanza(msg); await u.waitUntil(() => view.querySelectorAll('.chat-msg').length); expect(_converse.api.trigger).toHaveBeenCalledWith('message', jasmine.any(Object)); expect(chatbox.messages.length).toEqual(1); let msg_obj = chatbox.messages.models[0]; expect(msg_obj.get('message')).toEqual(message); expect(msg_obj.get('fullname')).toBeUndefined(); expect(msg_obj.get('nickname')).toBe(null); expect(msg_obj.get('sender')).toEqual('them'); expect(msg_obj.get('is_delayed')).toEqual(true); await u.waitUntil(() => chatbox.vcard.get('fullname') === 'Juliet Capulet') expect(view.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(message); expect(view.querySelector('.chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy(); expect(view.querySelector('span.chat-msg__author').textContent.trim()).toBe('Juliet Capulet'); expect(view.querySelectorAll('.date-separator').length).toEqual(1); let day = view.querySelector('.date-separator'); expect(day.getAttribute('class')).toEqual('message date-separator'); expect(day.getAttribute('data-isodate')).toEqual(dayjs(one_day_ago.startOf('day')).toISOString()); let time = view.querySelector('time.separator-text'); expect(time.textContent).toEqual(dayjs(one_day_ago.startOf('day')).format("dddd MMM Do YYYY")); message = 'This is a current message'; msg = $msg({ from: contact_jid, to: _converse.connection.jid, type: 'chat', id: new Date().getTime() }).c('body').t(message).up() .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree(); await _converse.handleMessageStanza(msg); await u.waitUntil(() => view.querySelectorAll('.chat-msg').length === 2); expect(_converse.api.trigger).toHaveBeenCalledWith('message', jasmine.any(Object)); // Check that there is a