muclist.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346
  1. /* global mock, converse */
  2. const u = converse.env.utils;
  3. fdescribe("A list of open groupchats", function () {
  4. it("is shown in controlbox", mock.initConverse(
  5. ['rosterGroupsFetched', 'chatBoxesFetched'],
  6. { allow_bookmarks: false // Makes testing easier, otherwise we
  7. // have to mock stanza traffic.
  8. }, async function (done, _converse) {
  9. await mock.openControlBox(_converse);
  10. const controlbox = _converse.chatboxviews.get('controlbox');
  11. let list = controlbox.querySelector('.list-container--openrooms');
  12. expect(u.hasClass('hidden', list)).toBeTruthy();
  13. await mock.openChatRoom(_converse, 'room', 'conference.shakespeare.lit', 'JC');
  14. const lview = controlbox.querySelector('converse-rooms-list');
  15. await u.waitUntil(() => lview.querySelectorAll(".open-room").length);
  16. let room_els = lview.querySelectorAll(".open-room");
  17. expect(room_els.length).toBe(1);
  18. expect(room_els[0].innerText).toBe('room@conference.shakespeare.lit');
  19. await mock.openChatRoom(_converse, 'lounge', 'montague.lit', 'romeo');
  20. await u.waitUntil(() => lview.querySelectorAll(".open-room").length > 1);
  21. room_els = lview.querySelectorAll(".open-room");
  22. expect(room_els.length).toBe(2);
  23. let view = _converse.chatboxviews.get('room@conference.shakespeare.lit');
  24. await view.close();
  25. room_els = lview.querySelectorAll(".open-room");
  26. expect(room_els.length).toBe(1);
  27. expect(room_els[0].innerText).toBe('lounge@montague.lit');
  28. list = controlbox.querySelector('.list-container--openrooms');
  29. u.waitUntil(() => Array.from(list.classList).includes('hidden'));
  30. view = _converse.chatboxviews.get('lounge@montague.lit');
  31. await view.close();
  32. room_els = lview.querySelectorAll(".open-room");
  33. expect(room_els.length).toBe(0);
  34. list = controlbox.querySelector('.list-container--openrooms');
  35. expect(Array.from(list.classList).includes('hidden')).toBeTruthy();
  36. done();
  37. }));
  38. it("uses bookmarks to determine groupchat names",
  39. mock.initConverse(
  40. ['rosterGroupsFetched', 'chatBoxesFetched'],
  41. {'view_mode': 'fullscreen'},
  42. async function (done, _converse) {
  43. const { Strophe, $iq, $pres, sizzle } = converse.env;
  44. const u = converse.env.utils;
  45. await mock.openAndEnterChatRoom(_converse, 'lounge@montague.lit', 'romeo');
  46. let stanza = $pres({
  47. to: 'romeo@montague.lit/orchard',
  48. from: 'lounge@montague.lit/newguy'
  49. })
  50. .c('x', {xmlns: Strophe.NS.MUC_USER})
  51. .c('item', {
  52. 'affiliation': 'none',
  53. 'jid': 'newguy@montague.lit/_converse.js-290929789',
  54. 'role': 'participant'
  55. }).tree();
  56. _converse.connection._dataRecv(mock.createRequest(stanza));
  57. spyOn(_converse.Bookmarks.prototype, 'fetchBookmarks').and.callThrough();
  58. await mock.waitUntilDiscoConfirmed(
  59. _converse, _converse.bare_jid,
  60. [{'category': 'pubsub', 'type':'pep'}],
  61. [`${Strophe.NS.PUBSUB}#publish-options`]
  62. );
  63. const IQ_stanzas = _converse.connection.IQ_stanzas;
  64. const sent_stanza = await u.waitUntil(() => IQ_stanzas.filter(s => sizzle('items[node="storage:bookmarks"]', s).length).pop());
  65. expect(Strophe.serialize(sent_stanza)).toBe(
  66. `<iq from="romeo@montague.lit/orchard" id="${sent_stanza.getAttribute('id')}" type="get" xmlns="jabber:client">`+
  67. '<pubsub xmlns="http://jabber.org/protocol/pubsub">'+
  68. '<items node="storage:bookmarks"/>'+
  69. '</pubsub>'+
  70. '</iq>');
  71. stanza = $iq({'to': _converse.connection.jid, 'type':'result', 'id':sent_stanza.getAttribute('id')})
  72. .c('pubsub', {'xmlns': Strophe.NS.PUBSUB})
  73. .c('items', {'node': 'storage:bookmarks'})
  74. .c('item', {'id': 'current'})
  75. .c('storage', {'xmlns': 'storage:bookmarks'})
  76. .c('conference', {
  77. 'name': 'Bookmarked Lounge',
  78. 'jid': 'lounge@montague.lit'
  79. });
  80. _converse.connection._dataRecv(mock.createRequest(stanza));
  81. await _converse.api.waitUntil('roomsListInitialized');
  82. const controlbox = _converse.chatboxviews.get('controlbox');
  83. const list = controlbox.querySelector('.list-container--openrooms');
  84. expect(Array.from(list.classList).includes('hidden')).toBeFalsy();
  85. const items = list.querySelectorAll('.list-item');
  86. expect(items.length).toBe(1);
  87. expect(items[0].textContent.trim()).toBe('Bookmarked Lounge');
  88. expect(_converse.bookmarks.fetchBookmarks).toHaveBeenCalled();
  89. done();
  90. }));
  91. });
  92. describe("A groupchat shown in the groupchats list", function () {
  93. it("is highlighted if it's currently open", mock.initConverse(
  94. ['rosterGroupsFetched', 'chatBoxesFetched'],
  95. { view_mode: 'fullscreen',
  96. allow_bookmarks: false // Makes testing easier, otherwise we have to mock stanza traffic.
  97. }, async function (done, _converse) {
  98. const controlbox = _converse.chatboxviews.get('controlbox');
  99. const u = converse.env.utils;
  100. const muc_jid = 'coven@chat.shakespeare.lit';
  101. await _converse.api.rooms.open(muc_jid, {'nick': 'some1'}, true);
  102. const lview = controlbox.querySelector('converse-rooms-list');
  103. await u.waitUntil(() => lview.querySelectorAll(".open-room").length);
  104. let room_els = lview.querySelectorAll(".available-chatroom");
  105. expect(room_els.length).toBe(1);
  106. let item = room_els[0];
  107. await u.waitUntil(() => lview.model.get(muc_jid).get('hidden') === false);
  108. await u.waitUntil(() => u.hasClass('open', item), 1000);
  109. expect(item.textContent.trim()).toBe('coven@chat.shakespeare.lit');
  110. await _converse.api.rooms.open('balcony@chat.shakespeare.lit', {'nick': 'some1'}, true);
  111. await u.waitUntil(() => lview.querySelectorAll(".open-room").length > 1);
  112. room_els = lview.querySelectorAll(".open-room");
  113. expect(room_els.length).toBe(2);
  114. room_els = lview.querySelectorAll(".available-chatroom.open");
  115. expect(room_els.length).toBe(1);
  116. item = room_els[0];
  117. expect(item.textContent.trim()).toBe('balcony@chat.shakespeare.lit');
  118. done();
  119. }));
  120. it("has an info icon which opens a details modal when clicked", mock.initConverse(
  121. ['rosterGroupsFetched', 'chatBoxesFetched'],
  122. { whitelisted_plugins: ['converse-roomslist'],
  123. allow_bookmarks: false // Makes testing easier, otherwise we
  124. // have to mock stanza traffic.
  125. }, async function (done, _converse) {
  126. const { Strophe, $iq, $pres } = converse.env;
  127. const u = converse.env.utils;
  128. const IQ_stanzas = _converse.connection.IQ_stanzas;
  129. const room_jid = 'coven@chat.shakespeare.lit';
  130. await mock.openControlBox(_converse);
  131. await _converse.api.rooms.open(room_jid, {'nick': 'some1'});
  132. const view = _converse.chatboxviews.get(room_jid);
  133. const selector = `iq[to="${room_jid}"] query[xmlns="http://jabber.org/protocol/disco#info"]`;
  134. const features_query = await u.waitUntil(() => IQ_stanzas.filter(iq => iq.querySelector(selector)).pop());
  135. const features_stanza = $iq({
  136. 'from': 'coven@chat.shakespeare.lit',
  137. 'id': features_query.getAttribute('id'),
  138. 'to': 'romeo@montague.lit/desktop',
  139. 'type': 'result'
  140. })
  141. .c('query', { 'xmlns': 'http://jabber.org/protocol/disco#info'})
  142. .c('identity', {
  143. 'category': 'conference',
  144. 'name': 'A Dark Cave',
  145. 'type': 'text'
  146. }).up()
  147. .c('feature', {'var': 'http://jabber.org/protocol/muc'}).up()
  148. .c('feature', {'var': 'muc_passwordprotected'}).up()
  149. .c('feature', {'var': 'muc_hidden'}).up()
  150. .c('feature', {'var': 'muc_temporary'}).up()
  151. .c('feature', {'var': 'muc_open'}).up()
  152. .c('feature', {'var': 'muc_unmoderated'}).up()
  153. .c('feature', {'var': 'muc_nonanonymous'}).up()
  154. .c('feature', {'var': 'urn:xmpp:mam:0'}).up()
  155. .c('x', { 'xmlns':'jabber:x:data', 'type':'result'})
  156. .c('field', {'var':'FORM_TYPE', 'type':'hidden'})
  157. .c('value').t('http://jabber.org/protocol/muc#roominfo').up().up()
  158. .c('field', {'type':'text-single', 'var':'muc#roominfo_description', 'label':'Description'})
  159. .c('value').t('This is the description').up().up()
  160. .c('field', {'type':'text-single', 'var':'muc#roominfo_occupants', 'label':'Number of occupants'})
  161. .c('value').t(0);
  162. _converse.connection._dataRecv(mock.createRequest(features_stanza));
  163. await u.waitUntil(() => view.model.session.get('connection_status') === converse.ROOMSTATUS.CONNECTING)
  164. let presence = $pres({
  165. to: _converse.connection.jid,
  166. from: 'coven@chat.shakespeare.lit/some1',
  167. id: 'DC352437-C019-40EC-B590-AF29E879AF97'
  168. }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'})
  169. .c('item').attrs({
  170. affiliation: 'member',
  171. jid: _converse.bare_jid,
  172. role: 'participant'
  173. }).up()
  174. .c('status').attrs({code:'110'});
  175. _converse.connection._dataRecv(mock.createRequest(presence));
  176. const rooms_list = document.querySelector('converse-rooms-list');
  177. await u.waitUntil(() => rooms_list.querySelectorAll(".open-room").length, 500);
  178. const room_els = rooms_list.querySelectorAll(".open-room");
  179. expect(room_els.length).toBe(1);
  180. const info_el = rooms_list.querySelector(".room-info");
  181. info_el.click();
  182. const modal = _converse.api.modal.get('muc-details-modal');
  183. await u.waitUntil(() => u.isVisible(modal.el), 1000);
  184. let els = modal.el.querySelectorAll('p.room-info');
  185. expect(els[0].textContent).toBe("Name: A Dark Cave")
  186. expect(els[1].textContent).toBe("Groupchat address (JID): coven@chat.shakespeare.lit")
  187. expect(els[2].textContent).toBe("Description: This is the description")
  188. expect(els[3].textContent).toBe("Online users: 1")
  189. const features_list = modal.el.querySelector('.features-list');
  190. expect(features_list.textContent.replace(/(\n|\s{2,})/g, '')).toBe(
  191. 'Password protected - This groupchat requires a password before entry'+
  192. 'Hidden - This groupchat is not publicly searchable'+
  193. 'Open - Anyone can join this groupchat'+
  194. 'Temporary - This groupchat will disappear once the last person leaves'+
  195. 'Not anonymous - All other groupchat participants can see your XMPP address'+
  196. 'Not moderated - Participants entering this groupchat can write right away'
  197. );
  198. presence = $pres({
  199. to: 'romeo@montague.lit/_converse.js-29092160',
  200. from: 'coven@chat.shakespeare.lit/newguy'
  201. })
  202. .c('x', {xmlns: Strophe.NS.MUC_USER})
  203. .c('item', {
  204. 'affiliation': 'none',
  205. 'jid': 'newguy@montague.lit/_converse.js-290929789',
  206. 'role': 'participant'
  207. });
  208. _converse.connection._dataRecv(mock.createRequest(presence));
  209. els = modal.el.querySelectorAll('p.room-info');
  210. expect(els[3].textContent).toBe("Online users: 2")
  211. view.model.set({'subject': {'author': 'someone', 'text': 'Hatching dark plots'}});
  212. els = modal.el.querySelectorAll('p.room-info');
  213. expect(els[0].textContent).toBe("Name: A Dark Cave")
  214. expect(els[1].textContent).toBe("Groupchat address (JID): coven@chat.shakespeare.lit")
  215. expect(els[2].textContent).toBe("Description: This is the description")
  216. expect(els[3].textContent).toBe("Topic: Hatching dark plots")
  217. expect(els[4].textContent).toBe("Topic author: someone")
  218. expect(els[5].textContent).toBe("Online users: 2")
  219. done();
  220. }));
  221. it("can be closed", mock.initConverse(
  222. ['rosterGroupsFetched'],
  223. { whitelisted_plugins: ['converse-roomslist'],
  224. allow_bookmarks: false // Makes testing easier, otherwise we have to mock stanza traffic.
  225. },
  226. async function (done, _converse) {
  227. const u = converse.env.utils;
  228. spyOn(window, 'confirm').and.callFake(() => true);
  229. expect(_converse.chatboxes.length).toBe(1);
  230. await mock.openChatRoom(_converse, 'lounge', 'conference.shakespeare.lit', 'JC');
  231. expect(_converse.chatboxes.length).toBe(2);
  232. const controlbox = _converse.chatboxviews.get('controlbox');
  233. const lview = controlbox.querySelector('converse-rooms-list');
  234. await u.waitUntil(() => lview.querySelectorAll(".open-room").length);
  235. let room_els = lview.querySelectorAll(".open-room");
  236. expect(room_els.length).toBe(1);
  237. const rooms_list = document.querySelector('converse-rooms-list');
  238. const close_el = rooms_list.querySelector(".close-room");
  239. close_el.click();
  240. expect(window.confirm).toHaveBeenCalledWith(
  241. 'Are you sure you want to leave the groupchat lounge@conference.shakespeare.lit?');
  242. await new Promise(resolve => _converse.api.listen.once('chatBoxClosed', resolve));
  243. room_els = rooms_list.querySelectorAll(".open-room");
  244. expect(room_els.length).toBe(0);
  245. expect(_converse.chatboxes.length).toBe(1);
  246. done();
  247. }));
  248. it("shows unread messages directed at the user", mock.initConverse(
  249. null,
  250. { whitelisted_plugins: ['converse-roomslist'],
  251. allow_bookmarks: false // Makes testing easier, otherwise we have to mock stanza traffic.
  252. }, async (done, _converse) => {
  253. const { $msg } = converse.env;
  254. const u = converse.env.utils;
  255. await mock.openControlBox(_converse);
  256. const room_jid = 'kitchen@conference.shakespeare.lit';
  257. const rooms_list = document.querySelector('converse-rooms-list');
  258. await u.waitUntil(() => rooms_list !== undefined, 500);
  259. await mock.openAndEnterChatRoom(_converse, room_jid, 'romeo');
  260. const view = _converse.chatboxviews.get(room_jid);
  261. view.model.set({'minimized': true});
  262. const nick = mock.chatroom_names[0];
  263. await view.model.handleMessageStanza(
  264. $msg({
  265. from: room_jid+'/'+nick,
  266. id: u.getUniqueId(),
  267. to: 'romeo@montague.lit',
  268. type: 'groupchat'
  269. }).c('body').t('foo').tree());
  270. // If the user isn't mentioned, the counter doesn't get incremented, but the text of the groupchat is bold
  271. const controlbox = _converse.chatboxviews.get('controlbox');
  272. const lview = controlbox.querySelector('converse-rooms-list');
  273. let room_el = await u.waitUntil(() => lview.querySelector(".available-chatroom"));
  274. expect(Array.from(room_el.classList).includes('unread-msgs')).toBeTruthy();
  275. // If the user is mentioned, the counter also gets updated
  276. await view.model.handleMessageStanza(
  277. $msg({
  278. from: room_jid+'/'+nick,
  279. id: u.getUniqueId(),
  280. to: 'romeo@montague.lit',
  281. type: 'groupchat'
  282. }).c('body').t('romeo: Your attention is required').tree()
  283. );
  284. let indicator_el = await u.waitUntil(() => lview.querySelector(".msgs-indicator"));
  285. expect(indicator_el.textContent).toBe('1');
  286. spyOn(view.model, 'handleUnreadMessage').and.callThrough();
  287. await view.model.handleMessageStanza(
  288. $msg({
  289. from: room_jid+'/'+nick,
  290. id: u.getUniqueId(),
  291. to: 'romeo@montague.lit',
  292. type: 'groupchat'
  293. }).c('body').t('romeo: and another thing...').tree()
  294. );
  295. await u.waitUntil(() => view.model.handleUnreadMessage.calls.count());
  296. await u.waitUntil(() => lview.querySelector(".msgs-indicator").textContent === '2', 1000);
  297. // When the chat gets maximized again, the unread indicators are removed
  298. view.model.set({'minimized': false});
  299. indicator_el = lview.querySelector(".msgs-indicator");
  300. expect(indicator_el === null);
  301. room_el = lview.querySelector(".available-chatroom");
  302. expect(Array.from(room_el.classList).includes('unread-msgs')).toBeFalsy();
  303. done();
  304. }));
  305. });