/*global mock */ const _ = converse.env._, $pres = converse.env.$pres, $iq = converse.env.$iq, $msg = converse.env.$msg, Model = converse.env.Model, Strophe = converse.env.Strophe, Promise = converse.env.Promise, sizzle = converse.env.sizzle, u = converse.env.utils; describe("Groupchats", function () { describe("The \"rooms\" API", function () { it("has a method 'close' which closes rooms by JID or all rooms when called with no arguments", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); _converse.connection.IQ_stanzas = []; await mock.openAndEnterChatRoom(_converse, 'leisure@montague.lit', 'romeo'); _converse.connection.IQ_stanzas = []; await mock.openAndEnterChatRoom(_converse, 'news@montague.lit', 'romeo'); expect(u.isVisible(_converse.chatboxviews.get('lounge@montague.lit').el)).toBeTruthy(); expect(u.isVisible(_converse.chatboxviews.get('leisure@montague.lit').el)).toBeTruthy(); expect(u.isVisible(_converse.chatboxviews.get('news@montague.lit').el)).toBeTruthy(); await _converse.api.roomviews.close('lounge@montague.lit'); expect(_converse.chatboxviews.get('lounge@montague.lit')).toBeUndefined(); expect(u.isVisible(_converse.chatboxviews.get('leisure@montague.lit').el)).toBeTruthy(); expect(u.isVisible(_converse.chatboxviews.get('news@montague.lit').el)).toBeTruthy(); await _converse.api.roomviews.close(['leisure@montague.lit', 'news@montague.lit']); expect(_converse.chatboxviews.get('lounge@montague.lit')).toBeUndefined(); expect(_converse.chatboxviews.get('leisure@montague.lit')).toBeUndefined(); expect(_converse.chatboxviews.get('news@montague.lit')).toBeUndefined(); await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); await mock.openAndEnterChatRoom(_converse, 'leisure@montague.lit', 'romeo'); expect(u.isVisible(_converse.chatboxviews.get('lounge@montague.lit').el)).toBeTruthy(); expect(u.isVisible(_converse.chatboxviews.get('leisure@montague.lit').el)).toBeTruthy(); await _converse.api.roomviews.close(); expect(_converse.chatboxviews.get('lounge@montague.lit')).toBeUndefined(); expect(_converse.chatboxviews.get('leisure@montague.lit')).toBeUndefined(); done(); })); it("has a method 'get' which returns a wrapped groupchat (if it exists)", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.waitForRoster(_converse, 'current'); await u.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group .group-toggle').length, 300); let muc_jid = 'chillout@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo'); let room = await _converse.api.rooms.get(muc_jid); expect(room instanceof Object).toBeTruthy(); let chatroomview = _converse.chatboxviews.get(muc_jid); expect(chatroomview.is_chatroom).toBeTruthy(); expect(u.isVisible(chatroomview.el)).toBeTruthy(); await chatroomview.close(); // Test with mixed case muc_jid = 'Leisure@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo'); room = await _converse.api.rooms.get(muc_jid); expect(room instanceof Object).toBeTruthy(); chatroomview = _converse.chatboxviews.get(muc_jid.toLowerCase()); expect(u.isVisible(chatroomview.el)).toBeTruthy(); muc_jid = 'leisure@montague.lit'; room = await _converse.api.rooms.get(muc_jid); expect(room instanceof Object).toBeTruthy(); chatroomview = _converse.chatboxviews.get(muc_jid.toLowerCase()); expect(u.isVisible(chatroomview.el)).toBeTruthy(); muc_jid = 'leiSure@montague.lit'; room = await _converse.api.rooms.get(muc_jid); expect(room instanceof Object).toBeTruthy(); chatroomview = _converse.chatboxviews.get(muc_jid.toLowerCase()); expect(u.isVisible(chatroomview.el)).toBeTruthy(); chatroomview.close(); // Non-existing room muc_jid = 'chillout2@montague.lit'; room = await _converse.api.rooms.get(muc_jid); expect(room).toBe(null); done(); })); it("has a method 'open' which opens (optionally configures) and returns a wrapped chat box", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { // Mock 'getDiscoInfo', otherwise the room won't be // displayed as it waits first for the features to be returned // (when it's a new room being created). spyOn(_converse.ChatRoom.prototype, 'getDiscoInfo').and.callFake(() => Promise.resolve()); let jid = 'lounge@montague.lit'; let chatroomview, IQ_id; await mock.openControlBox(_converse); await mock.waitForRoster(_converse, 'current'); await u.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group .group-toggle').length); let room = await _converse.api.rooms.open(jid); // Test on groupchat that's not yet open expect(room instanceof Model).toBeTruthy(); chatroomview = _converse.chatboxviews.get(jid); expect(chatroomview.is_chatroom).toBeTruthy(); await u.waitUntil(() => u.isVisible(chatroomview.el)); // Test again, now that the room exists. room = await _converse.api.rooms.open(jid); expect(room instanceof Model).toBeTruthy(); chatroomview = _converse.chatboxviews.get(jid); expect(chatroomview.is_chatroom).toBeTruthy(); expect(u.isVisible(chatroomview.el)).toBeTruthy(); await chatroomview.close(); // Test with mixed case in JID jid = 'Leisure@montague.lit'; room = await _converse.api.rooms.open(jid); expect(room instanceof Model).toBeTruthy(); chatroomview = _converse.chatboxviews.get(jid.toLowerCase()); await u.waitUntil(() => u.isVisible(chatroomview.el)); jid = 'leisure@montague.lit'; room = await _converse.api.rooms.open(jid); expect(room instanceof Model).toBeTruthy(); chatroomview = _converse.chatboxviews.get(jid.toLowerCase()); await u.waitUntil(() => u.isVisible(chatroomview.el)); jid = 'leiSure@montague.lit'; room = await _converse.api.rooms.open(jid); expect(room instanceof Model).toBeTruthy(); chatroomview = _converse.chatboxviews.get(jid.toLowerCase()); await u.waitUntil(() => u.isVisible(chatroomview.el)); chatroomview.close(); _converse.muc_instant_rooms = false; const sendIQ = _converse.connection.sendIQ; spyOn(_converse.connection, 'sendIQ').and.callFake(function (iq, callback, errback) { IQ_id = sendIQ.bind(this)(iq, callback, errback); }); // Test with configuration room = await _converse.api.rooms.open('room@conference.example.org', { 'nick': 'some1', 'auto_configure': true, 'roomconfig': { 'getmemberlist': ['moderator', 'participant'], 'changesubject': false, 'membersonly': true, 'persistentroom': true, 'publicroom': true, 'roomdesc': 'Welcome to this groupchat', 'whois': 'anyone' } }); expect(room instanceof Model).toBeTruthy(); chatroomview = _converse.chatboxviews.get('room@conference.example.org'); // We pretend this is a new room, so no disco info is returned. const features_stanza = $iq({ from: 'room@conference.example.org', 'id': IQ_id, 'to': 'romeo@montague.lit/desktop', 'type': 'error' }).c('error', {'type': 'cancel'}) .c('item-not-found', {'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas"}); _converse.connection._dataRecv(mock.createRequest(features_stanza)); /* * * * * * * */ const presence = $pres({ from:'room@conference.example.org/some1', to:'romeo@montague.lit/pda' }) .c('x', {xmlns:'http://jabber.org/protocol/muc#user'}) .c('item', { affiliation: 'owner', jid: 'romeo@montague.lit/pda', role: 'moderator' }).up() .c('status', {code:'110'}).up() .c('status', {code:'201'}); _converse.connection._dataRecv(mock.createRequest(presence)); expect(_converse.connection.sendIQ).toHaveBeenCalled(); const IQ_stanzas = _converse.connection.IQ_stanzas; const iq = IQ_stanzas.filter(s => s.querySelector(`query[xmlns="${Strophe.NS.MUC_OWNER}"]`)).pop(); expect(Strophe.serialize(iq)).toBe( ``+ ``); const node = u.toStanza(` Configuration for room@conference.example.org Complete and submit this form to configure the room. http://jabber.org/protocol/muc#roomconfig Room 1 moderator participant visitor 20 `); spyOn(chatroomview.model, 'sendConfiguration').and.callThrough(); _converse.connection._dataRecv(mock.createRequest(node)); await u.waitUntil(() => chatroomview.model.sendConfiguration.calls.count() === 1); const sent_stanza = IQ_stanzas.filter(s => s.getAttribute('type') === 'set').pop(); expect(sizzle('field[var="muc#roomconfig_roomname"] value', sent_stanza).pop().textContent.trim()).toBe('Room'); expect(sizzle('field[var="muc#roomconfig_roomdesc"] value', sent_stanza).pop().textContent.trim()).toBe('Welcome to this groupchat'); expect(sizzle('field[var="muc#roomconfig_persistentroom"] value', sent_stanza).pop().textContent.trim()).toBe('1'); expect(sizzle('field[var="muc#roomconfig_getmemberlist"] value', sent_stanza).map(e => e.textContent.trim()).join(' ')).toBe('moderator participant'); expect(sizzle('field[var="muc#roomconfig_publicroom"] value ', sent_stanza).pop().textContent.trim()).toBe('1'); expect(sizzle('field[var="muc#roomconfig_changesubject"] value', sent_stanza).pop().textContent.trim()).toBe('0'); expect(sizzle('field[var="muc#roomconfig_whois"] value ', sent_stanza).pop().textContent.trim()).toBe('anyone'); expect(sizzle('field[var="muc#roomconfig_membersonly"] value', sent_stanza).pop().textContent.trim()).toBe('1'); expect(sizzle('field[var="muc#roomconfig_historylength"] value', sent_stanza).pop().textContent.trim()).toBe('20'); done(); })); }); describe("An instant groupchat", function () { it("will be created when muc_instant_rooms is set to true", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { let IQ_stanzas = _converse.connection.IQ_stanzas; const muc_jid = 'lounge@montague.lit'; await mock.openChatRoom(_converse, 'lounge', 'montague.lit', 'romeo'); const disco_selector = `iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]`; const stanza = await u.waitUntil(() => IQ_stanzas.filter(iq => iq.querySelector(disco_selector)).pop()); // We pretend this is a new room, so no disco info is returned. const features_stanza = $iq({ 'from': 'lounge@montague.lit', 'id': stanza.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'error' }).c('error', {'type': 'cancel'}) .c('item-not-found', {'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas"}); _converse.connection._dataRecv(mock.createRequest(features_stanza)); const view = _converse.chatboxviews.get('lounge@montague.lit'); spyOn(view.model, 'join').and.callThrough(); await mock.waitForReservedNick(_converse, muc_jid, ''); const input = await u.waitUntil(() => view.el.querySelector('input[name="nick"]'), 1000); expect(view.model.session.get('connection_status')).toBe(converse.ROOMSTATUS.NICKNAME_REQUIRED); input.value = 'nicky'; view.el.querySelector('input[type=submit]').click(); expect(view.model.join).toHaveBeenCalled(); _converse.connection.IQ_stanzas = []; await mock.getRoomFeatures(_converse, muc_jid); await u.waitUntil(() => view.model.session.get('connection_status') === converse.ROOMSTATUS.CONNECTING); // The user has just entered the room (because join was called) // and receives their own presence from the server. // See example 24: // https://xmpp.org/extensions/xep-0045.html#enter-pres // /* * * * * * * */ const presence = $pres({ to:'romeo@montague.lit/orchard', from:'lounge@montague.lit/nicky', id:'5025e055-036c-4bc5-a227-706e7e352053' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'owner', jid: 'romeo@montague.lit/orchard', role: 'moderator' }).up() .c('status').attrs({code:'110'}).up() .c('status').attrs({code:'201'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.model.session.get('connection_status') === converse.ROOMSTATUS.ENTERED); await mock.returnMemberLists(_converse, muc_jid); const num_info_msgs = await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-info').length); expect(num_info_msgs).toBe(1); const info_texts = Array.from(view.el.querySelectorAll('.chat-content .chat-info')).map(e => e.textContent.trim()); expect(info_texts[0]).toBe('A new groupchat has been created'); const csntext = await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual("nicky has entered the groupchat"); // An instant room is created by saving the default configuratoin. // /* * * */ const selector = `query[xmlns="${Strophe.NS.MUC_OWNER}"]`; IQ_stanzas = _converse.connection.IQ_stanzas; const iq = await u.waitUntil(() => IQ_stanzas.filter(s => s.querySelector(selector)).pop()); expect(Strophe.serialize(iq)).toBe( ``+ ``+ ``); done(); })); }); describe("A Groupchat", function () { describe("upon being entered", function () { it("will fetch the member list if muc_fetch_members is true", mock.initConverse( ['rosterGroupsFetched'], {'muc_fetch_members': true}, async function (done, _converse) { let sent_IQs = _converse.connection.IQ_stanzas; const muc_jid = 'lounge@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo'); let view = _converse.chatboxviews.get(muc_jid); expect(sent_IQs.filter(iq => iq.querySelector('query item[affiliation]')).length).toBe(3); // Check in reverse order that we requested all three lists const owner_iq = sent_IQs.pop(); expect(Strophe.serialize(owner_iq)).toBe( ``+ ``+ ``); const admin_iq = sent_IQs.pop(); expect(Strophe.serialize(admin_iq)).toBe( ``+ ``+ ``); const member_iq = sent_IQs.pop(); expect(Strophe.serialize(member_iq)).toBe( ``+ ``+ ``); view.close(); _converse.connection.IQ_stanzas = []; sent_IQs = _converse.connection.IQ_stanzas; _converse.muc_fetch_members = false; await mock.openAndEnterChatRoom(_converse, 'orchard@montague.lit', 'romeo'); view = _converse.chatboxviews.get('orchard@montague.lit'); expect(sent_IQs.filter(iq => iq.querySelector('query item[affiliation]')).length).toBe(0); await view.close(); _converse.connection.IQ_stanzas = []; sent_IQs = _converse.connection.IQ_stanzas; _converse.muc_fetch_members = ['admin']; await mock.openAndEnterChatRoom(_converse, 'courtyard@montague.lit', 'romeo'); view = _converse.chatboxviews.get('courtyard@montague.lit'); expect(sent_IQs.filter(iq => iq.querySelector('query item[affiliation]')).length).toBe(1); expect(sent_IQs.filter(iq => iq.querySelector('query item[affiliation="admin"]')).length).toBe(1); view.close(); _converse.connection.IQ_stanzas = []; sent_IQs = _converse.connection.IQ_stanzas; _converse.muc_fetch_members = ['owner']; await mock.openAndEnterChatRoom(_converse, 'garden@montague.lit', 'romeo'); view = _converse.chatboxviews.get('garden@montague.lit'); expect(sent_IQs.filter(iq => iq.querySelector('query item[affiliation]')).length).toBe(1); expect(sent_IQs.filter(iq => iq.querySelector('query item[affiliation="owner"]')).length).toBe(1); view.close(); done(); })); describe("when fetching the member lists", function () { it("gracefully handles being forbidden from fetching the lists for certain affiliations", mock.initConverse( ['rosterGroupsFetched'], {'muc_fetch_members': true}, async function (done, _converse) { const sent_IQs = _converse.connection.IQ_stanzas; const muc_jid = 'lounge@montague.lit'; const features = [ 'http://jabber.org/protocol/muc', 'jabber:iq:register', 'muc_hidden', 'muc_membersonly', 'muc_passwordprotected', Strophe.NS.MAM, Strophe.NS.SID ]; const nick = 'romeo'; await _converse.api.rooms.open(muc_jid); await mock.getRoomFeatures(_converse, muc_jid, features); await mock.waitForReservedNick(_converse, muc_jid, nick); mock.receiveOwnMUCPresence(_converse, muc_jid, nick); const view = _converse.chatboxviews.get(muc_jid); await u.waitUntil(() => (view.model.session.get('connection_status') === converse.ROOMSTATUS.ENTERED)); // Check in reverse order that we requested all three lists const owner_iq = sent_IQs.pop(); expect(Strophe.serialize(owner_iq)).toBe( ``+ ``+ ``); const admin_iq = sent_IQs.pop(); expect(Strophe.serialize(admin_iq)).toBe( ``+ ``+ ``); const member_iq = sent_IQs.pop(); expect(Strophe.serialize(member_iq)).toBe( ``+ ``+ ``); // It might be that the user is not allowed to fetch certain lists. let err_stanza = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(err_stanza)); err_stanza = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(err_stanza)); // Now the service sends the member lists to the user const member_list_stanza = $iq({ 'from': muc_jid, 'id': member_iq.getAttribute('id'), 'to': 'romeo@montague.lit/orchard', 'type': 'result' }).c('query', {'xmlns': Strophe.NS.MUC_ADMIN}) .c('item', { 'affiliation': 'member', 'jid': 'hag66@shakespeare.lit', 'nick': 'thirdwitch', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(member_list_stanza)); await u.waitUntil(() => view.model.occupants.length > 1); expect(view.model.occupants.length).toBe(2); // The existing owner occupant should not have their // affiliation removed due to the owner list // not being returned (forbidden err). expect(view.model.occupants.findWhere({'jid': _converse.bare_jid}).get('affiliation')).toBe('owner'); expect(view.model.occupants.findWhere({'jid': 'hag66@shakespeare.lit'}).get('affiliation')).toBe('member'); done(); })); }); }); describe("topic", function () { it("is shown the header", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'jdev@conference.jabber.org', 'jc'); const text = 'Jabber/XMPP Development | RFCs and Extensions: https://xmpp.org/ | Protocol and XSF discussions: xsf@muc.xmpp.org'; let stanza = u.toStanza(` ${text} `); _converse.connection._dataRecv(mock.createRequest(stanza)); const view = _converse.chatboxviews.get('jdev@conference.jabber.org'); await new Promise(resolve => view.model.once('change:subject', resolve)); const head_desc = await u.waitUntil(() => view.el.querySelector('.chat-head__desc')); expect(head_desc?.textContent.trim()).toBe(text); stanza = u.toStanza( ` This is a message subject This is a message `); _converse.connection._dataRecv(mock.createRequest(stanza)); await new Promise(resolve => view.once('messageInserted', resolve)); expect(sizzle('.chat-msg__subject', view.el).length).toBe(1); expect(sizzle('.chat-msg__subject', view.el).pop().textContent.trim()).toBe('This is a message subject'); expect(sizzle('.chat-msg__text').length).toBe(1); expect(sizzle('.chat-msg__text').pop().textContent.trim()).toBe('This is a message'); expect(view.el.querySelector('.chat-head__desc').textContent.trim()).toBe(text); done(); })); it("can be toggled by the user", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'jdev@conference.jabber.org', 'jc'); const text = 'Jabber/XMPP Development | RFCs and Extensions: https://xmpp.org/ | Protocol and XSF discussions: xsf@muc.xmpp.org'; let stanza = u.toStanza(` ${text} `); _converse.connection._dataRecv(mock.createRequest(stanza)); const view = _converse.chatboxviews.get('jdev@conference.jabber.org'); await new Promise(resolve => view.model.once('change:subject', resolve)); const head_desc = await u.waitUntil(() => view.el.querySelector('.chat-head__desc')); expect(head_desc?.textContent.trim()).toBe(text); stanza = u.toStanza( ` This is a message subject This is a message `); _converse.connection._dataRecv(mock.createRequest(stanza)); await new Promise(resolve => view.once('messageInserted', resolve)); expect(sizzle('.chat-msg__subject', view.el).length).toBe(1); expect(sizzle('.chat-msg__subject', view.el).pop().textContent.trim()).toBe('This is a message subject'); expect(sizzle('.chat-msg__text').length).toBe(1); expect(sizzle('.chat-msg__text').pop().textContent.trim()).toBe('This is a message'); const topic_el = view.el.querySelector('.chat-head__desc'); expect(topic_el.textContent.trim()).toBe(text); expect(u.isVisible(topic_el)).toBe(true); const toggle = view.el.querySelector('.hide-topic'); expect(toggle.textContent).toBe('Hide topic'); toggle.click(); await u.waitUntil(() => !u.isVisible(topic_el)); expect(view.el.querySelector('.hide-topic').textContent).toBe('Show topic'); done(); })); it("will always be shown when it's new", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'jdev@conference.jabber.org', 'jc'); const text = 'Jabber/XMPP Development | RFCs and Extensions: https://xmpp.org/ | Protocol and XSF discussions: xsf@muc.xmpp.org'; let stanza = u.toStanza(` ${text} `); _converse.connection._dataRecv(mock.createRequest(stanza)); const view = _converse.chatboxviews.get('jdev@conference.jabber.org'); await new Promise(resolve => view.model.once('change:subject', resolve)); const head_desc = await u.waitUntil(() => view.el.querySelector('.chat-head__desc')); expect(head_desc?.textContent.trim()).toBe(text); let topic_el = view.el.querySelector('.chat-head__desc'); expect(topic_el.textContent.trim()).toBe(text); expect(u.isVisible(topic_el)).toBe(true); const toggle = view.el.querySelector('.hide-topic'); expect(toggle.textContent).toBe('Hide topic'); toggle.click(); await u.waitUntil(() => !u.isVisible(topic_el)); stanza = u.toStanza(` Another topic `); _converse.connection._dataRecv(mock.createRequest(stanza)); await u.waitUntil(() => u.isVisible(view.el.querySelector('.chat-head__desc'))); topic_el = view.el.querySelector('.chat-head__desc'); expect(topic_el.textContent.trim()).toBe('Another topic'); done(); })); it("causes an info message to be shown when received in real-time", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { spyOn(_converse.ChatRoom.prototype, 'handleSubjectChange').and.callThrough(); await mock.openAndEnterChatRoom(_converse, 'jdev@conference.jabber.org', 'romeo'); const view = _converse.chatboxviews.get('jdev@conference.jabber.org'); _converse.connection._dataRecv(mock.createRequest(u.toStanza(` This is an older topic `))); await u.waitUntil(() => view.model.handleSubjectChange.calls.count()); expect(sizzle('.chat-info__message', view.el).length).toBe(0); const desc = await u.waitUntil(() => view.el.querySelector('.chat-head__desc')); expect(desc.textContent.trim()).toBe('This is an older topic'); _converse.connection._dataRecv(mock.createRequest(u.toStanza(` This is a new topic `))); await u.waitUntil(() => view.model.handleSubjectChange.calls.count() === 2); let el = sizzle('.chat-info__message', view.el).pop(); expect(el.textContent.trim()).toBe('Topic set by ralphm'); await u.waitUntil(() => desc.textContent.trim() === 'This is a new topic'); // Doesn't show multiple subsequent topic change notifications _converse.connection._dataRecv(mock.createRequest(u.toStanza(` Yet another topic `))); await u.waitUntil(() => view.model.handleSubjectChange.calls.count() === 3); await u.waitUntil(() => desc.textContent.trim() === 'Yet another topic'); expect(sizzle('.chat-info__message', view.el).length).toBe(1); // Sow multiple subsequent topic change notification from someone else _converse.connection._dataRecv(mock.createRequest(u.toStanza(` Some1's topic `))); await u.waitUntil(() => view.model.handleSubjectChange.calls.count() === 4); await u.waitUntil(() => desc.textContent.trim() === "Some1's topic"); expect(sizzle('.chat-info__message', view.el).length).toBe(2); el = sizzle('.chat-info__message', view.el).pop(); expect(el.textContent.trim()).toBe('Topic set by some1'); // Removes current topic const stanza = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(stanza)); await u.waitUntil(() => view.model.handleSubjectChange.calls.count() === 5); await u.waitUntil(() => view.el.querySelector('.chat-head__desc') === null); expect(view.el.querySelector('.chat-info:last-child').textContent.trim()).toBe("Topic cleared by some1"); done(); })); }); it("clears cached messages when it gets closed and clear_messages_on_reconnection is true", mock.initConverse( ['rosterGroupsFetched'], {'clear_messages_on_reconnection': true}, async function (done, _converse) { const muc_jid = 'lounge@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid , 'romeo'); const view = _converse.chatboxviews.get(muc_jid); const message = 'Hello world', nick = mock.chatroom_names[0], msg = $msg({ 'from': 'lounge@montague.lit/'+nick, 'id': u.getUniqueId(), 'to': 'romeo@montague.lit', 'type': 'groupchat' }).c('body').t(message).tree(); await view.model.queueMessage(msg); spyOn(view.model, 'clearMessages').and.callThrough(); await view.model.close(); await u.waitUntil(() => view.model.clearMessages.calls.count()); expect(view.model.messages.length).toBe(0); expect(view.msgs_container.innerHTML).toBe(''); done() })); it("is opened when an xmpp: URI is clicked inside another groupchat", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.waitForRoster(_converse, 'current'); await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); if (!view.el.querySelectorAll('.chat-area').length) { view.renderChatArea(); } expect(_converse.chatboxes.length).toEqual(2); const message = 'Please go to xmpp:coven@chat.shakespeare.lit?join', nick = mock.chatroom_names[0], msg = $msg({ 'from': 'lounge@montague.lit/'+nick, 'id': u.getUniqueId(), 'to': 'romeo@montague.lit', 'type': 'groupchat' }).c('body').t(message).tree(); await view.model.queueMessage(msg); await u.waitUntil(() => view.el.querySelector('.chat-msg__text a')); view.el.querySelector('.chat-msg__text a').click(); await u.waitUntil(() => _converse.chatboxes.length === 3) expect(_.includes(_converse.chatboxes.pluck('id'), 'coven@chat.shakespeare.lit')).toBe(true); done() })); it("shows a notification if it's not anonymous", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { const muc_jid = 'coven@chat.shakespeare.lit'; const nick = 'romeo'; await _converse.api.rooms.open(muc_jid); await mock.getRoomFeatures(_converse, muc_jid); await mock.waitForReservedNick(_converse, muc_jid, nick); const view = _converse.chatboxviews.get(muc_jid); /* * * * * * * */ const presence = $pres({ to: 'romeo@montague.lit/orchard', from: 'coven@chat.shakespeare.lit/some1' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'owner', 'jid': 'romeo@montague.lit/_converse.js-29092160', 'role': 'moderator' }).up() .c('status', {code: '110'}).up() .c('status', {code: '100'}); _converse.connection._dataRecv(mock.createRequest(presence)); const num_info_msgs = await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-info').length); expect(num_info_msgs).toBe(1); expect(sizzle('div.chat-info', view.content).pop().textContent.trim()).toBe("This groupchat is not anonymous"); const csntext = await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual("some1 has entered the groupchat"); done(); })); it("shows join/leave messages when users enter or exit a groupchat", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'muc_fetch_members': false}, async function (done, _converse) { const muc_jid = 'coven@chat.shakespeare.lit'; const nick = 'some1'; const room_creation_promise = await _converse.api.rooms.open(muc_jid, {nick}); await mock.getRoomFeatures(_converse, muc_jid); const sent_stanzas = _converse.connection.sent_stanzas; await u.waitUntil(() => sent_stanzas.filter(iq => sizzle('presence history', iq).length).pop()); const view = _converse.chatboxviews.get('coven@chat.shakespeare.lit'); await _converse.api.waitUntil('chatRoomViewInitialized'); /* We don't show join/leave messages for existing occupants. We * know about them because we receive their presences before we * receive our own. */ let presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/oldguy' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'oldguy@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); /* * * * * * */ presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/some1' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'owner', 'jid': 'romeo@montague.lit/_converse.js-29092160', 'role': 'moderator' }).up() .c('status', {code: '110'}); _converse.connection._dataRecv(mock.createRequest(presence)); const csntext = await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual("some1 has entered the groupchat"); await room_creation_promise; await u.waitUntil(() => (view.model.session.get('connection_status') === converse.ROOMSTATUS.ENTERED)); await view.model.messages.fetched; presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/newguy' }) .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'newguy@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1 and newguy have entered the groupchat"); const msg = $msg({ 'from': 'coven@chat.shakespeare.lit/some1', 'id': u.getUniqueId(), 'to': 'romeo@montague.lit', 'type': 'groupchat' }).c('body').t('hello world').tree(); _converse.connection._dataRecv(mock.createRequest(msg)); await new Promise(resolve => view.once('messageInserted', resolve)); // Add another entrant, otherwise the above message will be // collapsed if "newguy" leaves immediately again presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/newgirl' }) .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'newgirl@montague.lit/_converse.js-213098781', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1, newguy and newgirl have entered the groupchat"); // Don't show duplicate join messages presence = $pres({ to: 'romeo@montague.lit/_converse.js-290918392', from: 'coven@chat.shakespeare.lit/newguy' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'newguy@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); /* * Disconnected: Replaced by new connection * * * * */ presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', type: 'unavailable', from: 'coven@chat.shakespeare.lit/newguy' }) .c('status', 'Disconnected: Replaced by new connection').up() .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'newguy@montague.lit/_converse.js-290929789', 'role': 'none' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1 and newgirl have entered the groupchat\n newguy has left the groupchat"); // When the user immediately joins again, we collapse the // multiple join/leave messages. presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/newguy' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'newguy@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1, newgirl and newguy have entered the groupchat"); presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', type: 'unavailable', from: 'coven@chat.shakespeare.lit/newguy' }) .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'newguy@montague.lit/_converse.js-290929789', 'role': 'none' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1 and newgirl have entered the groupchat\n newguy has left the groupchat"); presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/nomorenicks' }) .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'nomorenicks@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1, newgirl and nomorenicks have entered the groupchat\n newguy has left the groupchat"); presence = $pres({ to: 'romeo@montague.lit/_converse.js-290918392', type: 'unavailable', from: 'coven@chat.shakespeare.lit/nomorenicks' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'nomorenicks@montague.lit/_converse.js-290929789', 'role': 'none' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1 and newgirl have entered the groupchat\n newguy and nomorenicks have left the groupchat"); presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/nomorenicks' }) .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'nomorenicks@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1, newgirl and nomorenicks have entered the groupchat\n newguy has left the groupchat"); // Test a member joining and leaving presence = $pres({ to: 'romeo@montague.lit/_converse.js-290918392', from: 'coven@chat.shakespeare.lit/insider' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'member', 'jid': 'insider@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); /* * Disconnected: Replaced by new connection * * * * */ presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', type: 'unavailable', from: 'coven@chat.shakespeare.lit/insider' }) .c('status', 'Disconnected: Replaced by new connection').up() .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'member', 'jid': 'insider@montague.lit/_converse.js-290929789', 'role': 'none' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1, newgirl and nomorenicks have entered the groupchat\n newguy and insider have left the groupchat"); expect(view.model.occupants.length).toBe(5); expect(view.model.occupants.findWhere({'jid': 'insider@montague.lit'}).get('show')).toBe('offline'); // New girl leaves presence = $pres({ 'to': 'romeo@montague.lit/_converse.js-29092160', 'type': 'unavailable', 'from': 'coven@chat.shakespeare.lit/newgirl' }) .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'newgirl@montague.lit/_converse.js-213098781', 'role': 'none' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1 and nomorenicks have entered the groupchat\n newguy, insider and newgirl have left the groupchat"); expect(view.model.occupants.length).toBe(4); done(); })); it("combines subsequent join/leave messages when users enter or exit a groupchat", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'coven@chat.shakespeare.lit', 'romeo') const view = _converse.chatboxviews.get('coven@chat.shakespeare.lit'); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo has entered the groupchat"); let presence = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo and fabio have entered the groupchat"); presence = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo, fabio and Dele Olajide have entered the groupchat"); presence = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo, fabio and others have entered the groupchat"); presence = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo, fabio and jcbrand have entered the groupchat\n Dele Olajide has left the groupchat"); presence = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo, fabio and others have entered the groupchat"); presence = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo, fabio and others have entered the groupchat"); presence = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo, fabio and others have entered the groupchat\n fuvuv has left the groupchat"); presence = u.toStanza( ` Disconnected: Replaced by new connection `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo, jcbrand and Dele Olajide have entered the groupchat\n fuvuv and fabio have left the groupchat"); presence = u.toStanza( ` Ready for a new day `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo, jcbrand and others have entered the groupchat\n fuvuv has left the groupchat"); // XXX: hack so that we can test leave/enter of occupants // who were already in the room when we joined. view.msgs_container.innerHTML = ''; presence = u.toStanza( ` Disconnected: closed `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo, jcbrand and Dele Olajide have entered the groupchat\n fuvuv and fabio have left the groupchat"); presence = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo and jcbrand have entered the groupchat\n fuvuv, fabio and Dele Olajide have left the groupchat"); presence = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo, jcbrand and fabio have entered the groupchat\n fuvuv and Dele Olajide have left the groupchat"); expect(1).toBe(1); done(); })); it("doesn't show the disconnection messages when muc_show_join_leave is false", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'muc_show_join_leave': false}, async function (done, _converse) { spyOn(_converse.ChatRoom.prototype, 'onOccupantAdded').and.callThrough(); spyOn(_converse.ChatRoom.prototype, 'onOccupantRemoved').and.callThrough(); await mock.openAndEnterChatRoom(_converse, 'coven@chat.shakespeare.lit', 'some1'); const view = _converse.chatboxviews.get('coven@chat.shakespeare.lit'); let presence = $pres({ to: 'romeo@montague.lit/orchard', from: 'coven@chat.shakespeare.lit/newguy' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'newguy@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.model.onOccupantAdded.calls.count() === 2); expect(view.model.notifications.get('entered')).toBeFalsy(); expect(view.el.querySelector('.chat-content__notifications').textContent.trim()).toBe(''); await mock.sendMessage(view, 'hello world'); presence = u.toStanza( ` Gotta go! `); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.model.onOccupantRemoved.calls.count()); expect(view.model.onOccupantRemoved.calls.count()).toBe(1); expect(view.model.notifications.get('entered')).toBeFalsy(); await mock.sendMessage(view, 'hello world'); expect(view.el.querySelector('.chat-content__notifications').textContent.trim()).toBe(''); done(); })); it("role-change messages that follow a MUC leave are left out", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { // See https://github.com/conversejs/converse.js/issues/1259 await mock.openAndEnterChatRoom(_converse, 'conversations@conference.siacs.eu', 'romeo'); const presence = $pres({ to: 'romeo@montague.lit/orchard', from: 'conversations@conference.siacs.eu/Guus' }).c('x', { 'xmlns': Strophe.NS.MUC_USER }).c('item', { 'affiliation': 'none', 'jid': 'Guus@montague.lit/xxx', 'role': 'visitor' }); _converse.connection._dataRecv(mock.createRequest(presence)); const view = _converse.chatboxviews.get('conversations@conference.siacs.eu'); const msg = $msg({ 'from': 'conversations@conference.siacs.eu/romeo', 'id': u.getUniqueId(), 'to': 'romeo@montague.lit', 'type': 'groupchat' }).c('body').t('Some message').tree(); await view.model.queueMessage(msg); await u.waitUntil(() => sizzle('.chat-msg:last .chat-msg__text', view.content).pop()); let stanza = u.toStanza( ` `); _converse.connection._dataRecv(mock.createRequest(stanza)); stanza = u.toStanza( ` bf987c486c51fbc05a6a4a9f20dd19b5efba3758 `); _converse.connection._dataRecv(mock.createRequest(stanza)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "romeo and Guus have entered the groupchat"); expect(1).toBe(1); done(); })); it("supports the /me command", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.waitUntilDiscoConfirmed(_converse, 'montague.lit', [], ['vcard-temp']); await u.waitUntil(() => _converse.xmppstatus.vcard.get('fullname')); await mock.waitForRoster(_converse, 'current'); await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); if (!view.el.querySelectorAll('.chat-area').length) { view.renderChatArea(); } let message = '/me is tired'; const nick = mock.chatroom_names[0]; let msg = $msg({ 'from': 'lounge@montague.lit/'+nick, 'id': u.getUniqueId(), 'to': 'romeo@montague.lit', 'type': 'groupchat' }).c('body').t(message).tree(); await view.model.queueMessage(msg); await u.waitUntil(() => sizzle('.chat-msg:last .chat-msg__text', view.content).pop()); expect(_.includes(view.el.querySelector('.chat-msg__author').textContent, '**Dyon van de Wege')).toBeTruthy(); expect(view.el.querySelector('.chat-msg__text').textContent.trim()).toBe('is tired'); message = '/me is as well'; msg = $msg({ from: 'lounge@montague.lit/Romeo Montague', id: u.getUniqueId(), to: 'romeo@montague.lit', type: 'groupchat' }).c('body').t(message).tree(); await view.model.queueMessage(msg); await u.waitUntil(() => view.el.querySelectorAll('.chat-msg').length === 2); expect(sizzle('.chat-msg__author:last', view.el).pop().textContent.includes('**Romeo Montague')).toBeTruthy(); expect(sizzle('.chat-msg__text:last', view.el).pop().textContent.trim()).toBe('is as well'); done(); })); it("can be configured if you're its owner", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { let sent_IQ, IQ_id; const sendIQ = _converse.connection.sendIQ; spyOn(_converse.connection, 'sendIQ').and.callFake(function (iq, callback, errback) { sent_IQ = iq; IQ_id = sendIQ.bind(this)(iq, callback, errback); }); await _converse.api.rooms.open('coven@chat.shakespeare.lit', {'nick': 'some1'}); const view = _converse.chatboxviews.get('coven@chat.shakespeare.lit'); await u.waitUntil(() => u.isVisible(view.el)); // We pretend this is a new room, so no disco info is returned. const features_stanza = $iq({ from: 'coven@chat.shakespeare.lit', 'id': IQ_id, 'to': 'romeo@montague.lit/desktop', 'type': 'error' }).c('error', {'type': 'cancel'}) .c('item-not-found', {'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas"}); _converse.connection._dataRecv(mock.createRequest(features_stanza)); /* * * * * * */ const presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/some1' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'owner', 'jid': 'romeo@montague.lit/_converse.js-29092160', 'role': 'moderator' }).up() .c('status', {code: '110'}); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.configure-chatroom-button') !== null); view.el.querySelector('.configure-chatroom-button').click(); /* Check that an IQ is sent out, asking for the * configuration form. * See: // https://xmpp.org/extensions/xep-0045.html#example-163 * * * * */ expect(sent_IQ.toLocaleString()).toBe( ``+ ``+ ``); /* Server responds with the configuration form. * See: // https://xmpp.org/extensions/xep-0045.html#example-165 */ const config_stanza = $iq({from: 'coven@chat.shakespeare.lit', 'id': IQ_id, 'to': 'romeo@montague.lit/desktop', 'type': 'result'}) .c('query', { 'xmlns': 'http://jabber.org/protocol/muc#owner'}) .c('x', { 'xmlns': 'jabber:x:data', 'type': 'form'}) .c('title').t('Configuration for "coven" Room').up() .c('instructions').t('Complete this form to modify the configuration of your room.').up() .c('field', {'type': 'hidden', 'var': 'FORM_TYPE'}) .c('value').t('http://jabber.org/protocol/muc#roomconfig').up().up() .c('field', { 'label': 'Natural-Language Room Name', 'type': 'text-single', 'var': 'muc#roomconfig_roomname'}) .c('value').t('A Dark Cave').up().up() .c('field', { 'label': 'Short Description of Room', 'type': 'text-single', 'var': 'muc#roomconfig_roomdesc'}) .c('value').t('The place for all good witches!').up().up() .c('field', { 'label': 'Enable Public Logging?', 'type': 'boolean', 'var': 'muc#roomconfig_enablelogging'}) .c('value').t(0).up().up() .c('field', { 'label': 'Allow Occupants to Change Subject?', 'type': 'boolean', 'var': 'muc#roomconfig_changesubject'}) .c('value').t(0).up().up() .c('field', { 'label': 'Allow Occupants to Invite Others?', 'type': 'boolean', 'var': 'muc#roomconfig_allowinvites'}) .c('value').t(0).up().up() .c('field', { 'label': 'Who Can Send Private Messages?', 'type': 'list-single', 'var': 'muc#roomconfig_allowpm'}) .c('value').t('anyone').up() .c('option', {'label': 'Anyone'}) .c('value').t('anyone').up().up() .c('option', {'label': 'Anyone with Voice'}) .c('value').t('participants').up().up() .c('option', {'label': 'Moderators Only'}) .c('value').t('moderators').up().up() .c('option', {'label': 'Nobody'}) .c('value').t('none').up().up().up() .c('field', { 'label': 'Roles for which Presence is Broadcasted', 'type': 'list-multi', 'var': 'muc#roomconfig_presencebroadcast'}) .c('value').t('moderator').up() .c('value').t('participant').up() .c('value').t('visitor').up() .c('option', {'label': 'Moderator'}) .c('value').t('moderator').up().up() .c('option', {'label': 'Participant'}) .c('value').t('participant').up().up() .c('option', {'label': 'Visitor'}) .c('value').t('visitor').up().up().up() .c('field', { 'label': 'Roles and Affiliations that May Retrieve Member List', 'type': 'list-multi', 'var': 'muc#roomconfig_getmemberlist'}) .c('value').t('moderator').up() .c('value').t('participant').up() .c('value').t('visitor').up() .c('option', {'label': 'Moderator'}) .c('value').t('moderator').up().up() .c('option', {'label': 'Participant'}) .c('value').t('participant').up().up() .c('option', {'label': 'Visitor'}) .c('value').t('visitor').up().up().up() .c('field', { 'label': 'Make Room Publicly Searchable?', 'type': 'boolean', 'var': 'muc#roomconfig_publicroom'}) .c('value').t(0).up().up() .c('field', { 'label': 'Make Room Publicly Searchable?', 'type': 'boolean', 'var': 'muc#roomconfig_publicroom'}) .c('value').t(0).up().up() .c('field', { 'label': 'Make Room Persistent?', 'type': 'boolean', 'var': 'muc#roomconfig_persistentroom'}) .c('value').t(0).up().up() .c('field', { 'label': 'Make Room Moderated?', 'type': 'boolean', 'var': 'muc#roomconfig_moderatedroom'}) .c('value').t(0).up().up() .c('field', { 'label': 'Make Room Members Only?', 'type': 'boolean', 'var': 'muc#roomconfig_membersonly'}) .c('value').t(0).up().up() .c('field', { 'label': 'Password Required for Entry?', 'type': 'boolean', 'var': 'muc#roomconfig_passwordprotectedroom'}) .c('value').t(1).up().up() .c('field', {'type': 'fixed'}) .c('value').t( 'If a password is required to enter this groupchat, you must specify the password below.' ).up().up() .c('field', { 'label': 'Password', 'type': 'text-private', 'var': 'muc#roomconfig_roomsecret'}) .c('value').t('cauldronburn'); _converse.connection._dataRecv(mock.createRequest(config_stanza)); const form = await u.waitUntil(() => view.el.querySelector('.muc-config-form')); expect(form.querySelectorAll('fieldset').length).toBe(2); const membersonly = view.el.querySelectorAll('input[name="muc#roomconfig_membersonly"]'); expect(membersonly.length).toBe(1); expect(membersonly[0].getAttribute('type')).toBe('checkbox'); membersonly[0].checked = true; const moderated = view.el.querySelectorAll('input[name="muc#roomconfig_moderatedroom"]'); expect(moderated.length).toBe(1); expect(moderated[0].getAttribute('type')).toBe('checkbox'); moderated[0].checked = true; const password = view.el.querySelectorAll('input[name="muc#roomconfig_roomsecret"]'); expect(password.length).toBe(1); expect(password[0].getAttribute('type')).toBe('password'); const allowpm = view.el.querySelectorAll('select[name="muc#roomconfig_allowpm"]'); expect(allowpm.length).toBe(1); allowpm[0].value = 'moderators'; const presencebroadcast = view.el.querySelectorAll('select[name="muc#roomconfig_presencebroadcast"]'); expect(presencebroadcast.length).toBe(1); presencebroadcast[0].value = ['moderator']; view.el.querySelector('.chatroom-form input[type="submit"]').click(); const sent_stanza = sent_IQ.nodeTree; expect(sent_stanza.querySelector('field[var="muc#roomconfig_membersonly"] value').textContent.trim()).toBe('1'); expect(sent_stanza.querySelector('field[var="muc#roomconfig_moderatedroom"] value').textContent.trim()).toBe('1'); expect(sent_stanza.querySelector('field[var="muc#roomconfig_allowpm"] value').textContent.trim()).toBe('moderators'); expect(sent_stanza.querySelector('field[var="muc#roomconfig_presencebroadcast"] value').textContent.trim()).toBe('moderator'); done(); })); it("shows all members even if they're not currently present in the groupchat", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'lounge@montague.lit' const members = [{ 'nick': 'juliet', 'jid': 'juliet@capulet.lit', 'affiliation': 'member' }]; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo', [], members); const view = _converse.chatboxviews.get(muc_jid); await u.waitUntil(() => view.model.occupants.length === 2); const occupants = view.el.querySelector('.occupant-list'); for (let i=0; i occupants.querySelectorAll('li').length > 2, 500); expect(occupants.querySelectorAll('li').length).toBe(2+mock.chatroom_names.length); expect(view.model.occupants.length).toBe(2+mock.chatroom_names.length); mock.chatroom_names.forEach(name => { const model = view.model.occupants.findWhere({'nick': name}); const index = view.model.occupants.indexOf(model); expect(occupants.querySelectorAll('li .occupant-nick')[index].textContent.trim()).toBe(name); }); // Test users leaving the groupchat // https://xmpp.org/extensions/xep-0045.html#exit for (let i=mock.chatroom_names.length-1; i>-1; i--) { const name = mock.chatroom_names[i]; // See example 21 https://xmpp.org/extensions/xep-0045.html#enter-pres const presence = $pres({ to:'romeo@montague.lit/pda', from:'lounge@montague.lit/'+name, type: 'unavailable' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: mock.chatroom_roles[name].affiliation, jid: name.replace(/ /g,'.').toLowerCase() + '@montague.lit', role: 'none' }).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(occupants.querySelectorAll('li').length).toBe(8); } const presence = $pres({ to: 'romeo@montague.lit/pda', from: 'lounge@montague.lit/nonmember' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: null, jid: 'servant@montague.lit', role: 'visitor' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => occupants.querySelectorAll('li').length > 8, 500); expect(occupants.querySelectorAll('li').length).toBe(9); expect(view.model.occupants.length).toBe(9); expect(view.model.occupants.filter(o => o.isMember()).length).toBe(8); view.model.rejoin(); // Test that members aren't removed when we reconnect expect(view.model.occupants.length).toBe(8); expect(occupants.querySelectorAll('li').length).toBe(8); done(); })); it("shows users currently present in the groupchat", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); var view = _converse.chatboxviews.get('lounge@montague.lit'), occupants = view.el.querySelector('.occupant-list'); var presence; for (var i=0; i occupants.querySelectorAll('li').length > 1, 500); expect(occupants.querySelectorAll('li').length).toBe(1+mock.chatroom_names.length); mock.chatroom_names.forEach(name => { const model = view.model.occupants.findWhere({'nick': name}); const index = view.model.occupants.indexOf(model); expect(occupants.querySelectorAll('li .occupant-nick')[index].textContent.trim()).toBe(name); }); // Test users leaving the groupchat // https://xmpp.org/extensions/xep-0045.html#exit for (i=mock.chatroom_names.length-1; i>-1; i--) { const name = mock.chatroom_names[i]; // See example 21 https://xmpp.org/extensions/xep-0045.html#enter-pres presence = $pres({ to:'romeo@montague.lit/pda', from:'lounge@montague.lit/'+name, type: 'unavailable' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: mock.chatroom_roles[name].affiliation, jid: name.replace(/ /g,'.').toLowerCase() + '@montague.lit', role: 'none' }).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(occupants.querySelectorAll('li').length).toBe(i+1); } done(); })); it("indicates moderators and visitors by means of a special css class and tooltip", mock.initConverse( ['rosterGroupsFetched'], {'view_mode': 'fullscreen'}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); let contact_jid = mock.cur_names[2].replace(/ /g,'.').toLowerCase() + '@montague.lit'; await u.waitUntil(() => view.el.querySelectorAll('.occupant-list li').length, 500); let occupants = view.el.querySelectorAll('.occupant-list li'); expect(occupants.length).toBe(1); expect(occupants[0].querySelector('.occupant-nick').textContent.trim()).toBe("romeo"); expect(occupants[0].querySelectorAll('.badge').length).toBe(2); expect(occupants[0].querySelectorAll('.badge')[0].textContent.trim()).toBe('Owner'); expect(sizzle('.badge:last', occupants[0]).pop().textContent.trim()).toBe('Moderator'); var presence = $pres({ to:'romeo@montague.lit/pda', from:'lounge@montague.lit/moderatorman' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'admin', jid: contact_jid, role: 'moderator', }).up() .c('status').attrs({code:'110'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelectorAll('.occupant-list li').length > 1, 500); occupants = view.el.querySelectorAll('.occupant-list li'); expect(occupants.length).toBe(2); expect(occupants[0].querySelector('.occupant-nick').textContent.trim()).toBe("moderatorman"); expect(occupants[1].querySelector('.occupant-nick').textContent.trim()).toBe("romeo"); expect(occupants[0].querySelectorAll('.badge').length).toBe(2); expect(occupants[0].querySelectorAll('.badge')[0].textContent.trim()).toBe('Admin'); expect(occupants[0].querySelectorAll('.badge')[1].textContent.trim()).toBe('Moderator'); expect(occupants[0].getAttribute('title')).toBe( contact_jid + ' This user is a moderator. Click to mention moderatorman in your message.' ); contact_jid = mock.cur_names[3].replace(/ /g,'.').toLowerCase() + '@montague.lit'; presence = $pres({ to:'romeo@montague.lit/pda', from:'lounge@montague.lit/visitorwoman' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ jid: contact_jid, role: 'visitor', }).up() .c('status').attrs({code:'110'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelectorAll('.occupant-list li').length > 2, 500); occupants = view.el.querySelector('.occupant-list').querySelectorAll('li'); expect(occupants.length).toBe(3); expect(occupants[2].querySelector('.occupant-nick').textContent.trim()).toBe("visitorwoman"); expect(occupants[2].querySelectorAll('.badge').length).toBe(1); expect(sizzle('.badge', occupants[2]).pop().textContent.trim()).toBe('Visitor'); expect(occupants[2].getAttribute('title')).toBe( contact_jid + ' This user can NOT send messages in this groupchat. Click to mention visitorwoman in your message.' ); done(); })); it("properly handles notification that a room has been destroyed", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.openChatRoomViaModal(_converse, 'problematic@muc.montague.lit', 'romeo') const presence = $pres().attrs({ from:'problematic@muc.montague.lit', id:'n13mt3l', to:'romeo@montague.lit/pda', type:'error'}) .c('error').attrs({'type':'cancel'}) .c('gone').attrs({'xmlns':'urn:ietf:params:xml:ns:xmpp-stanzas'}) .t('xmpp:other-room@chat.jabberfr.org?join').up() .c('text').attrs({'xmlns':'urn:ietf:params:xml:ns:xmpp-stanzas'}) .t("We didn't like the name").nodeTree; const view = _converse.chatboxviews.get('problematic@muc.montague.lit'); _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.el.querySelector('.chatroom-body .disconnect-msg').textContent.trim()) .toBe('This groupchat no longer exists'); expect(view.el.querySelector('.chatroom-body .destroyed-reason').textContent.trim()) .toBe(`"We didn't like the name"`); expect(view.el.querySelector('.chatroom-body .moved-label').textContent.trim()) .toBe('The conversation has moved. Click below to enter.'); expect(view.el.querySelector('.chatroom-body .moved-link').textContent.trim()) .toBe(`other-room@chat.jabberfr.org`); done(); })); it("will use the user's reserved nickname, if it exists", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { const IQ_stanzas = _converse.connection.IQ_stanzas; const muc_jid = 'lounge@montague.lit'; await mock.openChatRoom(_converse, 'lounge', 'montague.lit', 'romeo'); let stanza = await u.waitUntil(() => IQ_stanzas.filter( iq => iq.querySelector( `iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]` )).pop() ); // We pretend this is a new room, so no disco info is returned. const features_stanza = $iq({ from: 'lounge@montague.lit', 'id': stanza.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'error' }).c('error', {'type': 'cancel'}) .c('item-not-found', {'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas"}); _converse.connection._dataRecv(mock.createRequest(features_stanza)); /* * * */ const iq = await u.waitUntil(() => _.filter( IQ_stanzas, s => sizzle(`iq[to="${muc_jid}"] query[node="x-roomuser-item"]`, s).length ).pop() ); expect(Strophe.serialize(iq)).toBe( ``+ ``); /* * * * * */ const view = _converse.chatboxviews.get('lounge@montague.lit'); stanza = $iq({ 'type': 'result', 'id': iq.getAttribute('id'), 'from': view.model.get('jid'), 'to': _converse.connection.jid }).c('query', {'xmlns': 'http://jabber.org/protocol/disco#info', 'node': 'x-roomuser-item'}) .c('identity', {'category': 'conference', 'name': 'thirdwitch', 'type': 'text'}); _converse.connection._dataRecv(mock.createRequest(stanza)); // The user has just entered the groupchat (because join was called) // and receives their own presence from the server. // See example 24: // https://xmpp.org/extensions/xep-0045.html#enter-pres const presence = $pres({ to:'romeo@montague.lit/orchard', from:'lounge@montague.lit/thirdwitch', id:'DC352437-C019-40EC-B590-AF29E879AF97' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'member', jid: 'romeo@montague.lit/orchard', role: 'participant' }).up() .c('status').attrs({code:'110'}).up() .c('status').attrs({code:'210'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-info').length); const info_text = sizzle('.chat-content .chat-info:first', view.el).pop().textContent.trim(); expect(info_text).toBe('Your nickname has been automatically set to thirdwitch'); done(); })); it("allows the user to invite their roster contacts to enter the groupchat", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'view_mode': 'fullscreen'}, async function (done, _converse) { // We need roster contacts, so that we have someone to invite await mock.waitForRoster(_converse, 'current'); const features = [ 'http://jabber.org/protocol/muc', 'jabber:iq:register', 'muc_passwordprotected', 'muc_hidden', 'muc_temporary', 'muc_membersonly', 'muc_unmoderated', 'muc_anonymous' ] await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo', features); const view = _converse.chatboxviews.get('lounge@montague.lit'); expect(view.model.getOwnAffiliation()).toBe('owner'); expect(view.model.features.get('open')).toBe(false); expect(view.el.querySelector('.open-invite-modal')).not.toBe(null); // Members can't invite if the room isn't open view.model.getOwnOccupant().set('affiliation', 'member'); await u.waitUntil(() => view.el.querySelector('.open-invite-modal') === null); view.model.features.set('open', 'true'); await u.waitUntil(() => view.el.querySelector('.open-invite-modal')); view.el.querySelector('.open-invite-modal').click(); const modal = view.muc_invite_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000) expect(modal.el.querySelectorAll('#invitee_jids').length).toBe(1); expect(modal.el.querySelectorAll('textarea').length).toBe(1); spyOn(view.model, 'directInvite').and.callThrough(); const input = modal.el.querySelector('#invitee_jids'); input.value = "Balt"; modal.el.querySelector('button[type="submit"]').click(); await u.waitUntil(() => modal.el.querySelector('.error')); const error = modal.el.querySelector('.error'); expect(error.textContent).toBe('Please enter a valid XMPP address'); let evt = new Event('input'); input.dispatchEvent(evt); let sent_stanza; spyOn(_converse.connection, 'send').and.callFake(stanza => (sent_stanza = stanza)); const hint = await u.waitUntil(() => modal.el.querySelector('.suggestion-box__results li')); expect(input.value).toBe('Balt'); expect(hint.textContent.trim()).toBe('Balthasar'); evt = new Event('mousedown', {'bubbles': true}); evt.button = 0; hint.dispatchEvent(evt); const textarea = modal.el.querySelector('textarea'); textarea.value = "Please join!"; modal.el.querySelector('button[type="submit"]').click(); expect(view.model.directInvite).toHaveBeenCalled(); expect(sent_stanza.toLocaleString()).toBe( ``+ ``+ `` ); done(); })); it("can be joined automatically, based upon a received invite", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.waitForRoster(_converse, 'current'); // We need roster contacts, who can invite us const name = mock.cur_names[0]; const from_jid = name.replace(/ /g,'.').toLowerCase() + '@montague.lit'; await u.waitUntil(() => _converse.roster.get(from_jid).vcard.get('fullname')); spyOn(window, 'confirm').and.callFake(() => true); await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); await view.close(); // Hack, otherwise we have to mock stanzas. const muc_jid = 'lounge@montague.lit'; const reason = "Please join this groupchat"; expect(_converse.chatboxes.models.length).toBe(1); expect(_converse.chatboxes.models[0].id).toBe("controlbox"); const stanza = u.toStanza(` `); await _converse.onDirectMUCInvitation(stanza); expect(window.confirm).toHaveBeenCalledWith( name + ' has invited you to join a groupchat: '+ muc_jid + ', and left the following reason: "'+reason+'"'); expect(_converse.chatboxes.models.length).toBe(2); expect(_converse.chatboxes.models[0].id).toBe('controlbox'); expect(_converse.chatboxes.models[1].id).toBe(muc_jid); done(); })); it("shows received groupchat messages", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const text = 'This is a received message'; await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); spyOn(_converse.api, "trigger").and.callThrough(); const view = _converse.chatboxviews.get('lounge@montague.lit'); if (!view.el.querySelectorAll('.chat-area').length) { view.renderChatArea(); } var nick = mock.chatroom_names[0]; view.model.occupants.create({ 'nick': nick, 'muc_jid': `${view.model.get('jid')}/${nick}` }); const message = $msg({ from: 'lounge@montague.lit/'+nick, id: '1', to: 'romeo@montague.lit', type: 'groupchat' }).c('body').t(text); await view.model.queueMessage(message.nodeTree); await u.waitUntil(() => view.el.querySelectorAll('.chat-msg').length); expect(view.content.querySelectorAll('.chat-msg').length).toBe(1); expect(view.content.querySelector('.chat-msg__text').textContent.trim()).toBe(text); expect(_converse.api.trigger).toHaveBeenCalledWith('message', jasmine.any(Object)); done(); })); it("shows sent groupchat messages", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); spyOn(_converse.api, "trigger").and.callThrough(); const view = _converse.chatboxviews.get('lounge@montague.lit'); if (!view.el.querySelectorAll('.chat-area').length) { view.renderChatArea(); } const text = 'This is a sent message'; const textarea = view.el.querySelector('.chat-textarea'); textarea.value = text; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); await new Promise(resolve => view.once('messageInserted', resolve)); expect(_converse.api.trigger).toHaveBeenCalledWith('messageSend', jasmine.any(_converse.Message)); expect(view.content.querySelectorAll('.chat-msg').length).toBe(1); // Let's check that if we receive the same message again, it's // not shown. const stanza = u.toStanza(` ${text} `); await view.model.queueMessage(stanza); expect(view.content.querySelectorAll('.chat-msg').length).toBe(1); expect(sizzle('.chat-msg__text:last').pop().textContent.trim()).toBe(text); expect(view.model.messages.length).toBe(1); // We don't emit an event if it's our own message expect(_converse.api.trigger.calls.count(), 1); done(); })); it("will cause the chat area to be scrolled down only if it was at the bottom already", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const message = 'This message is received while the chat area is scrolled up'; await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); spyOn(view, 'scrollDown').and.callThrough(); // Create enough messages so that there's a scrollbar. const promises = []; for (let i=0; i<20; i++) { promises.push( view.model.queueMessage( $msg({ from: 'lounge@montague.lit/someone', to: 'romeo@montague.lit.com', type: 'groupchat', id: u.getUniqueId(), }).c('body').t('Message: '+i).tree()) ); } await Promise.all(promises); // Give enough time for `markScrolled` to have been called setTimeout(async () => { view.content.scrollTop = 0; await view.model.queueMessage( $msg({ from: 'lounge@montague.lit/someone', to: 'romeo@montague.lit.com', type: 'groupchat', id: u.getUniqueId(), }).c('body').t(message).tree()); await new Promise(resolve => view.once('messageInserted', resolve)); // Now check that the message appears inside the chatbox in the DOM const msg_txt = sizzle('.chat-msg:last .chat-msg__text', view.content).pop().textContent; expect(msg_txt).toEqual(message); expect(view.content.scrollTop).toBe(0); done(); }, 500); })); it("reconnects when no-acceptable error is returned when sending a message", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'coven@chat.shakespeare.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo'); const view = _converse.chatboxviews.get(muc_jid); expect(view.model.session.get('connection_status')).toBe(converse.ROOMSTATUS.ENTERED); await mock.sendMessage(view, 'hello world'); const stanza = u.toStanza(` `); _converse.connection._dataRecv(mock.createRequest(stanza)); let sent_stanzas = _converse.connection.sent_stanzas; const iq = await u.waitUntil(() => sent_stanzas.filter(s => sizzle(`[xmlns="${Strophe.NS.PING}"]`, s).length).pop()); expect(Strophe.serialize(iq)).toBe( ``+ ``+ ``); const result = u.toStanza(` `); sent_stanzas = _converse.connection.sent_stanzas; const index = sent_stanzas.length -1; _converse.connection.IQ_stanzas = []; _converse.connection._dataRecv(mock.createRequest(result)); await mock.getRoomFeatures(_converse, muc_jid); const pres = await u.waitUntil( () => sent_stanzas.slice(index).filter(s => s.nodeName === 'presence').pop()); expect(Strophe.serialize(pres)).toBe( ``+ ``+ ``); done(); })); it("informs users if the room configuration has changed", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'coven@chat.shakespeare.lit'; await mock.openAndEnterChatRoom(_converse, 'coven@chat.shakespeare.lit', 'romeo'); const view = _converse.chatboxviews.get(muc_jid); expect(view.model.session.get('connection_status')).toBe(converse.ROOMSTATUS.ENTERED); const stanza = u.toStanza(` `); _converse.connection._dataRecv(mock.createRequest(stanza)); await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-info').length); const info_messages = view.el.querySelectorAll('.chat-content .chat-info'); expect(info_messages[0].textContent.trim()).toBe('Groupchat logging is now enabled'); done(); })); it("informs users if their nicknames have been changed.", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { /* The service then sends two presence stanzas to the full JID * of each occupant (including the occupant who is changing his * or her room nickname), one of type "unavailable" for the old * nickname and one indicating availability for the new * nickname. * * See: https://xmpp.org/extensions/xep-0045.html#changenick * * * * * * * * * * * * * * * */ const __ = _converse.__; await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'oldnick'); const view = _converse.chatboxviews.get('lounge@montague.lit'); expect(view.model.session.get('connection_status')).toBe(converse.ROOMSTATUS.ENTERED); await u.waitUntil(() => view.el.querySelectorAll('li .occupant-nick').length, 500); let occupants = view.el.querySelector('.occupant-list'); expect(occupants.childElementCount).toBe(1); expect(occupants.firstElementChild.querySelector('.occupant-nick').textContent.trim()).toBe("oldnick"); const csntext = await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual("oldnick has entered the groupchat"); let presence = $pres().attrs({ from:'lounge@montague.lit/oldnick', id:'DC352437-C019-40EC-B590-AF29E879AF98', to:'romeo@montague.lit/pda', type:'unavailable' }) .c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'owner', jid: 'romeo@montague.lit/pda', nick: 'newnick', role: 'moderator' }).up() .c('status').attrs({code:'303'}).up() .c('status').attrs({code:'110'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelectorAll('.chat-info').length); expect(sizzle('div.chat-info:last').pop().textContent.trim()).toBe( __(_converse.muc.new_nickname_messages["303"], "newnick") ); expect(view.model.session.get('connection_status')).toBe(converse.ROOMSTATUS.ENTERED); occupants = view.el.querySelector('.occupant-list'); expect(occupants.childElementCount).toBe(1); presence = $pres().attrs({ from:'lounge@montague.lit/newnick', id:'5B4F27A4-25ED-43F7-A699-382C6B4AFC67', to:'romeo@montague.lit/pda' }) .c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'owner', jid: 'romeo@montague.lit/pda', role: 'moderator' }).up() .c('status').attrs({code:'110'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.model.session.get('connection_status')).toBe(converse.ROOMSTATUS.ENTERED); expect(view.content.querySelectorAll('div.chat-info').length).toBe(1); expect(sizzle('div.chat-info', view.content)[0].textContent.trim()).toBe( __(_converse.muc.new_nickname_messages["303"], "newnick") ); occupants = view.el.querySelector('.occupant-list'); expect(occupants.childElementCount).toBe(1); expect(sizzle('.occupant-nick:first', occupants).pop().textContent.trim()).toBe("newnick"); done(); })); it("queries for the groupchat information before attempting to join the user", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { const IQ_stanzas = _converse.connection.IQ_stanzas; const muc_jid = 'coven@chat.shakespeare.lit'; await _converse.api.rooms.open(muc_jid, {'nick': 'some1'}); const stanza = await u.waitUntil(() => _.filter( IQ_stanzas, iq => iq.querySelector( `iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]` )).pop()); // Check that the groupchat queried for the feautures. expect(Strophe.serialize(stanza)).toBe( ``+ ``+ ``); /* * * * * * * * * * * * */ const features_stanza = $iq({ 'from': muc_jid, 'id': stanza.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'result' }) .c('query', { 'xmlns': 'http://jabber.org/protocol/disco#info'}) .c('identity', { 'category': 'conference', 'name': 'A Dark Cave', 'type': 'text' }).up() .c('feature', {'var': 'http://jabber.org/protocol/muc'}).up() .c('feature', {'var': 'muc_passwordprotected'}).up() .c('feature', {'var': 'muc_hidden'}).up() .c('feature', {'var': 'muc_temporary'}).up() .c('feature', {'var': 'muc_open'}).up() .c('feature', {'var': 'muc_unmoderated'}).up() .c('feature', {'var': 'muc_nonanonymous'}); _converse.connection._dataRecv(mock.createRequest(features_stanza)); let view = _converse.chatboxviews.get('coven@chat.shakespeare.lit'); await u.waitUntil(() => (view.model.session.get('connection_status') === converse.ROOMSTATUS.CONNECTING)); view = _converse.chatboxviews.get('coven@chat.shakespeare.lit'); expect(view.model.features.get('fetched')).toBeTruthy(); expect(view.model.features.get('passwordprotected')).toBe(true); expect(view.model.features.get('hidden')).toBe(true); expect(view.model.features.get('temporary')).toBe(true); expect(view.model.features.get('open')).toBe(true); expect(view.model.features.get('unmoderated')).toBe(true); expect(view.model.features.get('nonanonymous')).toBe(true); done(); })); it("updates the shown features when the groupchat configuration has changed", mock.initConverse( ['rosterGroupsFetched'], {'view_mode': 'fullscreen'}, async function (done, _converse) { let features = [ 'http://jabber.org/protocol/muc', 'jabber:iq:register', 'muc_passwordprotected', 'muc_publicroom', 'muc_temporary', 'muc_open', 'muc_unmoderated', 'muc_nonanonymous' ]; await mock.openAndEnterChatRoom(_converse, 'room@conference.example.org', 'romeo', features); const jid = 'room@conference.example.org'; const view = _converse.chatboxviews.get(jid); const info_el = view.el.querySelector(".show-room-details-modal"); info_el.click(); const modal = view.model.room_details_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000); let features_list = modal.el.querySelector('.features-list'); let features_shown = features_list.textContent.split('\n').map(s => s.trim()).filter(s => s); expect(features_shown.join(' ')).toBe( 'Password protected - This groupchat requires a password before entry '+ 'Open - Anyone can join this groupchat '+ 'Temporary - This groupchat will disappear once the last person leaves '+ 'Not anonymous - All other groupchat participants can see your XMPP address '+ 'Not moderated - Participants entering this groupchat can write right away'); expect(view.model.features.get('hidden')).toBe(false); expect(view.model.features.get('mam_enabled')).toBe(false); expect(view.model.features.get('membersonly')).toBe(false); expect(view.model.features.get('moderated')).toBe(false); expect(view.model.features.get('nonanonymous')).toBe(true); expect(view.model.features.get('open')).toBe(true); expect(view.model.features.get('passwordprotected')).toBe(true); expect(view.model.features.get('persistent')).toBe(false); expect(view.model.features.get('publicroom')).toBe(true); expect(view.model.features.get('semianonymous')).toBe(false); expect(view.model.features.get('temporary')).toBe(true); expect(view.model.features.get('unmoderated')).toBe(true); expect(view.model.features.get('unsecured')).toBe(false); expect(view.el.querySelector('.chatbox-title__text').textContent.trim()).toBe('Room'); view.el.querySelector('.configure-chatroom-button').click(); const IQs = _converse.connection.IQ_stanzas; let iq = await u.waitUntil(() => _.filter( IQs, iq => iq.querySelector( `iq[to="${jid}"] query[xmlns="${Strophe.NS.MUC_OWNER}"]` )).pop()); const response_el = u.toStanza( ` Configuration for room@conference.example.org Complete and submit this form to configure the room. http://jabber.org/protocol/muc#roomconfig Room information Room A brief description of the room This room is used in tests Indicate the primary language spoken in this room en Rooms are automatically deleted when they are empty, unless this option is enabled 1 Enable this to allow people to find the room 1 Access to the room Enable this to only allow access for room owners, admins and members Permissions in the room Choose whether anyone, or only moderators, may set the room's subject In moderated rooms occupants must be given permission to speak by a room moderator anyone Other options Specify the maximum number of previous messages that should be sent to users when they join the room 50 Specify the number of previous messages sent to new users when they join the room 20 `); _converse.connection._dataRecv(mock.createRequest(response_el)); const el = await u.waitUntil(() => document.querySelector('.chatroom-form legend')); expect(el.textContent.trim()).toBe("Configuration for room@conference.example.org"); sizzle('[name="muc#roomconfig_membersonly"]', view.el).pop().click(); sizzle('[name="muc#roomconfig_roomname"]', view.el).pop().value = "New room name" view.el.querySelector('.chatroom-form input[type="submit"]').click(); iq = await u.waitUntil(() => _.filter(IQs, iq => u.matchesSelector(iq, `iq[to="${jid}"][type="set"]`)).pop()); const result = $iq({ "xmlns": "jabber:client", "type": "result", "to": "romeo@montague.lit/orchard", "from": "lounge@muc.montague.lit", "id": iq.getAttribute('id') }); IQs.length = 0; // Empty the array _converse.connection._dataRecv(mock.createRequest(result)); iq = await u.waitUntil(() => _.filter( IQs, iq => iq.querySelector( `iq[to="${jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]` )).pop()); const features_stanza = $iq({ 'from': jid, 'id': iq.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'result' }).c('query', { 'xmlns': 'http://jabber.org/protocol/disco#info'}) .c('identity', { 'category': 'conference', 'name': 'New room name', 'type': 'text' }).up(); features = [ 'http://jabber.org/protocol/muc', 'jabber:iq:register', 'muc_passwordprotected', 'muc_hidden', 'muc_temporary', 'muc_membersonly', 'muc_unmoderated', 'muc_nonanonymous' ]; features.forEach(f => features_stanza.c('feature', {'var': f}).up()); features_stanza.c('x', { 'xmlns':'jabber:x:data', 'type':'result'}) .c('field', {'var':'FORM_TYPE', 'type':'hidden'}) .c('value').t('http://jabber.org/protocol/muc#roominfo').up().up() .c('field', {'type':'text-single', 'var':'muc#roominfo_description', 'label':'Description'}) .c('value').t('This is the description').up().up() .c('field', {'type':'text-single', 'var':'muc#roominfo_occupants', 'label':'Number of occupants'}) .c('value').t(0); _converse.connection._dataRecv(mock.createRequest(features_stanza)); await u.waitUntil(() => new Promise(success => view.model.features.on('change', success))); features_list = modal.el.querySelector('.features-list'); features_shown = features_list.textContent.split('\n').map(s => s.trim()).filter(s => s); expect(features_shown.join(' ')).toBe( 'Password protected - This groupchat requires a password before entry '+ 'Hidden - This groupchat is not publicly searchable '+ 'Members only - This groupchat is restricted to members only '+ 'Temporary - This groupchat will disappear once the last person leaves '+ 'Not anonymous - All other groupchat participants can see your XMPP address '+ 'Not moderated - Participants entering this groupchat can write right away'); expect(view.model.features.get('hidden')).toBe(true); expect(view.model.features.get('mam_enabled')).toBe(false); expect(view.model.features.get('membersonly')).toBe(true); expect(view.model.features.get('moderated')).toBe(false); expect(view.model.features.get('nonanonymous')).toBe(true); expect(view.model.features.get('open')).toBe(false); expect(view.model.features.get('passwordprotected')).toBe(true); expect(view.model.features.get('persistent')).toBe(false); expect(view.model.features.get('publicroom')).toBe(false); expect(view.model.features.get('semianonymous')).toBe(false); expect(view.model.features.get('temporary')).toBe(true); expect(view.model.features.get('unmoderated')).toBe(true); expect(view.model.features.get('unsecured')).toBe(false); await u.waitUntil(() => view.el.querySelector('.chatbox-title__text')?.textContent.trim() === 'New room name'); done(); })); it("indicates when a room is no longer anonymous", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { let IQ_id; const sendIQ = _converse.connection.sendIQ; await mock.openAndEnterChatRoom(_converse, 'coven@chat.shakespeare.lit', 'some1'); spyOn(_converse.connection, 'sendIQ').and.callFake(function (iq, callback, errback) { IQ_id = sendIQ.bind(this)(iq, callback, errback); }); // We pretend this is a new room, so no disco info is returned. const features_stanza = $iq({ from: 'coven@chat.shakespeare.lit', 'id': IQ_id, 'to': 'romeo@montague.lit/desktop', 'type': 'error' }).c('error', {'type': 'cancel'}) .c('item-not-found', {'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas"}); _converse.connection._dataRecv(mock.createRequest(features_stanza)); const view = _converse.chatboxviews.get('coven@chat.shakespeare.lit'); /* * * * * * */ const message = $msg({ type:'groupchat', to: 'romeo@montague.lit/_converse.js-27854181', from: 'coven@chat.shakespeare.lit' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('status', {code: '104'}).up() .c('status', {code: '172'}); _converse.connection._dataRecv(mock.createRequest(message)); await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-info').length); const chat_body = view.el.querySelector('.chatroom-body'); expect(sizzle('.message:last', chat_body).pop().textContent.trim()) .toBe('This groupchat is now no longer anonymous'); done(); })); it("informs users if they have been kicked out of the groupchat", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { /* * * * * Avaunt, you cullion! * * * * * */ await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); var presence = $pres().attrs({ from:'lounge@montague.lit/romeo', to:'romeo@montague.lit/pda', type:'unavailable' }) .c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'none', jid: 'romeo@montague.lit/pda', role: 'none' }) .c('actor').attrs({nick: 'Fluellen'}).up() .c('reason').t('Avaunt, you cullion!').up() .up() .c('status').attrs({code:'110'}).up() .c('status').attrs({code:'307'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); const view = _converse.chatboxviews.get('lounge@montague.lit'); expect(u.isVisible(view.el.querySelector('.chat-area'))).toBeFalsy(); expect(u.isVisible(view.el.querySelector('.occupants'))).toBeFalsy(); const chat_body = view.el.querySelector('.chatroom-body'); expect(chat_body.querySelectorAll('.disconnect-msg').length).toBe(3); expect(chat_body.querySelector('.disconnect-msg:first-child').textContent.trim()).toBe( 'You have been kicked from this groupchat'); expect(chat_body.querySelector('.disconnect-msg:nth-child(2)').textContent.trim()).toBe( 'This action was done by Fluellen.'); expect(chat_body.querySelector('.disconnect-msg:nth-child(3)').textContent.trim()).toBe( 'The reason given is: "Avaunt, you cullion!".'); done(); })); it("can be saved to, and retrieved from, browserStorage", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { await mock.openChatRoom(_converse, 'lounge', 'montague.lit', 'romeo'); // We instantiate a new ChatBoxes collection, which by default // will be empty. await mock.openControlBox(_converse); const newchatboxes = new _converse.ChatBoxes(); expect(newchatboxes.length).toEqual(0); // The chatboxes will then be fetched from browserStorage inside the // onConnected method newchatboxes.onConnected(); await new Promise(resolve => _converse.api.listen.once('chatBoxesFetched', resolve)); expect(newchatboxes.length).toEqual(2); // Check that the chatrooms retrieved from browserStorage // have the same attributes values as the original ones. const attrs = ['id', 'box_id', 'visible']; let new_attrs, old_attrs; for (var i=0; i view.el.querySelector('.toggle-chatbox-button')); button.click(); expect(view.onMinimized).toHaveBeenCalled(); expect(_converse.api.trigger).toHaveBeenCalledWith('chatBoxMinimized', jasmine.any(Object)); expect(u.isVisible(view.el)).toBeFalsy(); expect(view.model.get('minimized')).toBeTruthy(); expect(view.onMinimized).toHaveBeenCalled(); await u.waitUntil(() => trimmed_chatboxes.get(view.model.get('id'))); const trimmedview = trimmed_chatboxes.get(view.model.get('id')); trimmedview.el.querySelector("a.restore-chat").click(); expect(view.onMaximized).toHaveBeenCalled(); expect(_converse.api.trigger).toHaveBeenCalledWith('chatBoxMaximized', jasmine.any(Object)); expect(view.model.get('minimized')).toBeFalsy(); expect(_converse.api.trigger.calls.count(), 3); done(); })); it("can be closed again by clicking a DOM element with class 'close-chatbox-button'", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { await mock.openChatRoom(_converse, 'lounge', 'montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); spyOn(view, 'close').and.callThrough(); spyOn(_converse.api, "trigger").and.callThrough(); spyOn(view.model, 'leave'); view.delegateEvents(); // We need to rebind all events otherwise our spy won't be called spyOn(_converse.api, 'confirm').and.callFake(() => Promise.resolve(true)); const button = await u.waitUntil(() => view.el.querySelector('.close-chatbox-button')); button.click(); await u.waitUntil(() => view.close.calls.count()); expect(view.model.leave).toHaveBeenCalled(); await u.waitUntil(() => _converse.api.trigger.calls.count()); expect(_converse.api.trigger).toHaveBeenCalledWith('chatBoxClosed', jasmine.any(Object)); done(); })); it("informs users of role and affiliation changes", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'lounge@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo'); const view = _converse.api.chatviews.get(muc_jid); let presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'id':'27C55F89-1C6A-459A-9EB5-77690145D624', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'member', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); const csntext = await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual("romeo and annoyingGuy have entered the groupchat"); presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'member', 'role': 'visitor' }); _converse.connection._dataRecv(mock.createRequest(presence)); const info_msg = await u.waitUntil(() => view.el.querySelector('.chat-info__message')); expect(info_msg.textContent.trim()).toBe("annoyingGuy has been muted"); presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'member', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => Array.from(view.el.querySelectorAll('.chat-info__message')).pop()?.textContent.trim() === "annoyingGuy has been given a voice" ); // Check that we don't see an info message concerning the role, // if the affiliation has changed. presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'none', 'role': 'visitor' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => Array.from(view.el.querySelectorAll('.chat-info__message')).pop()?.textContent.trim() === "annoyingGuy is no longer a member of this groupchat" ); done(); })); it("notifies users of role and affiliation changes for members not currently in the groupchat", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'lounge@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo'); const view = _converse.api.chatviews.get(muc_jid); let message = $msg({ from: 'lounge@montague.lit', id: '2CF9013B-E8A8-42A1-9633-85AD7CA12F40', to: 'romeo@montague.lit' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'absentguy@montague.lit', 'affiliation': 'member', 'role': 'none' }); _converse.connection._dataRecv(mock.createRequest(message)); await u.waitUntil(() => view.model.occupants.length > 1); expect(view.model.occupants.length).toBe(2); expect(view.model.occupants.findWhere({'jid': 'absentguy@montague.lit'}).get('affiliation')).toBe('member'); message = $msg({ from: 'lounge@montague.lit', id: '2CF9013B-E8A8-42A1-9633-85AD7CA12F41', to: 'romeo@montague.lit' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'absentguy@montague.lit', 'affiliation': 'none', 'role': 'none' }); _converse.connection._dataRecv(mock.createRequest(message)); expect(view.model.occupants.length).toBe(2); expect(view.model.occupants.findWhere({'jid': 'absentguy@montague.lit'}).get('affiliation')).toBe('none'); done(); })); }); describe("Each chat groupchat can take special commands", function () { it("takes /help to show the available commands", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { spyOn(window, 'confirm').and.callFake(() => true); await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); let textarea = view.el.querySelector('.chat-textarea'); const enter = { 'target': textarea, 'preventDefault': function preventDefault () {}, 'keyCode': 13 }; textarea.value = '/help'; view.onKeyDown(enter); let info_messages = sizzle('.chat-info:not(.chat-event)', view.el); expect(info_messages.length).toBe(20); expect(info_messages.pop().textContent.trim()).toBe('/voice: Allow muted user to post messages'); expect(info_messages.pop().textContent.trim()).toBe('/topic: Set groupchat subject (alias for /subject)'); expect(info_messages.pop().textContent.trim()).toBe('/subject: Set groupchat subject'); expect(info_messages.pop().textContent.trim()).toBe('/revoke: Revoke the user\'s current affiliation'); expect(info_messages.pop().textContent.trim()).toBe('/register: Register your nickname'); expect(info_messages.pop().textContent.trim()).toBe('/owner: Grant ownership of this groupchat'); expect(info_messages.pop().textContent.trim()).toBe('/op: Grant moderator role to user'); expect(info_messages.pop().textContent.trim()).toBe('/nick: Change your nickname'); expect(info_messages.pop().textContent.trim()).toBe('/mute: Remove user\'s ability to post messages'); expect(info_messages.pop().textContent.trim()).toBe('/modtools: Opens up the moderator tools GUI'); expect(info_messages.pop().textContent.trim()).toBe('/member: Grant membership to a user'); expect(info_messages.pop().textContent.trim()).toBe('/me: Write in 3rd person'); expect(info_messages.pop().textContent.trim()).toBe('/kick: Kick user from groupchat'); expect(info_messages.pop().textContent.trim()).toBe('/help: Show this menu'); expect(info_messages.pop().textContent.trim()).toBe('/destroy: Remove this groupchat'); expect(info_messages.pop().textContent.trim()).toBe('/deop: Change user role to participant'); expect(info_messages.pop().textContent.trim()).toBe('/clear: Clear the chat area'); expect(info_messages.pop().textContent.trim()).toBe('/ban: Ban user by changing their affiliation to outcast'); expect(info_messages.pop().textContent.trim()).toBe('/admin: Change user\'s affiliation to admin'); expect(info_messages.pop().textContent.trim()).toBe('You can run the following commands'); const occupant = view.model.occupants.findWhere({'jid': _converse.bare_jid}); occupant.set('affiliation', 'admin'); textarea = view.el.querySelector('.chat-textarea'); textarea.value = '/clear'; view.onKeyDown(enter); await u.waitUntil(() => sizzle('.chat-info:not(.chat-event)', view.el).length === 0); textarea.value = '/help'; view.onKeyDown(enter); info_messages = sizzle('.chat-info:not(.chat-event)', view.el); expect(info_messages.length).toBe(19); let commands = info_messages.map(m => m.textContent.replace(/:.*$/, '')); expect(commands).toEqual([ "You can run the following commands", "/admin", "/ban", "/clear", "/deop", "/destroy", "/help", "/kick", "/me", "/member", "/modtools", "/mute", "/nick", "/op", "/register", "/revoke", "/subject", "/topic", "/voice" ]); occupant.set('affiliation', 'member'); textarea.value = '/clear'; view.onKeyDown(enter); await u.waitUntil(() => sizzle('.chat-info:not(.chat-event)', view.el).length === 0); textarea.value = '/help'; view.onKeyDown(enter); info_messages = sizzle('.chat-info', view.el).slice(1); expect(info_messages.length).toBe(9); commands = info_messages.map(m => m.textContent.replace(/:.*$/, '')); expect(commands).toEqual(["/clear", "/help", "/kick", "/me", "/modtools", "/mute", "/nick", "/register", "/voice"]); occupant.set('role', 'participant'); textarea = view.el.querySelector('.chat-textarea'); textarea.value = '/clear'; view.onKeyDown(enter); await u.waitUntil(() => sizzle('.chat-info:not(.chat-event)', view.el).length === 0); textarea.value = '/help'; view.onKeyDown(enter); info_messages = sizzle('.chat-info', view.el).slice(1); expect(info_messages.length).toBe(5); commands = info_messages.map(m => m.textContent.replace(/:.*$/, '')); expect(commands).toEqual(["/clear", "/help", "/me", "/nick", "/register"]); // Test that /topic is available if all users may change the subject // Note: we're making a shortcut here, this value should never be set manually view.model.config.set('changesubject', true); textarea.value = '/clear'; view.onKeyDown(enter); await u.waitUntil(() => sizzle('.chat-info:not(.chat-event)', view.el).length === 0); textarea.value = '/help'; view.onKeyDown(enter); info_messages = sizzle('.chat-info', view.el).slice(1); expect(info_messages.length).toBe(7); commands = info_messages.map(m => m.textContent.replace(/:.*$/, '')); expect(commands).toEqual(["/clear", "/help", "/me", "/nick", "/register", "/subject", "/topic"]); done(); })); it("takes /help to show the available commands and commands can be disabled by config", mock.initConverse( ['rosterGroupsFetched'], {muc_disable_slash_commands: ['mute', 'voice']}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); var textarea = view.el.querySelector('.chat-textarea'); const enter = { 'target': textarea, 'preventDefault': function () {}, 'keyCode': 13 }; spyOn(window, 'confirm').and.callFake(() => true); textarea.value = '/clear'; view.onKeyDown(enter); textarea.value = '/help'; view.onKeyDown(enter); const info_messages = sizzle('.chat-info:not(.chat-event)', view.el); expect(info_messages.length).toBe(18); expect(info_messages.pop().textContent.trim()).toBe('/topic: Set groupchat subject (alias for /subject)'); expect(info_messages.pop().textContent.trim()).toBe('/subject: Set groupchat subject'); expect(info_messages.pop().textContent.trim()).toBe('/revoke: Revoke the user\'s current affiliation'); expect(info_messages.pop().textContent.trim()).toBe('/register: Register your nickname'); expect(info_messages.pop().textContent.trim()).toBe('/owner: Grant ownership of this groupchat'); expect(info_messages.pop().textContent.trim()).toBe('/op: Grant moderator role to user'); expect(info_messages.pop().textContent.trim()).toBe('/nick: Change your nickname'); expect(info_messages.pop().textContent.trim()).toBe('/modtools: Opens up the moderator tools GUI'); expect(info_messages.pop().textContent.trim()).toBe('/member: Grant membership to a user'); expect(info_messages.pop().textContent.trim()).toBe('/me: Write in 3rd person'); expect(info_messages.pop().textContent.trim()).toBe('/kick: Kick user from groupchat'); expect(info_messages.pop().textContent.trim()).toBe('/help: Show this menu'); expect(info_messages.pop().textContent.trim()).toBe('/destroy: Remove this groupchat'); expect(info_messages.pop().textContent.trim()).toBe('/deop: Change user role to participant'); expect(info_messages.pop().textContent.trim()).toBe('/clear: Clear the chat area'); expect(info_messages.pop().textContent.trim()).toBe('/ban: Ban user by changing their affiliation to outcast'); expect(info_messages.pop().textContent.trim()).toBe('/admin: Change user\'s affiliation to admin'); expect(info_messages.pop().textContent.trim()).toBe('You can run the following commands'); done(); })); it("takes /member to make an occupant a member", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { let iq_stanza; await mock.openAndEnterChatRoom(_converse, 'lounge@muc.montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@muc.montague.lit'); /* We don't show join/leave messages for existing occupants. We * know about them because we receive their presences before we * receive our own. */ const presence = $pres({ to: 'romeo@montague.lit/orchard', from: 'lounge@muc.montague.lit/marc' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'marc@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.model.occupants.length).toBe(2); const textarea = view.el.querySelector('.chat-textarea'); let sent_stanza; spyOn(_converse.connection, 'send').and.callFake((stanza) => { sent_stanza = stanza; }); // First check that an error message appears when a // non-existent nick is used. textarea.value = '/member chris Welcome to the club!'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(_converse.connection.send).not.toHaveBeenCalled(); await u.waitUntil(() => view.el.querySelectorAll('.chat-error').length); expect(view.el.querySelector('.chat-error').textContent.trim()) .toBe('Error: couldn\'t find a groupchat participant based on your arguments'); // Now test with an existing nick textarea.value = '/member marc Welcome to the club!'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(_converse.connection.send).toHaveBeenCalled(); expect(Strophe.serialize(sent_stanza)).toBe( ``+ ``+ ``+ `Welcome to the club!`+ ``+ ``+ ``); let result = $iq({ "xmlns": "jabber:client", "type": "result", "to": "romeo@montague.lit/orchard", "from": "lounge@muc.montague.lit", "id": sent_stanza.getAttribute('id') }); _converse.connection.IQ_stanzas = []; _converse.connection._dataRecv(mock.createRequest(result)); iq_stanza = await u.waitUntil(() => _.filter( _converse.connection.IQ_stanzas, iq => iq.querySelector('iq[to="lounge@muc.montague.lit"][type="get"] item[affiliation="member"]')).pop() ); expect(Strophe.serialize(iq_stanza)).toBe( ``+ ``+ ``+ ``+ ``) expect(view.model.occupants.length).toBe(2); result = $iq({ "xmlns": "jabber:client", "type": "result", "to": "romeo@montague.lit/orchard", "from": "lounge@muc.montague.lit", "id": iq_stanza.getAttribute("id") }).c("query", {"xmlns": "http://jabber.org/protocol/muc#admin"}) .c("item", {"jid": "marc", "affiliation": "member"}); _converse.connection._dataRecv(mock.createRequest(result)); expect(view.model.occupants.length).toBe(2); iq_stanza = await u.waitUntil(() => _.filter( _converse.connection.IQ_stanzas, iq => iq.querySelector('iq[to="lounge@muc.montague.lit"][type="get"] item[affiliation="owner"]')).pop() ); expect(Strophe.serialize(iq_stanza)).toBe( ``+ ``+ ``+ ``+ ``) expect(view.model.occupants.length).toBe(2); result = $iq({ "xmlns": "jabber:client", "type": "result", "to": "romeo@montague.lit/orchard", "from": "lounge@muc.montague.lit", "id": iq_stanza.getAttribute("id") }).c("query", {"xmlns": "http://jabber.org/protocol/muc#admin"}) .c("item", {"jid": "romeo@montague.lit", "affiliation": "owner"}); _converse.connection._dataRecv(mock.createRequest(result)); expect(view.model.occupants.length).toBe(2); iq_stanza = await u.waitUntil(() => _.filter( _converse.connection.IQ_stanzas, iq => iq.querySelector('iq[to="lounge@muc.montague.lit"][type="get"] item[affiliation="admin"]')).pop() ); expect(Strophe.serialize(iq_stanza)).toBe( ``+ ``+ ``+ ``+ ``) expect(view.model.occupants.length).toBe(2); result = $iq({ "xmlns": "jabber:client", "type": "result", "to": "romeo@montague.lit/orchard", "from": "lounge@muc.montague.lit", "id": iq_stanza.getAttribute("id") }).c("query", {"xmlns": "http://jabber.org/protocol/muc#admin"}) _converse.connection._dataRecv(mock.createRequest(result)); await u.waitUntil(() => view.el.querySelectorAll('.occupant').length, 500); await u.waitUntil(() => view.el.querySelectorAll('.badge').length > 1); expect(view.model.occupants.length).toBe(2); expect(view.el.querySelectorAll('.occupant').length).toBe(2); done(); })); it("takes /topic to set the groupchat topic", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); spyOn(view, 'clearMessages'); let sent_stanza; spyOn(_converse.connection, 'send').and.callFake(function (stanza) { sent_stanza = stanza; }); // Check the alias /topic const textarea = view.el.querySelector('.chat-textarea'); textarea.value = '/topic This is the groupchat subject'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(_converse.connection.send).toHaveBeenCalled(); expect(sent_stanza.textContent.trim()).toBe('This is the groupchat subject'); // Check /subject textarea.value = '/subject This is a new subject'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(sent_stanza.textContent.trim()).toBe('This is a new subject'); expect(Strophe.serialize(sent_stanza).toLocaleString()).toBe( ''+ 'This is a new subject'+ ''); // Check case insensitivity textarea.value = '/Subject This is yet another subject'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(sent_stanza.textContent.trim()).toBe('This is yet another subject'); expect(Strophe.serialize(sent_stanza).toLocaleString()).toBe( ''+ 'This is yet another subject'+ ''); // Check unsetting the topic textarea.value = '/topic'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(Strophe.serialize(sent_stanza).toLocaleString()).toBe( ''+ ''+ ''); done(); })); it("takes /clear to clear messages", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); spyOn(view, 'clearMessages'); const textarea = view.el.querySelector('.chat-textarea') textarea.value = '/clear'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(view.clearMessages).toHaveBeenCalled(); done(); })); it("takes /owner to make a user an owner", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { let sent_IQ, IQ_id; const sendIQ = _converse.connection.sendIQ; spyOn(_converse.connection, 'sendIQ').and.callFake(function (iq, callback, errback) { sent_IQ = iq; IQ_id = sendIQ.bind(this)(iq, callback, errback); }); await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); spyOn(view.model, 'setAffiliation').and.callThrough(); spyOn(view, 'validateRoleOrAffiliationChangeArgs').and.callThrough(); let presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'id':'27C55F89-1C6A-459A-9EB5-77690145D624', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'member', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); var textarea = view.el.querySelector('.chat-textarea') textarea.value = '/owner'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(view.validateRoleOrAffiliationChangeArgs).toHaveBeenCalled(); const err_msg = await u.waitUntil(() => view.el.querySelector('.chat-error')); expect(err_msg.textContent.trim()).toBe( "Error: the \"owner\" command takes two arguments, the user's nickname and optionally a reason."); expect(view.model.setAffiliation).not.toHaveBeenCalled(); // XXX: Calling onFormSubmitted directly, trying // again via triggering Event doesn't work for some weird // reason. textarea.value = '/owner nobody You\'re responsible'; view.onFormSubmitted(new Event('submit')); await u.waitUntil(() => view.el.querySelectorAll('.chat-error').length === 2); expect(Array.from(view.el.querySelectorAll('.chat-error')).pop().textContent.trim()).toBe( "Error: couldn't find a groupchat participant based on your arguments"); expect(view.model.setAffiliation).not.toHaveBeenCalled(); // Call now with the correct of arguments. // XXX: Calling onFormSubmitted directly, trying // again via triggering Event doesn't work for some weird // reason. textarea.value = '/owner annoyingGuy You\'re responsible'; view.onFormSubmitted(new Event('submit')); expect(view.validateRoleOrAffiliationChangeArgs.calls.count()).toBe(3); expect(view.model.setAffiliation).toHaveBeenCalled(); // Check that the member list now gets updated expect(sent_IQ.toLocaleString()).toBe( ``+ ``+ ``+ `You're responsible`+ ``+ ``+ ``); presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'id':'27C55F89-1C6A-459A-9EB5-77690145D628', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'owner', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => Array.from(view.el.querySelectorAll('.chat-info__message')).pop()?.textContent.trim() === "annoyingGuy is now an owner of this groupchat" ); done(); })); it("takes /ban to ban a user", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { let sent_IQ, IQ_id; const sendIQ = _converse.connection.sendIQ; spyOn(_converse.connection, 'sendIQ').and.callFake(function (iq, callback, errback) { sent_IQ = iq; IQ_id = sendIQ.bind(this)(iq, callback, errback); }); await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo'); const view = _converse.chatboxviews.get('lounge@montague.lit'); spyOn(view.model, 'setAffiliation').and.callThrough(); spyOn(view, 'validateRoleOrAffiliationChangeArgs').and.callThrough(); let presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'id':'27C55F89-1C6A-459A-9EB5-77690145D624', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'member', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); const textarea = view.el.querySelector('.chat-textarea') textarea.value = '/ban'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(view.validateRoleOrAffiliationChangeArgs).toHaveBeenCalled(); await u.waitUntil(() => view.el.querySelector('.message:last-child')?.textContent?.trim() === "Error: the \"ban\" command takes two arguments, the user's nickname and optionally a reason."); expect(view.model.setAffiliation).not.toHaveBeenCalled(); // Call now with the correct amount of arguments. // XXX: Calling onFormSubmitted directly, trying // again via triggering Event doesn't work for some weird // reason. textarea.value = '/ban annoyingGuy You\'re annoying'; view.onFormSubmitted(new Event('submit')); expect(view.validateRoleOrAffiliationChangeArgs.calls.count()).toBe(2); expect(view.model.setAffiliation).toHaveBeenCalled(); // Check that the member list now gets updated expect(sent_IQ.toLocaleString()).toBe( ``+ ``+ ``+ `You're annoying`+ ``+ ``+ ``); presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'id':'27C55F89-1C6A-459A-9EB5-77690145D628', 'to': 'romeo@montague.lit/desktop' }).c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'outcast', 'role': 'participant' }).c('actor', {'nick': 'romeo'}).up() .c('reason').t("You're annoying").up().up() .c('status', {'code': '301'}); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelectorAll('.chat-info').length === 2); expect(view.el.querySelectorAll('.chat-info__message')[1].textContent.trim()).toBe("annoyingGuy has been banned by romeo"); expect(view.el.querySelector('.chat-info:last-child q').textContent.trim()).toBe("You're annoying"); presence = $pres({ 'from': 'lounge@montague.lit/joe2', 'id':'27C55F89-1C6A-459A-9EB5-77690145D624', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'joe2@montague.lit', 'affiliation': 'member', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); textarea.value = '/ban joe22'; view.onFormSubmitted(new Event('submit')); await u.waitUntil(() => view.el.querySelector('.message:last-child')?.textContent?.trim() === "Error: couldn't find a groupchat participant based on your arguments"); done(); })); it("takes a /kick command to kick a user", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { let sent_IQ, IQ_id; const sendIQ = _converse.connection.sendIQ; spyOn(_converse.connection, 'sendIQ').and.callFake(function (iq, callback, errback) { sent_IQ = iq; IQ_id = sendIQ.bind(this)(iq, callback, errback); }); const muc_jid = 'lounge@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo'); const view = _converse.api.chatviews.get(muc_jid); spyOn(view.model, 'setRole').and.callThrough(); spyOn(view, 'validateRoleOrAffiliationChangeArgs').and.callThrough(); let presence = $pres({ 'from': 'lounge@montague.lit/annoying guy', 'id':'27C55F89-1C6A-459A-9EB5-77690145D624', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'none', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); const textarea = view.el.querySelector('.chat-textarea') textarea.value = '/kick'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(view.validateRoleOrAffiliationChangeArgs).toHaveBeenCalled(); await u.waitUntil(() => view.el.querySelector('.message:last-child')?.textContent?.trim() === "Error: the \"kick\" command takes two arguments, the user's nickname and optionally a reason."); expect(view.model.setRole).not.toHaveBeenCalled(); // Call now with the correct amount of arguments. // XXX: Calling onFormSubmitted directly, trying // again via triggering Event doesn't work for some weird // reason. textarea.value = '/kick @annoying guy You\'re annoying'; view.onFormSubmitted(new Event('submit')); expect(view.validateRoleOrAffiliationChangeArgs.calls.count()).toBe(2); expect(view.model.setRole).toHaveBeenCalled(); expect(sent_IQ.toLocaleString()).toBe( ``+ ``+ ``+ `You're annoying`+ ``+ ``+ ``); /* * * * * * */ presence = $pres({ 'from': 'lounge@montague.lit/annoying guy', 'to': 'romeo@montague.lit/desktop', 'type': 'unavailable' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'affiliation': 'none', 'role': 'none' }).c('actor', {'nick': 'romeo'}).up() .c('reason').t("You're annoying").up().up() .c('status', {'code': '307'}); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelectorAll('.chat-info').length === 2); expect(view.el.querySelectorAll('.chat-info__message')[1].textContent.trim()).toBe("annoying guy has been kicked out by romeo"); expect(view.el.querySelector('.chat-info:last-child q').textContent.trim()).toBe("You're annoying"); done(); })); it("takes /op and /deop to make a user a moderator or not", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'lounge@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo'); const view = _converse.api.chatviews.get(muc_jid); let sent_IQ, IQ_id; const sendIQ = _converse.connection.sendIQ; spyOn(_converse.connection, 'sendIQ').and.callFake(function (iq, callback, errback) { sent_IQ = iq; IQ_id = sendIQ.bind(this)(iq, callback, errback); }); spyOn(view.model, 'setRole').and.callThrough(); spyOn(view, 'validateRoleOrAffiliationChangeArgs').and.callThrough(); // New user enters the groupchat /* * * * * */ let presence = $pres({ 'from': 'lounge@montague.lit/trustworthyguy', 'id':'27C55F89-1C6A-459A-9EB5-77690145D624', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'trustworthyguy@montague.lit', 'affiliation': 'member', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); const csntext = await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual("romeo and trustworthyguy have entered the groupchat"); const textarea = view.el.querySelector('.chat-textarea') textarea.value = '/op'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(view.validateRoleOrAffiliationChangeArgs).toHaveBeenCalled(); await u.waitUntil(() => view.el.querySelector('.message:last-child')?.textContent?.trim() === "Error: the \"op\" command takes two arguments, the user's nickname and optionally a reason."); expect(view.model.setRole).not.toHaveBeenCalled(); // Call now with the correct amount of arguments. // XXX: Calling onFormSubmitted directly, trying // again via triggering Event doesn't work for some weird // reason. textarea.value = '/op trustworthyguy You\'re trustworthy'; view.onFormSubmitted(new Event('submit')); expect(view.validateRoleOrAffiliationChangeArgs.calls.count()).toBe(2); expect(view.model.setRole).toHaveBeenCalled(); expect(sent_IQ.toLocaleString()).toBe( ``+ ``+ ``+ `You're trustworthy`+ ``+ ``+ ``); /* * * * * */ presence = $pres({ 'from': 'lounge@montague.lit/trustworthyguy', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'trustworthyguy@montague.lit', 'affiliation': 'member', 'role': 'moderator' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => Array.from(view.el.querySelectorAll('.chat-info__message')).pop()?.textContent.trim() === "trustworthyguy is now a moderator" ); // Call now with the correct amount of arguments. // XXX: Calling onFormSubmitted directly, trying // again via triggering Event doesn't work for some weird // reason. textarea.value = '/deop trustworthyguy Perhaps not'; view.onFormSubmitted(new Event('submit')); expect(view.validateRoleOrAffiliationChangeArgs.calls.count()).toBe(3); expect(view.model.setRole).toHaveBeenCalled(); expect(sent_IQ.toLocaleString()).toBe( ``+ ``+ ``+ `Perhaps not`+ ``+ ``+ ``); /* * * * * */ presence = $pres({ 'from': 'lounge@montague.lit/trustworthyguy', 'to': 'romeo@montague.lit/desktop' }).c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'trustworthyguy@montague.lit', 'affiliation': 'member', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => Array.from(view.el.querySelectorAll('.chat-info__message')).pop()?.textContent.trim() === "trustworthyguy is no longer a moderator" ); done(); })); it("takes /mute and /voice to mute and unmute a user", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'lounge@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo'); const view = _converse.api.chatviews.get(muc_jid); var sent_IQ, IQ_id; var sendIQ = _converse.connection.sendIQ; spyOn(_converse.connection, 'sendIQ').and.callFake(function (iq, callback, errback) { sent_IQ = iq; IQ_id = sendIQ.bind(this)(iq, callback, errback); }); spyOn(view.model, 'setRole').and.callThrough(); spyOn(view, 'validateRoleOrAffiliationChangeArgs').and.callThrough(); // New user enters the groupchat /* * * * * */ let presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'id':'27C55F89-1C6A-459A-9EB5-77690145D624', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'member', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); const csntext = await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual("romeo and annoyingGuy have entered the groupchat"); const textarea = view.el.querySelector('.chat-textarea') textarea.value = '/mute'; view.onKeyDown({ target: textarea, preventDefault: function preventDefault () {}, keyCode: 13 }); expect(view.validateRoleOrAffiliationChangeArgs).toHaveBeenCalled(); await u.waitUntil(() => view.el.querySelector('.message:last-child')?.textContent?.trim() === "Error: the \"mute\" command takes two arguments, the user's nickname and optionally a reason."); expect(view.model.setRole).not.toHaveBeenCalled(); // Call now with the correct amount of arguments. // XXX: Calling onFormSubmitted directly, trying // again via triggering Event doesn't work for some weird // reason. textarea.value = '/mute annoyingGuy You\'re annoying'; view.onFormSubmitted(new Event('submit')); expect(view.validateRoleOrAffiliationChangeArgs.calls.count()).toBe(2); expect(view.model.setRole).toHaveBeenCalled(); expect(sent_IQ.toLocaleString()).toBe( ``+ ``+ ``+ `You're annoying`+ ``+ ``+ ``); /* * * * * */ presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'member', 'role': 'visitor' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => Array.from(view.el.querySelectorAll('.chat-info__message')).pop()?.textContent.trim() === "annoyingGuy has been muted" ); // Call now with the correct of arguments. // XXX: Calling onFormSubmitted directly, trying // again via triggering Event doesn't work for some weird // reason. textarea.value = '/voice annoyingGuy Now you can talk again'; view.onFormSubmitted(new Event('submit')); expect(view.validateRoleOrAffiliationChangeArgs.calls.count()).toBe(3); expect(view.model.setRole).toHaveBeenCalled(); expect(sent_IQ.toLocaleString()).toBe( ``+ ``+ ``+ `Now you can talk again`+ ``+ ``+ ``); /* * * * * */ presence = $pres({ 'from': 'lounge@montague.lit/annoyingGuy', 'to': 'romeo@montague.lit/desktop' }) .c('x', { 'xmlns': 'http://jabber.org/protocol/muc#user'}) .c('item', { 'jid': 'annoyingguy@montague.lit', 'affiliation': 'member', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => Array.from(view.el.querySelectorAll('.chat-info__message')).pop()?.textContent.trim() === "annoyingGuy has been given a voice" ); done(); })); it("takes /destroy to destroy a muc", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'lounge@montague.lit'; const new_muc_jid = 'foyer@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo'); let view = _converse.api.chatviews.get(muc_jid); spyOn(_converse.api, 'confirm').and.callThrough(); let textarea = view.el.querySelector('.chat-textarea'); textarea.value = '/destroy'; view.onFormSubmitted(new Event('submit')); let modal = await u.waitUntil(() => document.querySelector('.modal-dialog')); await u.waitUntil(() => u.isVisible(modal)); let challenge_el = modal.querySelector('[name="challenge"]'); challenge_el.value = muc_jid+'e'; const reason_el = modal.querySelector('[name="reason"]'); reason_el.value = 'Moved to a new location'; const newjid_el = modal.querySelector('[name="newjid"]'); newjid_el.value = new_muc_jid; let submit = modal.querySelector('[type="submit"]'); submit.click(); expect(u.isVisible(modal)).toBeTruthy(); expect(u.hasClass('error', challenge_el)).toBeTruthy(); challenge_el.value = muc_jid; submit.click(); let sent_IQs = _converse.connection.IQ_stanzas; let sent_IQ = await u.waitUntil(() => sent_IQs.filter(iq => iq.querySelector('destroy')).pop()); expect(Strophe.serialize(sent_IQ)).toBe( ``+ ``+ ``+ ``+ `Moved to a new location`+ ``+ ``+ ``+ ``); let result_stanza = $iq({ 'type': 'result', 'id': sent_IQ.getAttribute('id'), 'from': view.model.get('jid'), 'to': _converse.connection.jid }); spyOn(_converse.api, "trigger").and.callThrough(); expect(_converse.chatboxes.length).toBe(2); _converse.connection._dataRecv(mock.createRequest(result_stanza)); await u.waitUntil(() => (view.model.session.get('connection_status') === converse.ROOMSTATUS.DISCONNECTED)); await u.waitUntil(() => _converse.chatboxes.length === 1); expect(_converse.api.trigger).toHaveBeenCalledWith('chatBoxClosed', jasmine.any(Object)); // Try again without reason or new JID _converse.connection.IQ_stanzas = []; sent_IQs = _converse.connection.IQ_stanzas; await mock.openAndEnterChatRoom(_converse, new_muc_jid, 'romeo'); view = _converse.api.chatviews.get(new_muc_jid); textarea = view.el.querySelector('.chat-textarea'); textarea.value = '/destroy'; view.onFormSubmitted(new Event('submit')); modal = await u.waitUntil(() => document.querySelector('.modal-dialog')); await u.waitUntil(() => u.isVisible(modal)); challenge_el = modal.querySelector('[name="challenge"]'); challenge_el.value = new_muc_jid; submit = modal.querySelector('[type="submit"]'); submit.click(); sent_IQ = await u.waitUntil(() => sent_IQs.filter(iq => iq.querySelector('destroy')).pop()); expect(Strophe.serialize(sent_IQ)).toBe( ``+ ``+ ``+ ``+ ``); result_stanza = $iq({ 'type': 'result', 'id': sent_IQ.getAttribute('id'), 'from': view.model.get('jid'), 'to': _converse.connection.jid }); expect(_converse.chatboxes.length).toBe(2); _converse.connection._dataRecv(mock.createRequest(result_stanza)); await u.waitUntil(() => (view.model.session.get('connection_status') === converse.ROOMSTATUS.DISCONNECTED)); await u.waitUntil(() => _converse.chatboxes.length === 1); done(); })); }); describe("When attempting to enter a groupchat", function () { it("will use the nickname set in the global settings if the user doesn't have a VCard nickname", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'nickname': 'Benedict-Cucumberpatch'}, async function (done, _converse) { await mock.openChatRoomViaModal(_converse, 'roomy@muc.montague.lit'); const view = _converse.chatboxviews.get('roomy@muc.montague.lit'); expect(view.model.get('nick')).toBe('Benedict-Cucumberpatch'); done(); })); it("will show an error message if the groupchat requires a password", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { const muc_jid = 'protected'; await mock.openChatRoomViaModal(_converse, muc_jid, 'romeo'); const view = _converse.chatboxviews.get(muc_jid); spyOn(view, 'renderPasswordForm').and.callThrough(); const presence = $pres().attrs({ 'from': `${muc_jid}/romeo`, 'id': u.getUniqueId(), 'to': 'romeo@montague.lit/pda', 'type': 'error' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up() .c('error').attrs({by:'lounge@montague.lit', type:'auth'}) .c('not-authorized').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}); _converse.connection._dataRecv(mock.createRequest(presence)); const chat_body = view.el.querySelector('.chatroom-body'); expect(view.renderPasswordForm).toHaveBeenCalled(); expect(chat_body.querySelectorAll('form.chatroom-form').length).toBe(1); expect(chat_body.querySelector('.chatroom-form label').textContent.trim()) .toBe('This groupchat requires a password'); // Let's submit the form spyOn(view.model, 'join'); const input_el = view.el.querySelector('[name="password"]'); input_el.value = 'secret'; view.el.querySelector('input[type=submit]').click(); expect(view.model.join).toHaveBeenCalledWith('romeo', 'secret'); done(); })); it("will show an error message if the groupchat is members-only and the user not included", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'members-only@muc.montague.lit' await mock.openChatRoomViaModal(_converse, muc_jid, 'romeo'); const view = _converse.chatboxviews.get(muc_jid); const iq = await u.waitUntil(() => _.filter( _converse.connection.IQ_stanzas, iq => iq.querySelector( `iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]` )).pop()); // State that the chat is members-only via the features IQ const features_stanza = $iq({ 'from': muc_jid, 'id': iq.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'result' }) .c('query', { 'xmlns': 'http://jabber.org/protocol/disco#info'}) .c('identity', { 'category': 'conference', 'name': 'A Dark Cave', 'type': 'text' }).up() .c('feature', {'var': 'http://jabber.org/protocol/muc'}).up() .c('feature', {'var': 'muc_hidden'}).up() .c('feature', {'var': 'muc_temporary'}).up() .c('feature', {'var': 'muc_membersonly'}).up(); _converse.connection._dataRecv(mock.createRequest(features_stanza)); await u.waitUntil(() => view.model.session.get('connection_status') === converse.ROOMSTATUS.CONNECTING); const presence = $pres().attrs({ from: `${muc_jid}/romeo`, id: u.getUniqueId(), to: 'romeo@montague.lit/pda', type: 'error' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up() .c('error').attrs({by:'lounge@montague.lit', type:'auth'}) .c('registration-required').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.el.querySelector('.chatroom-body .disconnect-container .disconnect-msg:last-child').textContent.trim()) .toBe('You are not on the member list of this groupchat.'); done(); })); it("will show an error message if the user has been banned", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'off-limits@muc.montague.lit' await mock.openChatRoomViaModal(_converse, muc_jid, 'romeo'); const iq = await u.waitUntil(() => _.filter( _converse.connection.IQ_stanzas, iq => iq.querySelector( `iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]` )).pop()); const features_stanza = $iq({ 'from': muc_jid, 'id': iq.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'result' }) .c('query', { 'xmlns': 'http://jabber.org/protocol/disco#info'}) .c('identity', {'category': 'conference', 'name': 'A Dark Cave', 'type': 'text'}).up() .c('feature', {'var': 'http://jabber.org/protocol/muc'}).up() .c('feature', {'var': 'muc_hidden'}).up() .c('feature', {'var': 'muc_temporary'}).up() _converse.connection._dataRecv(mock.createRequest(features_stanza)); const view = _converse.chatboxviews.get(muc_jid); await u.waitUntil(() => view.model.session.get('connection_status') === converse.ROOMSTATUS.CONNECTING); const presence = $pres().attrs({ from: `${muc_jid}/romeo`, id: u.getUniqueId(), to: 'romeo@montague.lit/pda', type: 'error' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up() .c('error').attrs({by:'lounge@montague.lit', type:'auth'}) .c('forbidden').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.el.querySelector('.chatroom-body .disconnect-container .disconnect-msg:last-child').textContent.trim()) .toBe('You have been banned from this groupchat.'); done(); })); it("will render a nickname form if a nickname conflict happens and muc_nickname_from_jid=false", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'conflicted@muc.montague.lit'; await mock.openChatRoomViaModal(_converse, muc_jid, 'romeo'); var presence = $pres().attrs({ from: `${muc_jid}/romeo`, id: u.getUniqueId(), to: 'romeo@montague.lit/pda', type: 'error' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up() .c('error').attrs({by:'lounge@montague.lit', type:'cancel'}) .c('conflict').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree; const view = _converse.chatboxviews.get(muc_jid); _converse.connection._dataRecv(mock.createRequest(presence)); expect(sizzle('.chatroom-body form.chatroom-form label:first', view.el).pop().textContent.trim()) .toBe('Please choose your nickname'); const input = sizzle('.chatroom-body form.chatroom-form input:first', view.el).pop(); input.value = 'nicky'; view.el.querySelector('input[type=submit]').click(); done(); })); it("will automatically choose a new nickname if a nickname conflict happens and muc_nickname_from_jid=true", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { const muc_jid = 'conflicting@muc.montague.lit' await mock.openChatRoomViaModal(_converse, muc_jid, 'romeo'); /* * * * * * */ _converse.muc_nickname_from_jid = true; const attrs = { 'from': `${muc_jid}/romeo`, 'id': u.getUniqueId(), 'to': 'romeo@montague.lit/pda', 'type': 'error' }; let presence = $pres().attrs(attrs) .c('x').attrs({'xmlns':'http://jabber.org/protocol/muc'}).up() .c('error').attrs({'by': muc_jid, 'type':'cancel'}) .c('conflict').attrs({'xmlns':'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree; const view = _converse.chatboxviews.get(muc_jid); spyOn(view.model, 'join').and.callThrough(); // Simulate repeatedly that there's already someone in the groupchat // with that nickname _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.model.join).toHaveBeenCalledWith('romeo-2'); attrs.from = `${muc_jid}/romeo-2`; attrs.id = u.getUniqueId(); presence = $pres().attrs(attrs) .c('x').attrs({'xmlns':'http://jabber.org/protocol/muc'}).up() .c('error').attrs({'by': muc_jid, type:'cancel'}) .c('conflict').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.model.join).toHaveBeenCalledWith('romeo-3'); attrs.from = `${muc_jid}/romeo-3`; attrs.id = new Date().getTime(); presence = $pres().attrs(attrs) .c('x').attrs({'xmlns': 'http://jabber.org/protocol/muc'}).up() .c('error').attrs({'by': muc_jid, 'type': 'cancel'}) .c('conflict').attrs({'xmlns':'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.model.join).toHaveBeenCalledWith('romeo-4'); done(); })); it("will show an error message if the user is not allowed to have created the groupchat", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'impermissable@muc.montague.lit' await mock.openChatRoomViaModal(_converse, muc_jid, 'romeo') // We pretend this is a new room, so no disco info is returned. const iq = await u.waitUntil(() => _.filter( _converse.connection.IQ_stanzas, iq => iq.querySelector( `iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]` )).pop()); const features_stanza = $iq({ 'from': 'room@conference.example.org', 'id': iq.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'error' }).c('error', {'type': 'cancel'}) .c('item-not-found', {'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas"}); _converse.connection._dataRecv(mock.createRequest(features_stanza)); const view = _converse.chatboxviews.get(muc_jid); await u.waitUntil(() => (view.model.session.get('connection_status') === converse.ROOMSTATUS.CONNECTING)); const presence = $pres().attrs({ from: `${muc_jid}/romeo`, id: u.getUniqueId(), to:'romeo@montague.lit/pda', type:'error' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up() .c('error').attrs({by:'lounge@montague.lit', type:'cancel'}) .c('not-allowed').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.el.querySelector('.chatroom-body .disconnect-container .disconnect-msg:last-child').textContent.trim()) .toBe('You are not allowed to create new groupchats.'); done(); })); it("will show an error message if the user's nickname doesn't conform to groupchat policy", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'conformist@muc.montague.lit' await mock.openChatRoomViaModal(_converse, muc_jid, 'romeo'); const iq = await u.waitUntil(() => _.filter( _converse.connection.IQ_stanzas, iq => iq.querySelector( `iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]` )).pop()); const features_stanza = $iq({ 'from': muc_jid, 'id': iq.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'result' }).c('query', { 'xmlns': 'http://jabber.org/protocol/disco#info'}) .c('identity', {'category': 'conference', 'name': 'A Dark Cave', 'type': 'text'}).up() .c('feature', {'var': 'http://jabber.org/protocol/muc'}).up() _converse.connection._dataRecv(mock.createRequest(features_stanza)); const view = _converse.chatboxviews.get(muc_jid); await u.waitUntil(() => (view.model.session.get('connection_status') === converse.ROOMSTATUS.CONNECTING)); const presence = $pres().attrs({ from: `${muc_jid}/romeo`, id: u.getUniqueId(), to:'romeo@montague.lit/pda', type:'error' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up() .c('error').attrs({by:'lounge@montague.lit', type:'cancel'}) .c('not-acceptable').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.el.querySelector('.chatroom-body .disconnect-container .disconnect-msg:last-child').textContent.trim()) .toBe("Your nickname doesn't conform to this groupchat's policies."); done(); })); it("will show an error message if the groupchat doesn't yet exist", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'nonexistent@muc.montague.lit' await mock.openChatRoomViaModal(_converse, muc_jid, 'romeo'); const iq = await u.waitUntil(() => _.filter( _converse.connection.IQ_stanzas, iq => iq.querySelector( `iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]` )).pop()); const features_stanza = $iq({ 'from': muc_jid, 'id': iq.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'result' }).c('query', { 'xmlns': 'http://jabber.org/protocol/disco#info'}) .c('identity', {'category': 'conference', 'name': 'A Dark Cave', 'type': 'text'}).up() .c('feature', {'var': 'http://jabber.org/protocol/muc'}).up() _converse.connection._dataRecv(mock.createRequest(features_stanza)); const view = _converse.chatboxviews.get(muc_jid); await u.waitUntil(() => (view.model.session.get('connection_status') === converse.ROOMSTATUS.CONNECTING)); const presence = $pres().attrs({ from: `${muc_jid}/romeo`, id: u.getUniqueId(), to: 'romeo@montague.lit/pda', type:'error' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up() .c('error').attrs({by:'lounge@montague.lit', type:'cancel'}) .c('item-not-found').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.el.querySelector('.chatroom-body .disconnect-container .disconnect-msg:last-child').textContent.trim()) .toBe("This groupchat does not (yet) exist."); done(); })); it("will show an error message if the groupchat has reached its maximum number of participants", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'maxed-out@muc.montague.lit' await mock.openChatRoomViaModal(_converse, muc_jid, 'romeo') const iq = await u.waitUntil(() => _.filter( _converse.connection.IQ_stanzas, iq => iq.querySelector( `iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]` )).pop()); const features_stanza = $iq({ 'from': muc_jid, 'id': iq.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'result' }).c('query', { 'xmlns': 'http://jabber.org/protocol/disco#info'}) .c('identity', {'category': 'conference', 'name': 'A Dark Cave', 'type': 'text'}).up() .c('feature', {'var': 'http://jabber.org/protocol/muc'}).up() _converse.connection._dataRecv(mock.createRequest(features_stanza)); const view = _converse.chatboxviews.get(muc_jid); await u.waitUntil(() => (view.model.session.get('connection_status') === converse.ROOMSTATUS.CONNECTING)); const presence = $pres().attrs({ from: `${muc_jid}/romeo`, id: u.getUniqueId(), to:'romeo@montague.lit/pda', type:'error' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up() .c('error').attrs({by:'lounge@montague.lit', type:'cancel'}) .c('service-unavailable').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(presence)); expect(view.el.querySelector('.chatroom-body .disconnect-container .disconnect-msg:last-child').textContent.trim()) .toBe("This groupchat has reached its maximum number of participants."); done(); })); }); describe("Someone being invited to a groupchat", function () { it("will first be added to the member list if the groupchat is members only", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { await mock.waitForRoster(_converse, 'current', 0); spyOn(_converse.ChatRoomOccupants.prototype, 'fetchMembers').and.callThrough(); const sent_IQs = _converse.connection.IQ_stanzas; const muc_jid = 'coven@chat.shakespeare.lit'; const room_creation_promise = _converse.api.rooms.open(muc_jid, {'nick': 'romeo'}); // Check that the groupchat queried for the features. let stanza = await u.waitUntil(() => sent_IQs.filter(iq => iq.querySelector(`iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]`)).pop()); expect(Strophe.serialize(stanza)).toBe( ``+ ``+ ``); // State that the chat is members-only via the features IQ const view = _converse.chatboxviews.get(muc_jid); const features_stanza = $iq({ from: 'coven@chat.shakespeare.lit', 'id': stanza.getAttribute('id'), 'to': 'romeo@montague.lit/desktop', 'type': 'result' }) .c('query', { 'xmlns': 'http://jabber.org/protocol/disco#info'}) .c('identity', { 'category': 'conference', 'name': 'A Dark Cave', 'type': 'text' }).up() .c('feature', {'var': 'http://jabber.org/protocol/muc'}).up() .c('feature', {'var': 'muc_hidden'}).up() .c('feature', {'var': 'muc_temporary'}).up() .c('feature', {'var': 'muc_membersonly'}).up(); _converse.connection._dataRecv(mock.createRequest(features_stanza)); await u.waitUntil(() => (view.model.session.get('connection_status') === converse.ROOMSTATUS.CONNECTING)); expect(view.model.features.get('membersonly')).toBeTruthy(); await room_creation_promise; await mock.createContacts(_converse, 'current'); let sent_stanza, sent_id; spyOn(_converse.connection, 'send').and.callFake(function (stanza) { if (stanza.nodeTree && stanza.nodeTree.nodeName === 'message') { sent_id = stanza.nodeTree.getAttribute('id'); sent_stanza = stanza; } }); const invitee_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit'; const reason = "Please join this groupchat"; view.model.directInvite(invitee_jid, reason); // Check in reverse order that we requested all three lists const owner_iq = sent_IQs.pop(); expect(Strophe.serialize(owner_iq)).toBe( ``+ ``+ ``); const admin_iq = sent_IQs.pop(); expect(Strophe.serialize(admin_iq)).toBe( ``+ ``+ ``); const member_iq = sent_IQs.pop(); expect(Strophe.serialize(member_iq)).toBe( ``+ ``+ ``); // Now the service sends the member lists to the user const member_list_stanza = $iq({ 'from': 'coven@chat.shakespeare.lit', 'id': member_iq.getAttribute('id'), 'to': 'romeo@montague.lit/orchard', 'type': 'result' }).c('query', {'xmlns': Strophe.NS.MUC_ADMIN}) .c('item', { 'affiliation': 'member', 'jid': 'hag66@shakespeare.lit', 'nick': 'thirdwitch', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(member_list_stanza)); const admin_list_stanza = $iq({ 'from': 'coven@chat.shakespeare.lit', 'id': admin_iq.getAttribute('id'), 'to': 'romeo@montague.lit/orchard', 'type': 'result' }).c('query', {'xmlns': Strophe.NS.MUC_ADMIN}) .c('item', { 'affiliation': 'admin', 'jid': 'wiccarocks@shakespeare.lit', 'nick': 'secondwitch' }); _converse.connection._dataRecv(mock.createRequest(admin_list_stanza)); const owner_list_stanza = $iq({ 'from': 'coven@chat.shakespeare.lit', 'id': owner_iq.getAttribute('id'), 'to': 'romeo@montague.lit/orchard', 'type': 'result' }).c('query', {'xmlns': Strophe.NS.MUC_ADMIN}) .c('item', { 'affiliation': 'owner', 'jid': 'crone1@shakespeare.lit', }); _converse.connection._dataRecv(mock.createRequest(owner_list_stanza)); // Converse puts the user on the member list stanza = await u.waitUntil(() => sent_IQs.filter(iq => iq.querySelector(`iq[to="${muc_jid}"] query[xmlns="http://jabber.org/protocol/muc#admin"]`)).pop()); expect(stanza.outerHTML, ``+ ``+ ``+ `Please join this groupchat`+ ``+ ``+ ``); const result = $iq({ 'from': 'coven@chat.shakespeare.lit', 'id': stanza.getAttribute('id'), 'to': 'romeo@montague.lit/orchard', 'type': 'result' }); _converse.connection._dataRecv(mock.createRequest(result)); await u.waitUntil(() => view.model.occupants.fetchMembers.calls.count()); // Finally check that the user gets invited. expect(sent_stanza.toLocaleString()).toBe( // Strophe adds the xmlns attr (although not in spec) ``+ ``+ `` ); done(); })); }); describe("The affiliations delta", function () { it("can be computed in various ways", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { await mock.openChatRoom(_converse, 'coven', 'chat.shakespeare.lit', 'romeo'); var exclude_existing = false; var remove_absentees = false; var new_list = []; var old_list = []; const muc_utils = converse.env.muc_utils; var delta = muc_utils.computeAffiliationsDelta(exclude_existing, remove_absentees, new_list, old_list); expect(delta.length).toBe(0); new_list = [{'jid': 'wiccarocks@shakespeare.lit', 'affiliation': 'member'}]; old_list = [{'jid': 'wiccarocks@shakespeare.lit', 'affiliation': 'member'}]; delta = muc_utils.computeAffiliationsDelta(exclude_existing, remove_absentees, new_list, old_list); expect(delta.length).toBe(0); // When remove_absentees is false, then affiliations in the old // list which are not in the new one won't be removed. old_list = [{'jid': 'oldhag666@shakespeare.lit', 'affiliation': 'owner'}, {'jid': 'wiccarocks@shakespeare.lit', 'affiliation': 'member'}]; delta = muc_utils.computeAffiliationsDelta(exclude_existing, remove_absentees, new_list, old_list); expect(delta.length).toBe(0); // With exclude_existing set to false, any changed affiliations // will be included in the delta (i.e. existing affiliations are included in the comparison). old_list = [{'jid': 'wiccarocks@shakespeare.lit', 'affiliation': 'owner'}]; delta = muc_utils.computeAffiliationsDelta(exclude_existing, remove_absentees, new_list, old_list); expect(delta.length).toBe(1); expect(delta[0].jid).toBe('wiccarocks@shakespeare.lit'); expect(delta[0].affiliation).toBe('member'); // To also remove affiliations from the old list which are not // in the new list, we set remove_absentees to true remove_absentees = true; old_list = [{'jid': 'oldhag666@shakespeare.lit', 'affiliation': 'owner'}, {'jid': 'wiccarocks@shakespeare.lit', 'affiliation': 'member'}]; delta = muc_utils.computeAffiliationsDelta(exclude_existing, remove_absentees, new_list, old_list); expect(delta.length).toBe(1); expect(delta[0].jid).toBe('oldhag666@shakespeare.lit'); expect(delta[0].affiliation).toBe('none'); delta = muc_utils.computeAffiliationsDelta(exclude_existing, remove_absentees, [], old_list); expect(delta.length).toBe(2); expect(delta[0].jid).toBe('oldhag666@shakespeare.lit'); expect(delta[0].affiliation).toBe('none'); expect(delta[1].jid).toBe('wiccarocks@shakespeare.lit'); expect(delta[1].affiliation).toBe('none'); // To only add a user if they don't already have an // affiliation, we set 'exclude_existing' to true exclude_existing = true; old_list = [{'jid': 'wiccarocks@shakespeare.lit', 'affiliation': 'owner'}]; delta = muc_utils.computeAffiliationsDelta(exclude_existing, remove_absentees, new_list, old_list); expect(delta.length).toBe(0); old_list = [{'jid': 'wiccarocks@shakespeare.lit', 'affiliation': 'admin'}]; delta = muc_utils.computeAffiliationsDelta(exclude_existing, remove_absentees, new_list, old_list); expect(delta.length).toBe(0); done(); })); }); describe("The \"Groupchats\" Add modal", function () { it("can be opened from a link in the \"Groupchats\" section of the controlbox", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { await mock.openControlBox(_converse); await mock.waitForRoster(_converse, 'current', 0); const roomspanel = _converse.chatboxviews.get('controlbox').roomspanel; roomspanel.el.querySelector('.show-add-muc-modal').click(); mock.closeControlBox(_converse); const modal = roomspanel.add_room_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000) let label_name = modal.el.querySelector('label[for="chatroom"]'); expect(label_name.textContent.trim()).toBe('Groupchat address:'); let name_input = modal.el.querySelector('input[name="chatroom"]'); expect(name_input.placeholder).toBe('name@conference.example.org'); const label_nick = modal.el.querySelector('label[for="nickname"]'); expect(label_nick.textContent.trim()).toBe('Nickname:'); const nick_input = modal.el.querySelector('input[name="nickname"]'); expect(nick_input.value).toBe(''); nick_input.value = 'romeo'; expect(modal.el.querySelector('.modal-title').textContent.trim()).toBe('Enter a new Groupchat'); spyOn(_converse.ChatRoom.prototype, 'getDiscoInfo').and.callFake(() => Promise.resolve()); roomspanel.delegateEvents(); // We need to rebind all events otherwise our spy won't be called modal.el.querySelector('input[name="chatroom"]').value = 'lounce@muc.montague.lit'; modal.el.querySelector('form input[type="submit"]').click(); await u.waitUntil(() => _converse.chatboxes.length); await u.waitUntil(() => sizzle('.chatroom', _converse.el).filter(u.isVisible).length === 1); roomspanel.model.set('muc_domain', 'muc.example.org'); roomspanel.el.querySelector('.show-add-muc-modal').click(); label_name = modal.el.querySelector('label[for="chatroom"]'); expect(label_name.textContent.trim()).toBe('Groupchat address:'); name_input = modal.el.querySelector('input[name="chatroom"]'); expect(name_input.placeholder).toBe('name@muc.example.org'); done(); })); it("doesn't show the nickname field if locked_muc_nickname is true", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'locked_muc_nickname': true, 'muc_nickname_from_jid': true}, async function (done, _converse) { await mock.openControlBox(_converse); await mock.waitForRoster(_converse, 'current', 0); const roomspanel = _converse.chatboxviews.get('controlbox').roomspanel; roomspanel.el.querySelector('.show-add-muc-modal').click(); mock.closeControlBox(_converse); const modal = roomspanel.add_room_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000) const name_input = modal.el.querySelector('input[name="chatroom"]'); name_input.value = 'lounge@montague.lit'; expect(modal.el.querySelector('label[for="nickname"]')).toBe(null); expect(modal.el.querySelector('input[name="nickname"]')).toBe(null); modal.el.querySelector('form input[type="submit"]').click(); await u.waitUntil(() => _converse.chatboxes.length > 1); const chatroom = _converse.chatboxes.get('lounge@montague.lit'); expect(chatroom.get('nick')).toBe('romeo'); done(); })); it("uses the JID node if muc_nickname_from_jid is set to true", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'muc_nickname_from_jid': true}, async function (done, _converse) { await mock.openControlBox(_converse); await mock.waitForRoster(_converse, 'current', 0); const roomspanel = _converse.chatboxviews.get('controlbox').roomspanel; roomspanel.el.querySelector('.show-add-muc-modal').click(); mock.closeControlBox(_converse); const modal = roomspanel.add_room_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000) const label_nick = modal.el.querySelector('label[for="nickname"]'); expect(label_nick.textContent.trim()).toBe('Nickname:'); const nick_input = modal.el.querySelector('input[name="nickname"]'); expect(nick_input.value).toBe('romeo'); done(); })); it("uses the nickname passed in to converse.initialize", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'nickname': 'st.nick'}, async function (done, _converse) { await mock.openControlBox(_converse); await mock.waitForRoster(_converse, 'current', 0); const roomspanel = _converse.chatboxviews.get('controlbox').roomspanel; roomspanel.el.querySelector('.show-add-muc-modal').click(); mock.closeControlBox(_converse); const modal = roomspanel.add_room_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000) const label_nick = modal.el.querySelector('label[for="nickname"]'); expect(label_nick.textContent.trim()).toBe('Nickname:'); const nick_input = modal.el.querySelector('input[name="nickname"]'); expect(nick_input.value).toBe('st.nick'); done(); })); it("doesn't require the domain when muc_domain is set", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'muc_domain': 'muc.example.org'}, async function (done, _converse) { await mock.openControlBox(_converse); const roomspanel = _converse.chatboxviews.get('controlbox').roomspanel; roomspanel.el.querySelector('.show-add-muc-modal').click(); const modal = roomspanel.add_room_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000) expect(modal.el.querySelector('.modal-title').textContent.trim()).toBe('Enter a new Groupchat'); spyOn(_converse.ChatRoom.prototype, 'getDiscoInfo').and.callFake(() => Promise.resolve()); roomspanel.delegateEvents(); // We need to rebind all events otherwise our spy won't be called const label_name = modal.el.querySelector('label[for="chatroom"]'); expect(label_name.textContent.trim()).toBe('Groupchat name:'); let name_input = modal.el.querySelector('input[name="chatroom"]'); expect(name_input.placeholder).toBe('name@muc.example.org'); name_input.value = 'lounge'; let nick_input = modal.el.querySelector('input[name="nickname"]'); nick_input.value = 'max'; modal.el.querySelector('form input[type="submit"]').click(); await u.waitUntil(() => _converse.chatboxes.length); await u.waitUntil(() => sizzle('.chatroom', _converse.el).filter(u.isVisible).length === 1); expect(_.includes(_converse.chatboxes.models.map(m => m.get('id')), 'lounge@muc.example.org')).toBe(true); // However, you can still open MUCs with different domains roomspanel.el.querySelector('.show-add-muc-modal').click(); await u.waitUntil(() => u.isVisible(modal.el), 1000); name_input = modal.el.querySelector('input[name="chatroom"]'); name_input.value = 'lounge@conference.example.org'; nick_input = modal.el.querySelector('input[name="nickname"]'); nick_input.value = 'max'; modal.el.querySelector('form input[type="submit"]').click(); await u.waitUntil(() => _converse.chatboxes.models.filter(c => c.get('type') === 'chatroom').length === 2); await u.waitUntil(() => sizzle('.chatroom', _converse.el).filter(u.isVisible).length === 2); expect(_.includes(_converse.chatboxes.models.map(m => m.get('id')), 'lounge@conference.example.org')).toBe(true); done(); })); it("only uses the muc_domain is locked_muc_domain is true", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'muc_domain': 'muc.example.org', 'locked_muc_domain': true}, async function (done, _converse) { await mock.openControlBox(_converse); const roomspanel = _converse.chatboxviews.get('controlbox').roomspanel; roomspanel.el.querySelector('.show-add-muc-modal').click(); const modal = roomspanel.add_room_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000) expect(modal.el.querySelector('.modal-title').textContent.trim()).toBe('Enter a new Groupchat'); spyOn(_converse.ChatRoom.prototype, 'getDiscoInfo').and.callFake(() => Promise.resolve()); roomspanel.delegateEvents(); // We need to rebind all events otherwise our spy won't be called const label_name = modal.el.querySelector('label[for="chatroom"]'); expect(label_name.textContent.trim()).toBe('Groupchat name:'); let name_input = modal.el.querySelector('input[name="chatroom"]'); expect(name_input.placeholder).toBe(''); name_input.value = 'lounge'; let nick_input = modal.el.querySelector('input[name="nickname"]'); nick_input.value = 'max'; modal.el.querySelector('form input[type="submit"]').click(); await u.waitUntil(() => _converse.chatboxes.length); await u.waitUntil(() => sizzle('.chatroom', _converse.el).filter(u.isVisible).length === 1); expect(_.includes(_converse.chatboxes.models.map(m => m.get('id')), 'lounge@muc.example.org')).toBe(true); // However, you can still open MUCs with different domains roomspanel.el.querySelector('.show-add-muc-modal').click(); await u.waitUntil(() => u.isVisible(modal.el), 1000); name_input = modal.el.querySelector('input[name="chatroom"]'); name_input.value = 'lounge@conference'; nick_input = modal.el.querySelector('input[name="nickname"]'); nick_input.value = 'max'; modal.el.querySelector('form input[type="submit"]').click(); await u.waitUntil(() => _converse.chatboxes.models.filter(c => c.get('type') === 'chatroom').length === 2); await u.waitUntil(() => sizzle('.chatroom', _converse.el).filter(u.isVisible).length === 2); expect(_.includes(_converse.chatboxes.models.map(m => m.get('id')), 'lounge\\40conference@muc.example.org')).toBe(true); done(); })); }); describe("The \"Groupchats\" List modal", function () { it("can be opened from a link in the \"Groupchats\" section of the controlbox", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { await mock.openControlBox(_converse); const roomspanel = _converse.chatboxviews.get('controlbox').roomspanel; roomspanel.el.querySelector('.show-list-muc-modal').click(); mock.closeControlBox(_converse); const modal = roomspanel.list_rooms_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000); spyOn(_converse.ChatRoom.prototype, 'getDiscoInfo').and.callFake(() => Promise.resolve()); roomspanel.delegateEvents(); // We need to rebind all events otherwise our spy won't be called // See: https://xmpp.org/extensions/xep-0045.html#disco-rooms expect(modal.el.querySelectorAll('.available-chatrooms li').length).toBe(0); const server_input = modal.el.querySelector('input[name="server"]'); expect(server_input.placeholder).toBe('conference.example.org'); server_input.value = 'chat.shakespeare.lit'; modal.el.querySelector('input[type="submit"]').click(); await u.waitUntil(() => _converse.chatboxes.length); const IQ_stanzas = _converse.connection.IQ_stanzas; const sent_stanza = await u.waitUntil( () => IQ_stanzas.filter(s => sizzle(`query[xmlns="${Strophe.NS.DISCO_ITEMS}"]`, s).length).pop() ); const id = sent_stanza.getAttribute('id'); expect(Strophe.serialize(sent_stanza)).toBe( ``+ ``+ `` ); const iq = $iq({ 'from':'muc.montague.lit', 'to':'romeo@montague.lit/pda', 'id': id, 'type':'result' }).c('query') .c('item', { jid:'heath@chat.shakespeare.lit', name:'A Lonely Heath'}).up() .c('item', { jid:'coven@chat.shakespeare.lit', name:'A Dark Cave'}).up() .c('item', { jid:'forres@chat.shakespeare.lit', name:'The Palace'}).up() .c('item', { jid:'inverness@chat.shakespeare.lit', name:'Macbeth's Castle'}).up() .c('item', { jid:'orchard@chat.shakespeare.lit', name:'Capulet\'s Orchard'}).up() .c('item', { jid:'friar@chat.shakespeare.lit', name:'Friar Laurence\'s cell'}).up() .c('item', { jid:'hall@chat.shakespeare.lit', name:'Hall in Capulet\'s house'}).up() .c('item', { jid:'chamber@chat.shakespeare.lit', name:'Juliet\'s chamber'}).up() .c('item', { jid:'public@chat.shakespeare.lit', name:'A public place'}).up() .c('item', { jid:'street@chat.shakespeare.lit', name:'A street'}).nodeTree; _converse.connection._dataRecv(mock.createRequest(iq)); await u.waitUntil(() => modal.el.querySelectorAll('.available-chatrooms li').length === 11); const rooms = modal.el.querySelectorAll('.available-chatrooms li'); expect(rooms[0].textContent.trim()).toBe("Groupchats found:"); expect(rooms[1].textContent.trim()).toBe("A Lonely Heath"); expect(rooms[2].textContent.trim()).toBe("A Dark Cave"); expect(rooms[3].textContent.trim()).toBe("The Palace"); expect(rooms[4].textContent.trim()).toBe("Macbeth's Castle"); expect(rooms[5].textContent.trim()).toBe('Capulet\'s Orchard'); expect(rooms[6].textContent.trim()).toBe('Friar Laurence\'s cell'); expect(rooms[7].textContent.trim()).toBe('Hall in Capulet\'s house'); expect(rooms[8].textContent.trim()).toBe('Juliet\'s chamber'); expect(rooms[9].textContent.trim()).toBe('A public place'); expect(rooms[10].textContent.trim()).toBe('A street'); rooms[4].querySelector('.open-room').click(); await u.waitUntil(() => _converse.chatboxes.length > 1); expect(sizzle('.chatroom', _converse.el).filter(u.isVisible).length).toBe(1); // There should now be an open chatroom var view = _converse.chatboxviews.get('inverness@chat.shakespeare.lit'); expect(view.el.querySelector('.chatbox-title__text').textContent.trim()).toBe("Macbeth's Castle"); done(); })); it("is pre-filled with the muc_domain", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'muc_domain': 'muc.example.org'}, async function (done, _converse) { await mock.openControlBox(_converse); const roomspanel = _converse.chatboxviews.get('controlbox').roomspanel; roomspanel.el.querySelector('.show-list-muc-modal').click(); mock.closeControlBox(_converse); const modal = roomspanel.list_rooms_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000); const server_input = modal.el.querySelector('input[name="server"]'); expect(server_input.value).toBe('muc.example.org'); done(); })); it("doesn't let you set the MUC domain if it's locked", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {'muc_domain': 'chat.shakespeare.lit', 'locked_muc_domain': true}, async function (done, _converse) { await mock.openControlBox(_converse); const roomspanel = _converse.chatboxviews.get('controlbox').roomspanel; roomspanel.el.querySelector('.show-list-muc-modal').click(); mock.closeControlBox(_converse); const modal = roomspanel.list_rooms_modal; await u.waitUntil(() => u.isVisible(modal.el), 1000); spyOn(_converse.ChatRoom.prototype, 'getDiscoInfo').and.callFake(() => Promise.resolve()); roomspanel.delegateEvents(); // We need to rebind all events otherwise our spy won't be called expect(modal.el.querySelector('input[name="server"]')).toBe(null); expect(modal.el.querySelector('input[type="submit"]')).toBe(null); await u.waitUntil(() => _converse.chatboxes.length); const sent_stanza = await u.waitUntil(() => _converse.connection.sent_stanzas.filter( s => sizzle(`query[xmlns="http://jabber.org/protocol/disco#items"]`, s).length).pop() ); expect(Strophe.serialize(sent_stanza)).toBe( ``+ ``+ `` ); const iq = $iq({ from:'muc.montague.lit', to:'romeo@montague.lit/pda', id: sent_stanza.getAttribute('id'), type:'result' }).c('query') .c('item', { jid:'heath@chat.shakespeare.lit', name:'A Lonely Heath'}).up() .c('item', { jid:'coven@chat.shakespeare.lit', name:'A Dark Cave'}).up() .c('item', { jid:'forres@chat.shakespeare.lit', name:'The Palace'}).up() _converse.connection._dataRecv(mock.createRequest(iq)); await u.waitUntil(() => modal.el.querySelectorAll('.available-chatrooms li').length === 4); const rooms = modal.el.querySelectorAll('.available-chatrooms li'); expect(rooms[0].textContent.trim()).toBe("Groupchats found:"); expect(rooms[1].textContent.trim()).toBe("A Lonely Heath"); expect(rooms[2].textContent.trim()).toBe("A Dark Cave"); expect(rooms[3].textContent.trim()).toBe("The Palace"); done(); })); }); describe("The \"Groupchats\" section", function () { it("shows the number of unread mentions received", mock.initConverse( ['rosterGroupsFetched'], {'allow_bookmarks': false}, async function (done, _converse) { await mock.openControlBox(_converse); const roomspanel = _converse.chatboxviews.get('controlbox').roomspanel; expect(roomspanel.el.querySelectorAll('.available-room').length).toBe(0); const muc_jid = 'kitchen@conference.shakespeare.lit'; const message = 'fires: Your attention is required'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'fires'); const view = _converse.api.chatviews.get(muc_jid); await u.waitUntil(() => roomspanel.el.querySelectorAll('.available-room').length); expect(roomspanel.el.querySelectorAll('.available-room').length).toBe(1); expect(roomspanel.el.querySelectorAll('.msgs-indicator').length).toBe(0); view.model.set({'minimized': true}); const nick = mock.chatroom_names[0]; await view.model.queueMessage($msg({ from: muc_jid+'/'+nick, id: u.getUniqueId(), to: 'romeo@montague.lit', type: 'groupchat' }).c('body').t(message).tree()); await u.waitUntil(() => view.model.messages.length); expect(roomspanel.el.querySelectorAll('.available-room').length).toBe(1); expect(roomspanel.el.querySelectorAll('.msgs-indicator').length).toBe(1); expect(roomspanel.el.querySelector('.msgs-indicator').textContent.trim()).toBe('1'); await view.model.queueMessage($msg({ 'from': muc_jid+'/'+nick, 'id': u.getUniqueId(), 'to': 'romeo@montague.lit', 'type': 'groupchat' }).c('body').t(message).tree()); await u.waitUntil(() => view.model.messages.length > 1); expect(roomspanel.el.querySelectorAll('.available-room').length).toBe(1); expect(roomspanel.el.querySelectorAll('.msgs-indicator').length).toBe(1); expect(roomspanel.el.querySelector('.msgs-indicator').textContent.trim()).toBe('2'); view.model.set({'minimized': false}); expect(roomspanel.el.querySelectorAll('.available-room').length).toBe(1); expect(roomspanel.el.querySelectorAll('.msgs-indicator').length).toBe(0); done(); })); }); describe("A XEP-0085 Chat Status Notification", function () { it("is is not sent out to a MUC if the user is a visitor in a moderated room", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { spyOn(_converse.ChatRoom.prototype, 'sendChatState').and.callThrough(); const muc_jid = 'lounge@montague.lit'; const features = [ 'http://jabber.org/protocol/muc', 'jabber:iq:register', 'muc_passwordprotected', 'muc_hidden', 'muc_temporary', 'muc_membersonly', 'muc_moderated', 'muc_anonymous' ] await mock.openAndEnterChatRoom(_converse, muc_jid, 'romeo', features); const view = _converse.api.chatviews.get(muc_jid); view.model.setChatState(_converse.ACTIVE); expect(view.model.sendChatState).toHaveBeenCalled(); const last_stanza = _converse.connection.sent_stanzas.pop(); expect(Strophe.serialize(last_stanza)).toBe( ``+ ``+ ``+ ``+ ``); // Romeo loses his voice const presence = $pres({ to: 'romeo@montague.lit/orchard', from: `${muc_jid}/romeo` }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', {'affiliation': 'none', 'role': 'visitor'}).up() .c('status', {code: '110'}); _converse.connection._dataRecv(mock.createRequest(presence)); const occupant = view.model.occupants.findWhere({'jid': _converse.bare_jid}); expect(occupant.get('role')).toBe('visitor'); spyOn(_converse.connection, 'send'); view.model.setChatState(_converse.INACTIVE); expect(view.model.sendChatState.calls.count()).toBe(2); expect(_converse.connection.send).not.toHaveBeenCalled(); done(); })); describe("A composing notification", function () { it("will be shown if received", mock.initConverse( ['rosterGroupsFetched'], {}, async function (done, _converse) { const muc_jid = 'coven@chat.shakespeare.lit'; const members = [ {'affiliation': 'member', 'nick': 'majortom', 'jid': 'majortom@example.org'}, {'affiliation': 'admin', 'nick': 'groundcontrol', 'jid': 'groundcontrol@example.org'} ]; await mock.openAndEnterChatRoom(_converse, muc_jid, 'some1', [], members); const view = _converse.api.chatviews.get(muc_jid); let csntext = await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual("some1 has entered the groupchat"); let presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/newguy' }) .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'newguy@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1 and newguy have entered the groupchat"); presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/nomorenicks' }) .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'nomorenicks@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1, newguy and nomorenicks have entered the groupchat"); // Manually clear so that we can more easily test view.model.notifications.set('entered', []); await u.waitUntil(() => !view.el.querySelector('.chat-content__notifications').textContent); // See XEP-0085 https://xmpp.org/extensions/xep-0085.html#definitions const timeout_functions = []; spyOn(window, 'setTimeout').and.callFake(f => { if (f.toString() === "() => this.removeNotification(actor, state)") { timeout_functions.push(f) } }); // state let msg = $msg({ from: muc_jid+'/newguy', id: u.getUniqueId(), to: 'romeo@montague.lit', type: 'groupchat' }).c('body').c('composing', {'xmlns': Strophe.NS.CHATSTATES}).tree(); _converse.connection._dataRecv(mock.createRequest(msg)); csntext = await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual('newguy is typing'); expect(timeout_functions.length).toBe(1); expect(view.el.querySelector('.chat-content__notifications').textContent.trim()).toEqual('newguy is typing'); // state for a different occupant msg = $msg({ from: muc_jid+'/nomorenicks', id: u.getUniqueId(), to: 'romeo@montague.lit', type: 'groupchat' }).c('body').c('composing', {'xmlns': Strophe.NS.CHATSTATES}).tree(); await view.model.queueMessage(msg); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === 'newguy and nomorenicks are typing'); // state for a different occupant msg = $msg({ from: muc_jid+'/majortom', id: u.getUniqueId(), to: 'romeo@montague.lit', type: 'groupchat' }).c('body').c('composing', {'xmlns': Strophe.NS.CHATSTATES}).tree(); await view.model.queueMessage(msg); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === 'newguy, nomorenicks and majortom are typing'); // state for a different occupant msg = $msg({ from: muc_jid+'/groundcontrol', id: u.getUniqueId(), to: 'romeo@montague.lit', type: 'groupchat' }).c('body').c('composing', {'xmlns': Strophe.NS.CHATSTATES}).tree(); await view.model.queueMessage(msg); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === 'newguy, nomorenicks and others are typing'); // Check that new messages appear under the chat state notifications msg = $msg({ from: `${muc_jid}/some1`, id: u.getUniqueId(), to: 'romeo@montague.lit', type: 'groupchat' }).c('body').t('hello world').tree(); await view.model.queueMessage(msg); await new Promise(resolve => view.once('messageInserted', resolve)); const messages = view.el.querySelectorAll('.message'); expect(messages.length).toBe(2); expect(view.el.querySelectorAll('.chat-msg').length).toBe(1); expect(view.el.querySelector('.chat-msg .chat-msg__text').textContent.trim()).toBe('hello world'); // Test that the composing notifications get removed via timeout. timeout_functions[0](); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === 'nomorenicks, majortom and groundcontrol are typing'); done(); })); }); describe("A paused notification", function () { it("will be shown if received", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { const muc_jid = 'coven@chat.shakespeare.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'some1'); const view = _converse.chatboxviews.get('coven@chat.shakespeare.lit'); /* * * * * * */ let presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/some1' }).c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'owner', 'jid': 'romeo@montague.lit/_converse.js-29092160', 'role': 'moderator' }).up() .c('status', {code: '110'}); _converse.connection._dataRecv(mock.createRequest(presence)); const csntext = await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(csntext.trim()).toEqual("some1 has entered the groupchat"); presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/newguy' }) .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'newguy@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1 and newguy have entered the groupchat"); presence = $pres({ to: 'romeo@montague.lit/_converse.js-29092160', from: 'coven@chat.shakespeare.lit/nomorenicks' }) .c('x', {xmlns: Strophe.NS.MUC_USER}) .c('item', { 'affiliation': 'none', 'jid': 'nomorenicks@montague.lit/_converse.js-290929789', 'role': 'participant' }); _converse.connection._dataRecv(mock.createRequest(presence)); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() === "some1, newguy and nomorenicks have entered the groupchat"); // Manually clear so that we can more easily test view.model.notifications.set('entered', []); await u.waitUntil(() => !view.el.querySelector('.chat-content__notifications').textContent); // See XEP-0085 https://xmpp.org/extensions/xep-0085.html#definitions // state var msg = $msg({ from: muc_jid+'/newguy', id: u.getUniqueId(), to: 'romeo@montague.lit', type: 'groupchat' }).c('body').c('composing', {'xmlns': Strophe.NS.CHATSTATES}).tree(); await view.model.queueMessage(msg); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent); expect(view.el.querySelector('.chat-content__notifications').textContent.trim()).toBe('newguy is typing'); // state for a different occupant msg = $msg({ from: muc_jid+'/nomorenicks', id: u.getUniqueId(), to: 'romeo@montague.lit', type: 'groupchat' }).c('body').c('composing', {'xmlns': Strophe.NS.CHATSTATES}).tree(); await view.model.queueMessage(msg); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() == 'newguy and nomorenicks are typing'); // state from occupant who typed first msg = $msg({ from: muc_jid+'/newguy', id: u.getUniqueId(), to: 'romeo@montague.lit', type: 'groupchat' }).c('body').c('paused', {'xmlns': Strophe.NS.CHATSTATES}).tree(); await view.model.queueMessage(msg); await u.waitUntil(() => view.el.querySelector('.chat-content__notifications').textContent.trim() == 'nomorenicks is typing\n newguy has stopped typing'); done(); })); }); }); describe("A muted user", function () { it("will receive a user-friendly error message when trying to send a message", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { const muc_jid = 'trollbox@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'troll'); const view = _converse.api.chatviews.get(muc_jid); const textarea = view.el.querySelector('.chat-textarea'); textarea.value = 'Hello world'; view.onFormSubmitted(new Event('submit')); await new Promise(resolve => view.once('messageInserted', resolve)); let stanza = u.toStanza(` `); _converse.connection._dataRecv(mock.createRequest(stanza)); await new Promise(resolve => view.once('messageInserted', resolve)); expect(view.el.querySelector('.chat-error').textContent.trim()).toBe( "Your message was not delivered because you weren't allowed to send it."); textarea.value = 'Hello again'; view.onFormSubmitted(new Event('submit')); await new Promise(resolve => view.once('messageInserted', resolve)); stanza = u.toStanza(` Thou shalt not! `); _converse.connection._dataRecv(mock.createRequest(stanza)); await new Promise(resolve => view.once('messageInserted', resolve)); expect(view.el.querySelector('.message:last-child').textContent.trim()).toBe( 'Your message was not delivered because you weren\'t allowed to send it. '+ 'The message from the server is: "Thou shalt not!"') done(); })); it("will see an explanatory message instead of a textarea", mock.initConverse( ['rosterGroupsFetched', 'chatBoxesFetched'], {}, async function (done, _converse) { const features = [ 'http://jabber.org/protocol/muc', 'jabber:iq:register', Strophe.NS.SID, 'muc_moderated', ] const muc_jid = 'trollbox@montague.lit'; await mock.openAndEnterChatRoom(_converse, muc_jid, 'troll', features); const view = _converse.api.chatviews.get(muc_jid); expect(_.isNull(view.el.querySelector('.chat-textarea'))).toBe(false); let stanza = u.toStanza(` `); _converse.connection._dataRecv(mock.createRequest(stanza)); expect(view.el.querySelector('.chat-textarea')).toBe(null); let bottom_panel = view.el.querySelector('.muc-bottom-panel'); expect(bottom_panel.textContent.trim()).toBe("You're not allowed to send messages in this room"); // This only applies to moderated rooms, so let's check that // the textarea becomes visible when the room's // configuration changes to be non-moderated view.model.features.set('moderated', false); expect(view.el.querySelector('.muc-bottom-panel')).toBe(null); let textarea = view.el.querySelector('.chat-textarea'); expect(textarea === null).toBe(false); view.model.features.set('moderated', true); expect(view.el.querySelector('.chat-textarea')).toBe(null); bottom_panel = view.el.querySelector('.muc-bottom-panel'); expect(bottom_panel.textContent.trim()).toBe("You're not allowed to send messages in this room"); // Check now that things get restored when the user is given a voice await u.waitUntil(() => Array.from(view.el.querySelectorAll('.chat-info__message')).pop()?.textContent.trim() === "troll is no longer an owner of this groupchat" ); stanza = u.toStanza(` `); _converse.connection._dataRecv(mock.createRequest(stanza)); bottom_panel = view.el.querySelector('.muc-bottom-panel'); expect(bottom_panel).toBe(null); textarea = view.el.querySelector('.chat-textarea'); expect(textarea === null).toBe(false); // Check now that things get restored when the user is given a voice await u.waitUntil(() => Array.from(view.el.querySelectorAll('.chat-info__message')).pop()?.textContent.trim() === "troll has been given a voice" ); expect(view.el.querySelectorAll('.chat-info__message').length).toBe(2); done(); })); }); });