messages.js 156 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830
  1. (function (root, factory) {
  2. define([
  3. "jquery",
  4. "jasmine",
  5. "mock",
  6. "test-utils"
  7. ], factory);
  8. } (this, function ($, jasmine, mock, test_utils) {
  9. "use strict";
  10. const { Backbone, Promise, Strophe, $iq, $msg, $pres, b64_sha1, moment, sizzle, _ } = converse.env;
  11. const u = converse.env.utils;
  12. describe("A Chat Message", function () {
  13. it("can be sent as a correction by clicking the pencil icon",
  14. mock.initConverse(
  15. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  16. async function (done, _converse) {
  17. await test_utils.waitForRoster(_converse, 'current', 1);
  18. test_utils.openControlBox();
  19. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  20. await test_utils.openChatBoxFor(_converse, contact_jid);
  21. const view = _converse.api.chatviews.get(contact_jid);
  22. const textarea = view.el.querySelector('textarea.chat-textarea');
  23. textarea.value = 'But soft, what light through yonder airlock breaks?';
  24. view.keyPressed({
  25. target: textarea,
  26. preventDefault: _.noop,
  27. keyCode: 13 // Enter
  28. });
  29. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  30. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  31. expect(view.el.querySelector('.chat-msg__text').textContent)
  32. .toBe('But soft, what light through yonder airlock breaks?');
  33. expect(textarea.value).toBe('');
  34. const first_msg = view.model.messages.findWhere({'message': 'But soft, what light through yonder airlock breaks?'});
  35. expect(view.el.querySelectorAll('.chat-msg .chat-msg__action').length).toBe(1);
  36. let action = view.el.querySelector('.chat-msg .chat-msg__action');
  37. expect(action.getAttribute('title')).toBe('Edit this message');
  38. action.style.opacity = 1;
  39. action.click();
  40. expect(textarea.value).toBe('But soft, what light through yonder airlock breaks?');
  41. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  42. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  43. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  44. expect(u.hasClass('correcting', view.el.querySelector('.chat-msg'))).toBe(true);
  45. spyOn(_converse.connection, 'send');
  46. textarea.value = 'But soft, what light through yonder window breaks?';
  47. view.keyPressed({
  48. target: textarea,
  49. preventDefault: _.noop,
  50. keyCode: 13 // Enter
  51. });
  52. expect(_converse.connection.send).toHaveBeenCalled();
  53. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  54. const msg = _converse.connection.send.calls.all()[0].args[0];
  55. expect(msg.toLocaleString())
  56. .toBe(`<message from="dummy@localhost/resource" id="${msg.nodeTree.getAttribute("id")}" `+
  57. `to="max.frankfurter@localhost" type="chat" `+
  58. `xmlns="jabber:client">`+
  59. `<body>But soft, what light through yonder window breaks?</body>`+
  60. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  61. `<request xmlns="urn:xmpp:receipts"/>`+
  62. `<replace id="${first_msg.get("msgid")}" xmlns="urn:xmpp:message-correct:0"/>`+
  63. `<origin-id id="${msg.nodeTree.querySelector('origin-id').getAttribute("id")}" xmlns="urn:xmpp:sid:0"/>`+
  64. `</message>`);
  65. expect(view.model.messages.models.length).toBe(1);
  66. const corrected_message = view.model.messages.at(0);
  67. expect(corrected_message.get('msgid')).toBe(first_msg.get('msgid'));
  68. expect(corrected_message.get('correcting')).toBe(false);
  69. expect(corrected_message.get('older_versions').length).toBe(1);
  70. expect(corrected_message.get('older_versions')[0]).toBe('But soft, what light through yonder airlock breaks?');
  71. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  72. expect(u.hasClass('correcting', view.el.querySelector('.chat-msg'))).toBe(false);
  73. // Test that clicking the pencil icon a second time cancels editing.
  74. action = view.el.querySelector('.chat-msg .chat-msg__action');
  75. action.style.opacity = 1;
  76. action.click();
  77. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  78. expect(textarea.value).toBe('But soft, what light through yonder window breaks?');
  79. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  80. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  81. await test_utils.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')) === true);
  82. action = view.el.querySelector('.chat-msg .chat-msg__action');
  83. action.style.opacity = 1;
  84. action.click();
  85. expect(textarea.value).toBe('');
  86. expect(view.model.messages.at(0).get('correcting')).toBe(false);
  87. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  88. await test_utils.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')) === false);
  89. // Test that messages from other users don't have the pencil icon
  90. _converse.chatboxes.onMessage(
  91. $msg({
  92. 'from': contact_jid,
  93. 'to': _converse.connection.jid,
  94. 'type': 'chat',
  95. 'id': (new Date()).getTime()
  96. }).c('body').t('Hello').up()
  97. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree()
  98. );
  99. expect(view.el.querySelectorAll('.chat-msg .chat-msg__action').length).toBe(1);
  100. done();
  101. }));
  102. it("can be sent as a correction by using the up arrow",
  103. mock.initConverse(
  104. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  105. async function (done, _converse) {
  106. await test_utils.waitForRoster(_converse, 'current', 1);
  107. test_utils.openControlBox();
  108. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  109. await test_utils.openChatBoxFor(_converse, contact_jid)
  110. const view = _converse.chatboxviews.get(contact_jid);
  111. const textarea = view.el.querySelector('textarea.chat-textarea');
  112. expect(textarea.value).toBe('');
  113. view.keyPressed({
  114. target: textarea,
  115. keyCode: 38 // Up arrow
  116. });
  117. expect(textarea.value).toBe('');
  118. textarea.value = 'But soft, what light through yonder airlock breaks?';
  119. view.keyPressed({
  120. target: textarea,
  121. preventDefault: _.noop,
  122. keyCode: 13 // Enter
  123. });
  124. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  125. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  126. expect(view.el.querySelector('.chat-msg__text').textContent)
  127. .toBe('But soft, what light through yonder airlock breaks?');
  128. const first_msg = view.model.messages.findWhere({'message': 'But soft, what light through yonder airlock breaks?'});
  129. expect(textarea.value).toBe('');
  130. view.keyPressed({
  131. target: textarea,
  132. keyCode: 38 // Up arrow
  133. });
  134. expect(textarea.value).toBe('But soft, what light through yonder airlock breaks?');
  135. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  136. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  137. await test_utils.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')));
  138. spyOn(_converse.connection, 'send');
  139. textarea.value = 'But soft, what light through yonder window breaks?';
  140. view.keyPressed({
  141. target: textarea,
  142. preventDefault: _.noop,
  143. keyCode: 13 // Enter
  144. });
  145. expect(_converse.connection.send).toHaveBeenCalled();
  146. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  147. const msg = _converse.connection.send.calls.all()[0].args[0];
  148. expect(msg.toLocaleString())
  149. .toBe(`<message from="dummy@localhost/resource" id="${msg.nodeTree.getAttribute("id")}" `+
  150. `to="max.frankfurter@localhost" type="chat" `+
  151. `xmlns="jabber:client">`+
  152. `<body>But soft, what light through yonder window breaks?</body>`+
  153. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  154. `<request xmlns="urn:xmpp:receipts"/>`+
  155. `<replace id="${first_msg.get("msgid")}" xmlns="urn:xmpp:message-correct:0"/>`+
  156. `<origin-id id="${msg.nodeTree.querySelector('origin-id').getAttribute("id")}" xmlns="urn:xmpp:sid:0"/>`+
  157. `</message>`);
  158. expect(view.model.messages.models.length).toBe(1);
  159. const corrected_message = view.model.messages.at(0);
  160. expect(corrected_message.get('msgid')).toBe(first_msg.get('msgid'));
  161. expect(corrected_message.get('correcting')).toBe(false);
  162. expect(corrected_message.get('older_versions').length).toBe(1);
  163. expect(corrected_message.get('older_versions')[0]).toBe('But soft, what light through yonder airlock breaks?');
  164. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  165. await test_utils.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')) === false);
  166. // Test that pressing the down arrow cancels message correction
  167. expect(textarea.value).toBe('');
  168. view.keyPressed({
  169. target: textarea,
  170. keyCode: 38 // Up arrow
  171. });
  172. expect(textarea.value).toBe('But soft, what light through yonder window breaks?');
  173. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  174. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  175. await test_utils.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')) === true);
  176. expect(textarea.value).toBe('But soft, what light through yonder window breaks?');
  177. view.keyPressed({
  178. target: textarea,
  179. keyCode: 40 // Down arrow
  180. });
  181. expect(textarea.value).toBe('');
  182. expect(view.model.messages.at(0).get('correcting')).toBe(false);
  183. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  184. await test_utils.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')) === false);
  185. textarea.value = 'It is the east, and Juliet is the one.';
  186. view.keyPressed({
  187. target: textarea,
  188. preventDefault: _.noop,
  189. keyCode: 13 // Enter
  190. });
  191. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  192. expect(view.el.querySelectorAll('.chat-msg').length).toBe(2);
  193. textarea.value = 'Arise, fair sun, and kill the envious moon';
  194. view.keyPressed({
  195. target: textarea,
  196. preventDefault: _.noop,
  197. keyCode: 13 // Enter
  198. });
  199. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  200. expect(view.el.querySelectorAll('.chat-msg').length).toBe(3);
  201. view.keyPressed({
  202. target: textarea,
  203. keyCode: 38 // Up arrow
  204. });
  205. expect(textarea.value).toBe('Arise, fair sun, and kill the envious moon');
  206. expect(view.model.messages.at(0).get('correcting')).toBeFalsy();
  207. expect(view.model.messages.at(1).get('correcting')).toBeFalsy();
  208. expect(view.model.messages.at(2).get('correcting')).toBe(true);
  209. await test_utils.waitUntil(() => u.hasClass('correcting', sizzle('.chat-msg:last', view.el).pop()));
  210. textarea.selectionEnd = 0; // Happens by pressing up,
  211. // but for some reason not in tests, so we set it manually.
  212. view.keyPressed({
  213. target: textarea,
  214. keyCode: 38 // Up arrow
  215. });
  216. expect(textarea.value).toBe('It is the east, and Juliet is the one.');
  217. expect(view.model.messages.at(0).get('correcting')).toBeFalsy();
  218. expect(view.model.messages.at(1).get('correcting')).toBe(true);
  219. expect(view.model.messages.at(2).get('correcting')).toBeFalsy();
  220. await test_utils.waitUntil(() => u.hasClass('correcting', sizzle('.chat-msg', view.el)[1]));
  221. textarea.value = 'It is the east, and Juliet is the sun.';
  222. view.keyPressed({
  223. target: textarea,
  224. preventDefault: _.noop,
  225. keyCode: 13 // Enter
  226. });
  227. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  228. expect(textarea.value).toBe('');
  229. const messages = view.el.querySelectorAll('.chat-msg');
  230. expect(messages.length).toBe(3);
  231. expect(messages[0].querySelector('.chat-msg__text').textContent)
  232. .toBe('But soft, what light through yonder window breaks?');
  233. expect(messages[1].querySelector('.chat-msg__text').textContent)
  234. .toBe('It is the east, and Juliet is the sun.');
  235. expect(messages[2].querySelector('.chat-msg__text').textContent)
  236. .toBe('Arise, fair sun, and kill the envious moon');
  237. expect(view.model.messages.at(0).get('correcting')).toBeFalsy();
  238. expect(view.model.messages.at(1).get('correcting')).toBeFalsy();
  239. expect(view.model.messages.at(2).get('correcting')).toBeFalsy();
  240. done();
  241. }));
  242. it("can be received out of order, and will still be displayed in the right order",
  243. mock.initConverse(
  244. null, ['rosterGroupsFetched'], {},
  245. async function (done, _converse) {
  246. await test_utils.waitForRoster(_converse, 'current');
  247. test_utils.openControlBox();
  248. let message, msg;
  249. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  250. await test_utils.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length)
  251. spyOn(_converse, 'log');
  252. spyOn(_converse.chatboxes, 'getChatBox').and.callThrough();
  253. _converse.filter_by_resource = true;
  254. /* <message id='aeb213' to='juliet@capulet.lit/chamber'>
  255. * <forwarded xmlns='urn:xmpp:forward:0'>
  256. * <delay xmlns='urn:xmpp:delay' stamp='2010-07-10T23:08:25Z'/>
  257. * <message xmlns='jabber:client'
  258. * to='juliet@capulet.lit/balcony'
  259. * from='romeo@montague.lit/orchard'
  260. * type='chat'>
  261. * <body>Call me but love, and I'll be new baptized; Henceforth I never will be Romeo.</body>
  262. * </message>
  263. * </forwarded>
  264. * </message>
  265. */
  266. msg = $msg({'id': 'aeb213', 'to': _converse.bare_jid})
  267. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  268. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T13:08:25Z'}).up()
  269. .c('message', {
  270. 'xmlns': 'jabber:client',
  271. 'to': _converse.bare_jid,
  272. 'from': sender_jid,
  273. 'type': 'chat'})
  274. .c('body').t("message")
  275. .tree();
  276. await _converse.chatboxes.onMessage(msg);
  277. await test_utils.waitUntil(() => _converse.api.chats.get().length);
  278. const view = _converse.api.chatviews.get(sender_jid);
  279. msg = $msg({'id': 'aeb214', 'to': _converse.bare_jid})
  280. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  281. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2017-12-31T22:08:25Z'}).up()
  282. .c('message', {
  283. 'xmlns': 'jabber:client',
  284. 'to': _converse.bare_jid,
  285. 'from': sender_jid,
  286. 'type': 'chat'})
  287. .c('body').t("Older message")
  288. .tree();
  289. await _converse.chatboxes.onMessage(msg);
  290. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  291. msg = $msg({'id': 'aeb215', 'to': _converse.bare_jid})
  292. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  293. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-01T13:18:23Z'}).up()
  294. .c('message', {
  295. 'xmlns': 'jabber:client',
  296. 'to': _converse.bare_jid,
  297. 'from': sender_jid,
  298. 'type': 'chat'})
  299. .c('body').t("Inbetween message").up()
  300. .tree();
  301. await _converse.chatboxes.onMessage(msg);
  302. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  303. msg = $msg({'id': 'aeb216', 'to': _converse.bare_jid})
  304. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  305. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-01T13:18:23Z'}).up()
  306. .c('message', {
  307. 'xmlns': 'jabber:client',
  308. 'to': _converse.bare_jid,
  309. 'from': sender_jid,
  310. 'type': 'chat'})
  311. .c('body').t("another inbetween message")
  312. .tree();
  313. await _converse.chatboxes.onMessage(msg);
  314. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  315. msg = $msg({'id': 'aeb217', 'to': _converse.bare_jid})
  316. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  317. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T12:18:23Z'}).up()
  318. .c('message', {
  319. 'xmlns': 'jabber:client',
  320. 'to': _converse.bare_jid,
  321. 'from': sender_jid,
  322. 'type': 'chat'})
  323. .c('body').t("An earlier message on the next day")
  324. .tree();
  325. await _converse.chatboxes.onMessage(msg);
  326. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  327. msg = $msg({'id': 'aeb218', 'to': _converse.bare_jid})
  328. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  329. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T22:28:23Z'}).up()
  330. .c('message', {
  331. 'xmlns': 'jabber:client',
  332. 'to': _converse.bare_jid,
  333. 'from': sender_jid,
  334. 'type': 'chat'})
  335. .c('body').t("newer message from the next day")
  336. .tree();
  337. await _converse.chatboxes.onMessage(msg);
  338. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  339. // Insert <composing> message, to also check that
  340. // text messages are inserted correctly with
  341. // temporary chat events in the chat contents.
  342. msg = $msg({
  343. 'id': 'aeb219',
  344. 'to': _converse.bare_jid,
  345. 'xmlns': 'jabber:client',
  346. 'from': sender_jid,
  347. 'type': 'chat'})
  348. .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up()
  349. .tree();
  350. await _converse.chatboxes.onMessage(msg);
  351. msg = $msg({
  352. 'id': 'aeb220',
  353. 'to': _converse.bare_jid,
  354. 'xmlns': 'jabber:client',
  355. 'from': sender_jid,
  356. 'type': 'chat'})
  357. .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up()
  358. .c('body').t("latest message")
  359. .tree();
  360. await _converse.chatboxes.onMessage(msg);
  361. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  362. const chat_content = view.el.querySelector('.chat-content');
  363. view.clearSpinner(); //cleanup
  364. expect(chat_content.querySelectorAll('.date-separator').length).toEqual(4);
  365. let day = sizzle('.date-separator:first', chat_content).pop();
  366. expect(day.getAttribute('data-isodate')).toEqual(moment('2017-12-31T00:00:00').format());
  367. let time = sizzle('time:first', chat_content).pop();
  368. expect(time.textContent).toEqual('Sunday Dec 31st 2017')
  369. day = sizzle('.date-separator:first', chat_content).pop();
  370. expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('Older message');
  371. let el = sizzle('.chat-msg:first', chat_content).pop().querySelector('.chat-msg__text')
  372. expect(u.hasClass('chat-msg--followup', el)).toBe(false);
  373. expect(el.textContent).toEqual('Older message');
  374. time = sizzle('time.separator-text:eq(1)', chat_content).pop();
  375. expect(time.textContent).toEqual("Monday Jan 1st 2018");
  376. day = sizzle('.date-separator:eq(1)', chat_content).pop();
  377. expect(day.getAttribute('data-isodate')).toEqual(moment('2018-01-01T00:00:00').format());
  378. expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('Inbetween message');
  379. el = sizzle('.chat-msg:eq(1)', chat_content).pop();
  380. expect(el.querySelector('.chat-msg__text').textContent).toEqual('Inbetween message');
  381. expect(el.nextElementSibling.querySelector('.chat-msg__text').textContent).toEqual('another inbetween message');
  382. el = sizzle('.chat-msg:eq(2)', chat_content).pop();
  383. expect(el.querySelector('.chat-msg__text').textContent)
  384. .toEqual('another inbetween message');
  385. expect(u.hasClass('chat-msg--followup', el)).toBe(true);
  386. time = sizzle('time.separator-text:nth(2)', chat_content).pop();
  387. expect(time.textContent).toEqual("Tuesday Jan 2nd 2018");
  388. day = sizzle('.date-separator:nth(2)', chat_content).pop();
  389. expect(day.getAttribute('data-isodate')).toEqual(moment('2018-01-02T00:00:00').format());
  390. expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('An earlier message on the next day');
  391. el = sizzle('.chat-msg:eq(3)', chat_content).pop();
  392. expect(el.querySelector('.chat-msg__text').textContent).toEqual('An earlier message on the next day');
  393. expect(u.hasClass('chat-msg--followup', el)).toBe(false);
  394. el = sizzle('.chat-msg:eq(4)', chat_content).pop();
  395. expect(el.querySelector('.chat-msg__text').textContent).toEqual('message');
  396. expect(el.nextElementSibling.querySelector('.chat-msg__text').textContent).toEqual('newer message from the next day');
  397. expect(u.hasClass('chat-msg--followup', el)).toBe(false);
  398. day = sizzle('.date-separator:last', chat_content).pop();
  399. expect(day.getAttribute('data-isodate')).toEqual(moment().startOf('day').format());
  400. expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('latest message');
  401. expect(u.hasClass('chat-msg--followup', el)).toBe(false);
  402. done();
  403. }));
  404. it("is ignored if it's a malformed headline message",
  405. mock.initConverse(
  406. null, ['rosterGroupsFetched'], {},
  407. async function (done, _converse) {
  408. await test_utils.waitForRoster(_converse, 'current');
  409. test_utils.openControlBox();
  410. /* Ideally we wouldn't have to filter out headline
  411. * messages, but Prosody gives them the wrong 'type' :(
  412. */
  413. sinon.spy(_converse, 'log');
  414. sinon.spy(_converse.chatboxes, 'getChatBox');
  415. sinon.spy(u, 'isHeadlineMessage');
  416. const msg = $msg({
  417. from: 'localhost',
  418. to: _converse.bare_jid,
  419. type: 'chat',
  420. id: (new Date()).getTime()
  421. }).c('body').t("This headline message will not be shown").tree();
  422. await _converse.chatboxes.onMessage(msg);
  423. expect(_converse.log.calledWith(
  424. "onMessage: Ignoring incoming headline message from JID: localhost",
  425. Strophe.LogLevel.INFO
  426. )).toBeTruthy();
  427. expect(u.isHeadlineMessage.called).toBeTruthy();
  428. expect(u.isHeadlineMessage.returned(true)).toBeTruthy();
  429. expect(_converse.chatboxes.getChatBox.called).toBeFalsy();
  430. // Remove sinon spies
  431. _converse.log.restore();
  432. _converse.chatboxes.getChatBox.restore();
  433. u.isHeadlineMessage.restore();
  434. done();
  435. }));
  436. it("can be a carbon message, as defined in XEP-0280",
  437. mock.initConverse(
  438. null, ['rosterGroupsFetched'], {},
  439. async function (done, _converse) {
  440. const include_nick = false;
  441. await test_utils.waitForRoster(_converse, 'current', 2, include_nick);
  442. test_utils.openControlBox();
  443. // Send a message from a different resource
  444. spyOn(_converse, 'log');
  445. const msgtext = 'This is a carbon message';
  446. const sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@localhost';
  447. const msg = $msg({
  448. 'from': sender_jid,
  449. 'id': (new Date()).getTime(),
  450. 'to': _converse.connection.jid,
  451. 'type': 'chat',
  452. 'xmlns': 'jabber:client'
  453. }).c('received', {'xmlns': 'urn:xmpp:carbons:2'})
  454. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  455. .c('message', {
  456. 'xmlns': 'jabber:client',
  457. 'from': sender_jid,
  458. 'to': _converse.bare_jid+'/another-resource',
  459. 'type': 'chat'
  460. }).c('body').t(msgtext).tree();
  461. await _converse.chatboxes.onMessage(msg);
  462. await test_utils.waitUntil(() => (_converse.api.chats.get().length > 1))
  463. const chatbox = _converse.chatboxes.get(sender_jid);
  464. const view = _converse.chatboxviews.get(sender_jid);
  465. expect(chatbox).toBeDefined();
  466. expect(view).toBeDefined();
  467. // Check that the message was received and check the message parameters
  468. expect(chatbox.messages.length).toEqual(1);
  469. const msg_obj = chatbox.messages.models[0];
  470. expect(msg_obj.get('message')).toEqual(msgtext);
  471. expect(msg_obj.get('fullname')).toBeUndefined();
  472. expect(msg_obj.get('nickname')).toBeUndefined();
  473. expect(msg_obj.get('sender')).toEqual('them');
  474. expect(msg_obj.get('is_delayed')).toEqual(false);
  475. // Now check that the message appears inside the chatbox in the DOM
  476. const chat_content = view.el.querySelector('.chat-content');
  477. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  478. expect(chat_content.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(msgtext);
  479. expect(chat_content.querySelector('.chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  480. await test_utils.waitUntil(() => chatbox.vcard.get('fullname') === 'Candice van der Knijff')
  481. expect(chat_content.querySelector('span.chat-msg__author').textContent.trim()).toBe('Candice van der Knijff');
  482. done();
  483. }));
  484. it("can be a carbon message that this user sent from a different client, as defined in XEP-0280",
  485. mock.initConverse(
  486. null, ['rosterGroupsFetched'], {},
  487. async function (done, _converse) {
  488. await test_utils.waitUntilDiscoConfirmed(_converse, 'localhost', [], ['vcard-temp']);
  489. await test_utils.waitForRoster(_converse, 'current');
  490. test_utils.openControlBox();
  491. // Send a message from a different resource
  492. spyOn(_converse, 'log');
  493. const msgtext = 'This is a sent carbon message';
  494. const recipient_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@localhost';
  495. const msg = $msg({
  496. 'from': _converse.bare_jid,
  497. 'id': (new Date()).getTime(),
  498. 'to': _converse.connection.jid,
  499. 'type': 'chat',
  500. 'xmlns': 'jabber:client'
  501. }).c('sent', {'xmlns': 'urn:xmpp:carbons:2'})
  502. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  503. .c('message', {
  504. 'xmlns': 'jabber:client',
  505. 'from': _converse.bare_jid+'/another-resource',
  506. 'to': recipient_jid,
  507. 'type': 'chat'
  508. }).c('body').t(msgtext).tree();
  509. await _converse.chatboxes.onMessage(msg);
  510. await test_utils.waitUntil(() => _converse.api.chats.get().length);
  511. // Check that the chatbox and its view now exist
  512. const chatbox = _converse.chatboxes.get(recipient_jid);
  513. const view = _converse.chatboxviews.get(recipient_jid);
  514. expect(chatbox).toBeDefined();
  515. expect(view).toBeDefined();
  516. await new Promise(resolve => view.once('messageInserted', resolve));
  517. // Check that the message was received and check the message parameters
  518. expect(chatbox.messages.length).toEqual(1);
  519. const msg_obj = chatbox.messages.models[0];
  520. expect(msg_obj.get('message')).toEqual(msgtext);
  521. expect(msg_obj.get('fullname')).toEqual(_converse.xmppstatus.get('fullname'));
  522. expect(msg_obj.get('sender')).toEqual('me');
  523. expect(msg_obj.get('is_delayed')).toEqual(false);
  524. // Now check that the message appears inside the chatbox in the DOM
  525. const msg_txt = view.el.querySelector('.chat-content .chat-msg .chat-msg__text').textContent;
  526. expect(msg_txt).toEqual(msgtext);
  527. done();
  528. }));
  529. it("will be discarded if it's a malicious message meant to look like a carbon copy",
  530. mock.initConverse(
  531. null, ['rosterGroupsFetched'], {},
  532. async function (done, _converse) {
  533. await test_utils.waitForRoster(_converse, 'current');
  534. test_utils.openControlBox();
  535. /* <message from="mallory@evil.example" to="b@xmpp.example">
  536. * <received xmlns='urn:xmpp:carbons:2'>
  537. * <forwarded xmlns='urn:xmpp:forward:0'>
  538. * <message from="alice@xmpp.example" to="bob@xmpp.example/client1">
  539. * <body>Please come to Creepy Valley tonight, alone!</body>
  540. * </message>
  541. * </forwarded>
  542. * </received>
  543. * </message>
  544. */
  545. spyOn(_converse, 'log');
  546. const msgtext = 'Please come to Creepy Valley tonight, alone!';
  547. const sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@localhost';
  548. const impersonated_jid = mock.cur_names[2].replace(/ /g,'.').toLowerCase() + '@localhost';
  549. const msg = $msg({
  550. 'from': sender_jid,
  551. 'id': (new Date()).getTime(),
  552. 'to': _converse.connection.jid,
  553. 'type': 'chat',
  554. 'xmlns': 'jabber:client'
  555. }).c('received', {'xmlns': 'urn:xmpp:carbons:2'})
  556. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  557. .c('message', {
  558. 'xmlns': 'jabber:client',
  559. 'from': impersonated_jid,
  560. 'to': _converse.connection.jid,
  561. 'type': 'chat'
  562. }).c('body').t(msgtext).tree();
  563. await _converse.chatboxes.onMessage(msg);
  564. // Check that chatbox for impersonated user is not created.
  565. let chatbox = _converse.chatboxes.get(impersonated_jid);
  566. expect(chatbox).not.toBeDefined();
  567. // Check that the chatbox for the malicous user is not created
  568. chatbox = _converse.chatboxes.get(sender_jid);
  569. expect(chatbox).not.toBeDefined();
  570. done();
  571. }));
  572. it("received for a minimized chat box will increment a counter on its header",
  573. mock.initConverse(
  574. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  575. async function (done, _converse) {
  576. if (_converse.view_mode === 'fullscreen') {
  577. return done();
  578. }
  579. await test_utils.waitForRoster(_converse, 'current');
  580. const contact_name = mock.cur_names[0];
  581. const contact_jid = contact_name.replace(/ /g,'.').toLowerCase() + '@localhost';
  582. test_utils.openControlBox();
  583. spyOn(_converse, 'emit').and.callThrough();
  584. await test_utils.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length);
  585. await test_utils.openChatBoxFor(_converse, contact_jid);
  586. const chatview = _converse.api.chatviews.get(contact_jid);
  587. expect(u.isVisible(chatview.el)).toBeTruthy();
  588. expect(chatview.model.get('minimized')).toBeFalsy();
  589. chatview.el.querySelector('.toggle-chatbox-button').click();
  590. expect(chatview.model.get('minimized')).toBeTruthy();
  591. var message = 'This message is sent to a minimized chatbox';
  592. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  593. var msg = $msg({
  594. from: sender_jid,
  595. to: _converse.connection.jid,
  596. type: 'chat',
  597. id: (new Date()).getTime()
  598. }).c('body').t(message).up()
  599. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  600. await _converse.chatboxes.onMessage(msg);
  601. await test_utils.waitUntil(() => chatview.model.messages.length);
  602. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  603. const trimmed_chatboxes = _converse.minimized_chats;
  604. const trimmedview = trimmed_chatboxes.get(contact_jid);
  605. let count = trimmedview.el.querySelector('.message-count');
  606. expect(u.isVisible(chatview.el)).toBeFalsy();
  607. expect(trimmedview.model.get('minimized')).toBeTruthy();
  608. expect(u.isVisible(count)).toBeTruthy();
  609. expect(count.textContent).toBe('1');
  610. _converse.chatboxes.onMessage(
  611. $msg({
  612. from: mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost',
  613. to: _converse.connection.jid,
  614. type: 'chat',
  615. id: (new Date()).getTime()
  616. }).c('body').t('This message is also sent to a minimized chatbox').up()
  617. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree()
  618. );
  619. await test_utils.waitUntil(() => (chatview.model.messages.length > 1));
  620. expect(u.isVisible(chatview.el)).toBeFalsy();
  621. expect(trimmedview.model.get('minimized')).toBeTruthy();
  622. count = trimmedview.el.querySelector('.message-count');
  623. expect(u.isVisible(count)).toBeTruthy();
  624. expect(count.textContent).toBe('2');
  625. trimmedview.el.querySelector('.restore-chat').click();
  626. expect(trimmed_chatboxes.keys().length).toBe(0);
  627. done();
  628. }));
  629. it("will indicate when it has a time difference of more than a day between it and its predecessor",
  630. mock.initConverse(
  631. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  632. async function (done, _converse) {
  633. const include_nick = false;
  634. await test_utils.waitForRoster(_converse, 'current', 2, include_nick);
  635. test_utils.openControlBox();
  636. spyOn(_converse, 'emit');
  637. const contact_name = mock.cur_names[1];
  638. const contact_jid = contact_name.replace(/ /g,'.').toLowerCase() + '@localhost';
  639. await test_utils.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length);
  640. await test_utils.openChatBoxFor(_converse, contact_jid);
  641. test_utils.clearChatBoxMessages(_converse, contact_jid);
  642. const one_day_ago = moment();
  643. one_day_ago.subtract('days', 1);
  644. const chatbox = _converse.chatboxes.get(contact_jid);
  645. const view = _converse.chatboxviews.get(contact_jid);
  646. let message = 'This is a day old message';
  647. let msg = $msg({
  648. from: contact_jid,
  649. to: _converse.connection.jid,
  650. type: 'chat',
  651. id: one_day_ago.unix()
  652. }).c('body').t(message).up()
  653. .c('delay', { xmlns:'urn:xmpp:delay', from: 'localhost', stamp: one_day_ago.format() })
  654. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  655. await _converse.chatboxes.onMessage(msg);
  656. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  657. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  658. expect(chatbox.messages.length).toEqual(1);
  659. let msg_obj = chatbox.messages.models[0];
  660. expect(msg_obj.get('message')).toEqual(message);
  661. expect(msg_obj.get('fullname')).toBeUndefined();
  662. expect(msg_obj.get('nickname')).toBeUndefined();
  663. expect(msg_obj.get('sender')).toEqual('them');
  664. expect(msg_obj.get('is_delayed')).toEqual(true);
  665. await test_utils.waitUntil(() => chatbox.vcard.get('fullname') === 'Candice van der Knijff')
  666. const chat_content = view.el.querySelector('.chat-content');
  667. expect(chat_content.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(message);
  668. expect(chat_content.querySelector('.chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  669. expect(chat_content.querySelector('span.chat-msg__author').textContent.trim()).toBe('Candice van der Knijff');
  670. expect(chat_content.querySelectorAll('.date-separator').length).toEqual(1);
  671. let day = chat_content.querySelector('.date-separator');
  672. expect(day.getAttribute('class')).toEqual('message date-separator');
  673. expect(day.getAttribute('data-isodate')).toEqual(moment(one_day_ago.startOf('day')).format());
  674. let time = chat_content.querySelector('time.separator-text');
  675. expect(time.textContent).toEqual(moment(one_day_ago.startOf('day')).format("dddd MMM Do YYYY"));
  676. message = 'This is a current message';
  677. msg = $msg({
  678. from: contact_jid,
  679. to: _converse.connection.jid,
  680. type: 'chat',
  681. id: new Date().getTime()
  682. }).c('body').t(message).up()
  683. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  684. await _converse.chatboxes.onMessage(msg);
  685. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  686. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  687. // Check that there is a <time> element, with the required
  688. // props.
  689. expect(chat_content.querySelectorAll('time.separator-text').length).toEqual(2); // There are now two time elements
  690. const message_date = new Date();
  691. day = sizzle('.date-separator:last', chat_content);
  692. expect(day.length).toEqual(1);
  693. expect(day[0].getAttribute('class')).toEqual('message date-separator');
  694. expect(day[0].getAttribute('data-isodate')).toEqual(moment(message_date).startOf('day').format());
  695. time = sizzle('time.separator-text:last', chat_content).pop();
  696. expect(time.textContent).toEqual(moment(message_date).startOf('day').format("dddd MMM Do YYYY"));
  697. // Normal checks for the 2nd message
  698. expect(chatbox.messages.length).toEqual(2);
  699. msg_obj = chatbox.messages.models[1];
  700. expect(msg_obj.get('message')).toEqual(message);
  701. expect(msg_obj.get('fullname')).toBeUndefined();
  702. expect(msg_obj.get('sender')).toEqual('them');
  703. expect(msg_obj.get('is_delayed')).toEqual(false);
  704. const msg_txt = sizzle('.chat-msg:last .chat-msg__text', chat_content).pop().textContent;
  705. expect(msg_txt).toEqual(message);
  706. expect(chat_content.querySelector('.chat-msg:last-child .chat-msg__text').textContent).toEqual(message);
  707. expect(chat_content.querySelector('.chat-msg:last-child .chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  708. expect(chat_content.querySelector('.chat-msg:last-child .chat-msg__author').textContent.trim()).toBe('Candice van der Knijff');
  709. done();
  710. }));
  711. it("can be sent from a chatbox, and will appear inside it",
  712. mock.initConverse(
  713. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  714. async function (done, _converse) {
  715. await test_utils.waitForRoster(_converse, 'current');
  716. test_utils.openControlBox();
  717. spyOn(_converse, 'emit');
  718. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  719. await test_utils.openChatBoxFor(_converse, contact_jid)
  720. expect(_converse.emit).toHaveBeenCalledWith('chatBoxFocused', jasmine.any(Object));
  721. const view = _converse.chatboxviews.get(contact_jid);
  722. const message = 'This message is sent from this chatbox';
  723. spyOn(view.model, 'sendMessage').and.callThrough();
  724. await test_utils.sendMessage(view, message);
  725. expect(view.model.sendMessage).toHaveBeenCalled();
  726. expect(view.model.messages.length, 2);
  727. expect(_converse.emit.calls.mostRecent().args, ['messageSend', message]);
  728. expect(sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop().textContent).toEqual(message);
  729. done();
  730. }));
  731. it("is sanitized to prevent Javascript injection attacks",
  732. mock.initConverse(
  733. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  734. async function (done, _converse) {
  735. await test_utils.waitForRoster(_converse, 'current');
  736. test_utils.openControlBox();
  737. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  738. await test_utils.openChatBoxFor(_converse, contact_jid)
  739. const view = _converse.chatboxviews.get(contact_jid);
  740. const message = '<p>This message contains <em>some</em> <b>markup</b></p>';
  741. spyOn(view.model, 'sendMessage').and.callThrough();
  742. await test_utils.sendMessage(view, message);
  743. expect(view.model.sendMessage).toHaveBeenCalled();
  744. const msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg__text');
  745. expect(msg.text()).toEqual(message);
  746. expect(msg.html()).toEqual('&lt;p&gt;This message contains &lt;em&gt;some&lt;/em&gt; &lt;b&gt;markup&lt;/b&gt;&lt;/p&gt;');
  747. done();
  748. }));
  749. it("can contain hyperlinks, which will be clickable",
  750. mock.initConverse(
  751. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  752. async function (done, _converse) {
  753. await test_utils.waitForRoster(_converse, 'current');
  754. test_utils.openControlBox();
  755. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  756. await test_utils.openChatBoxFor(_converse, contact_jid)
  757. const view = _converse.chatboxviews.get(contact_jid);
  758. const message = 'This message contains a hyperlink: www.opkode.com';
  759. spyOn(view.model, 'sendMessage').and.callThrough();
  760. test_utils.sendMessage(view, message);
  761. expect(view.model.sendMessage).toHaveBeenCalled();
  762. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  763. const msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg__text');
  764. expect(msg.text()).toEqual(message);
  765. expect(msg.html())
  766. .toEqual('This message contains a hyperlink: <a target="_blank" rel="noopener" href="http://www.opkode.com">www.opkode.com</a>');
  767. done();
  768. }));
  769. it("will have properly escaped URLs",
  770. mock.initConverse(
  771. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  772. async function (done, _converse) {
  773. await test_utils.waitForRoster(_converse, 'current');
  774. test_utils.openControlBox();
  775. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  776. await test_utils.openChatBoxFor(_converse, contact_jid)
  777. const view = _converse.chatboxviews.get(contact_jid);
  778. let message = "http://www.opkode.com/'onmouseover='alert(1)'whatever";
  779. await test_utils.sendMessage(view, message);
  780. let msg = sizzle('.chat-content .chat-msg:last .chat-msg__text').pop();
  781. expect(msg.textContent).toEqual(message);
  782. expect($(msg).html())
  783. .toEqual('<a target="_blank" rel="noopener" href="http://www.opkode.com/%27onmouseover=%27alert%281%29%27whatever">http://www.opkode.com/\'onmouseover=\'alert(1)\'whatever</a>');
  784. message = 'http://www.opkode.com/"onmouseover="alert(1)"whatever';
  785. await test_utils.sendMessage(view, message);
  786. msg = sizzle('.chat-content .chat-msg:last .chat-msg__text').pop();
  787. expect(msg.textContent).toEqual(message);
  788. expect($(msg).html()).toEqual('<a target="_blank" rel="noopener" href="http://www.opkode.com/%22onmouseover=%22alert%281%29%22whatever">http://www.opkode.com/"onmouseover="alert(1)"whatever</a>');
  789. message = "https://en.wikipedia.org/wiki/Ender's_Game";
  790. await test_utils.sendMessage(view, message);
  791. msg = sizzle('.chat-content .chat-msg:last .chat-msg__text').pop();
  792. expect(msg.textContent).toEqual(message);
  793. expect($(msg).html()).toEqual('<a target="_blank" rel="noopener" href="https://en.wikipedia.org/wiki/Ender%27s_Game">'+message+'</a>');
  794. message = "https://en.wikipedia.org/wiki/Ender's_Game";
  795. await test_utils.sendMessage(view, message);
  796. msg = sizzle('.chat-content .chat-msg:last .chat-msg__text').pop();
  797. expect(msg.textContent).toEqual(message);
  798. expect($(msg).html()).toEqual('<a target="_blank" rel="noopener" href="https://en.wikipedia.org/wiki/Ender%27s_Game">'+message+'</a>');
  799. done();
  800. }));
  801. it("will render newlines",
  802. mock.initConverse(
  803. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  804. async function (done, _converse) {
  805. await test_utils.waitForRoster(_converse, 'current');
  806. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  807. const view = await test_utils.openChatBoxFor(_converse, contact_jid);
  808. let stanza = u.toStanza(`
  809. <message from="${contact_jid}"
  810. type="chat"
  811. to="dummy@localhost/resource">
  812. <body>Hey\nHave you heard the news?</body>
  813. </message>`);
  814. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  815. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  816. const chat_content = view.el.querySelector('.chat-content');
  817. expect(chat_content.querySelector('.chat-msg__text').innerHTML).toBe('Hey<br>Have you heard the news?');
  818. stanza = u.toStanza(`
  819. <message from="${contact_jid}"
  820. type="chat"
  821. to="dummy@localhost/resource">
  822. <body>Hey\n\n\nHave you heard the news?</body>
  823. </message>`);
  824. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  825. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  826. expect(chat_content.querySelector('.message:last-child .chat-msg__text').innerHTML).toBe('Hey<br><br>Have you heard the news?');
  827. stanza = u.toStanza(`
  828. <message from="${contact_jid}"
  829. type="chat"
  830. to="dummy@localhost/resource">
  831. <body>Hey\nHave you heard\nthe news?</body>
  832. </message>`);
  833. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  834. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  835. expect(chat_content.querySelector('.message:last-child .chat-msg__text').innerHTML).toBe('Hey<br>Have you heard<br>the news?');
  836. done();
  837. }));
  838. it("will render images from their URLs",
  839. mock.initConverse(
  840. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  841. async function (done, _converse) {
  842. await test_utils.waitForRoster(_converse, 'current');
  843. let base_url = 'https://conversejs.org';
  844. let message = base_url+"/logo/conversejs-filled.svg";
  845. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  846. await test_utils.openChatBoxFor(_converse, contact_jid);
  847. const view = _converse.chatboxviews.get(contact_jid);
  848. spyOn(view.model, 'sendMessage').and.callThrough();
  849. test_utils.sendMessage(view, message);
  850. await test_utils.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-image').length, 1000)
  851. expect(view.model.sendMessage).toHaveBeenCalled();
  852. let msg = $(view.el).find('.chat-content .chat-msg').last().find('.chat-msg__text');
  853. expect(msg.html().trim()).toEqual(
  854. '<!-- src/templates/image.html -->\n'+
  855. '<a href="'+base_url+'/logo/conversejs-filled.svg" target="_blank" rel="noopener"><img class="chat-image img-thumbnail"'+
  856. ' src="' + message + '"></a>');
  857. message += "?param1=val1&param2=val2";
  858. test_utils.sendMessage(view, message);
  859. await test_utils.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-image').length === 2, 1000);
  860. expect(view.model.sendMessage).toHaveBeenCalled();
  861. msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg__text');
  862. expect(msg.html().trim()).toEqual(
  863. '<!-- src/templates/image.html -->\n'+
  864. '<a href="'+base_url+'/logo/conversejs-filled.svg?param1=val1&amp;param2=val2" target="_blank" rel="noopener"><img'+
  865. ' class="chat-image img-thumbnail" src="'+message.replace(/&/g, '&amp;')+'"></a>')
  866. // Test now with two images in one message
  867. message += ' hello world '+base_url+"/logo/conversejs-filled.svg";
  868. test_utils.sendMessage(view, message);
  869. await test_utils.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-image').length === 4, 1000);
  870. expect(view.model.sendMessage).toHaveBeenCalled();
  871. msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg__text');
  872. expect(msg[0].textContent.trim()).toEqual('hello world');
  873. expect(msg[0].querySelectorAll('img').length).toEqual(2);
  874. // Non-https images aren't rendered
  875. base_url = document.URL.split(window.location.pathname)[0];
  876. message = base_url+"/logo/conversejs-filled.svg";
  877. expect(view.el.querySelectorAll('img').length).toBe(4);
  878. test_utils.sendMessage(view, message);
  879. expect(view.el.querySelectorAll('img').length).toBe(4);
  880. done();
  881. }));
  882. it("will render the message time as configured",
  883. mock.initConverse(
  884. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  885. async function (done, _converse) {
  886. await test_utils.waitForRoster(_converse, 'current');
  887. _converse.time_format = 'hh:mm';
  888. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  889. await test_utils.openChatBoxFor(_converse, contact_jid)
  890. const view = _converse.api.chatviews.get(contact_jid);
  891. const message = 'This message is sent from this chatbox';
  892. await test_utils.sendMessage(view, message);
  893. const chatbox = _converse.api.chats.get(contact_jid);
  894. expect(chatbox.messages.models.length, 1);
  895. const msg_object = chatbox.messages.models[0];
  896. const msg_author = view.el.querySelector('.chat-content .chat-msg:last-child .chat-msg__author');
  897. expect(msg_author.textContent.trim()).toBe('Max Mustermann');
  898. const msg_time = view.el.querySelector('.chat-content .chat-msg:last-child .chat-msg__time');
  899. const time = moment(msg_object.get('time')).format(_converse.time_format);
  900. expect(msg_time.textContent).toBe(time);
  901. done();
  902. }));
  903. it("will be correctly identified and rendered as a followup message",
  904. mock.initConverse(
  905. null, ['rosterGroupsFetched'], {},
  906. async function (done, _converse) {
  907. await test_utils.waitForRoster(_converse, 'current');
  908. test_utils.openControlBox();
  909. let message, msg;
  910. const base_time = new Date();
  911. const ONE_MINUTE_LATER = 60000;
  912. await test_utils.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length, 300);
  913. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  914. _converse.filter_by_resource = true;
  915. jasmine.clock().install();
  916. jasmine.clock().mockDate(base_time);
  917. _converse.chatboxes.onMessage($msg({
  918. 'from': sender_jid,
  919. 'to': _converse.connection.jid,
  920. 'type': 'chat',
  921. 'id': (new Date()).getTime()
  922. }).c('body').t('A message').up()
  923. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  924. await new Promise(resolve => _converse.on('chatBoxOpened', resolve));
  925. const view = _converse.api.chatviews.get(sender_jid);
  926. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  927. jasmine.clock().tick(3*ONE_MINUTE_LATER);
  928. _converse.chatboxes.onMessage($msg({
  929. 'from': sender_jid,
  930. 'to': _converse.connection.jid,
  931. 'type': 'chat',
  932. 'id': (new Date()).getTime()
  933. }).c('body').t("Another message 3 minutes later").up()
  934. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  935. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  936. jasmine.clock().tick(11*ONE_MINUTE_LATER);
  937. _converse.chatboxes.onMessage($msg({
  938. 'from': sender_jid,
  939. 'to': _converse.connection.jid,
  940. 'type': 'chat',
  941. 'id': (new Date()).getTime()
  942. }).c('body').t("Another message 14 minutes since we started").up()
  943. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  944. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  945. jasmine.clock().tick(1000);
  946. // Insert <composing> message, to also check that
  947. // text messages are inserted correctly with
  948. // temporary chat events in the chat contents.
  949. _converse.chatboxes.onMessage($msg({
  950. 'id': 'aeb219',
  951. 'to': _converse.bare_jid,
  952. 'xmlns': 'jabber:client',
  953. 'from': sender_jid,
  954. 'type': 'chat'})
  955. .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up()
  956. .tree());
  957. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  958. jasmine.clock().tick(1*ONE_MINUTE_LATER);
  959. _converse.chatboxes.onMessage($msg({
  960. 'from': sender_jid,
  961. 'to': _converse.connection.jid,
  962. 'type': 'chat',
  963. 'id': (new Date()).getTime()
  964. }).c('body').t("Another message 1 minute and 1 second since the previous one").up()
  965. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  966. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  967. jasmine.clock().tick(1*ONE_MINUTE_LATER);
  968. const chat_content = view.el.querySelector('.chat-content');
  969. await test_utils.sendMessage(view, "Another message within 10 minutes, but from a different person");
  970. expect(chat_content.querySelectorAll('.message').length).toBe(6);
  971. expect(chat_content.querySelectorAll('.chat-msg').length).toBe(5);
  972. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(2)'))).toBe(false);
  973. expect(chat_content.querySelector('.message:nth-child(2) .chat-msg__text').textContent).toBe("A message");
  974. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(3)'))).toBe(true);
  975. expect(chat_content.querySelector('.message:nth-child(3) .chat-msg__text').textContent).toBe(
  976. "Another message 3 minutes later");
  977. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(4)'))).toBe(false);
  978. expect(chat_content.querySelector('.message:nth-child(4) .chat-msg__text').textContent).toBe(
  979. "Another message 14 minutes since we started");
  980. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(5)'))).toBe(true);
  981. expect(chat_content.querySelector('.message:nth-child(5) .chat-msg__text').textContent).toBe(
  982. "Another message 1 minute and 1 second since the previous one");
  983. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(6)'))).toBe(false);
  984. expect(chat_content.querySelector('.message:nth-child(6) .chat-msg__text').textContent).toBe(
  985. "Another message within 10 minutes, but from a different person");
  986. // Let's add a delayed, inbetween message
  987. _converse.chatboxes.onMessage($msg({'id': 'aeb218', 'to': _converse.bare_jid})
  988. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  989. .c('delay', {'xmlns': 'urn:xmpp:delay',
  990. 'stamp': moment(base_time).add(5, 'minutes').format()
  991. }).up()
  992. .c('message', {
  993. 'xmlns': 'jabber:client',
  994. 'to': _converse.bare_jid,
  995. 'from': sender_jid,
  996. 'type': 'chat'})
  997. .c('body').t("A delayed message, sent 5 minutes since we started")
  998. .tree());
  999. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1000. expect(chat_content.querySelectorAll('.message').length).toBe(7);
  1001. expect(chat_content.querySelectorAll('.chat-msg').length).toBe(6);
  1002. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(2)'))).toBe(false);
  1003. expect(chat_content.querySelector('.message:nth-child(2) .chat-msg__text').textContent).toBe("A message");
  1004. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(3)'))).toBe(true);
  1005. expect(chat_content.querySelector('.message:nth-child(3) .chat-msg__text').textContent).toBe(
  1006. "Another message 3 minutes later");
  1007. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(4)'))).toBe(true);
  1008. expect(chat_content.querySelector('.message:nth-child(4) .chat-msg__text').textContent).toBe(
  1009. "A delayed message, sent 5 minutes since we started");
  1010. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(5)'))).toBe(true);
  1011. expect(chat_content.querySelector('.message:nth-child(5) .chat-msg__text').textContent).toBe(
  1012. "Another message 14 minutes since we started");
  1013. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(6)'))).toBe(true);
  1014. expect(chat_content.querySelector('.message:nth-child(6) .chat-msg__text').textContent).toBe(
  1015. "Another message 1 minute and 1 second since the previous one");
  1016. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(7)'))).toBe(false);
  1017. _converse.chatboxes.onMessage($msg({'id': 'aeb213', 'to': _converse.bare_jid})
  1018. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  1019. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':moment(base_time).add(4, 'minutes').format()}).up()
  1020. .c('message', {
  1021. 'xmlns': 'jabber:client',
  1022. 'to': sender_jid,
  1023. 'from': _converse.bare_jid+"/some-other-resource",
  1024. 'type': 'chat'})
  1025. .c('body').t("A carbon message 4 minutes later")
  1026. .tree());
  1027. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1028. expect(chat_content.querySelectorAll('.message').length).toBe(8);
  1029. expect(chat_content.querySelectorAll('.chat-msg').length).toBe(7);
  1030. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(2)'))).toBe(false);
  1031. expect(chat_content.querySelector('.message:nth-child(2) .chat-msg__text').textContent).toBe("A message");
  1032. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(3)'))).toBe(true);
  1033. expect(chat_content.querySelector('.message:nth-child(3) .chat-msg__text').textContent).toBe(
  1034. "Another message 3 minutes later");
  1035. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(4)'))).toBe(false);
  1036. expect(chat_content.querySelector('.message:nth-child(4) .chat-msg__text').textContent).toBe(
  1037. "A carbon message 4 minutes later");
  1038. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(5)'))).toBe(false);
  1039. expect(chat_content.querySelector('.message:nth-child(5) .chat-msg__text').textContent).toBe(
  1040. "A delayed message, sent 5 minutes since we started");
  1041. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(6)'))).toBe(true);
  1042. expect(chat_content.querySelector('.message:nth-child(6) .chat-msg__text').textContent).toBe(
  1043. "Another message 14 minutes since we started");
  1044. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(7)'))).toBe(true);
  1045. expect(chat_content.querySelector('.message:nth-child(7) .chat-msg__text').textContent).toBe(
  1046. "Another message 1 minute and 1 second since the previous one");
  1047. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(8)'))).toBe(false);
  1048. expect(chat_content.querySelector('.message:nth-child(8) .chat-msg__text').textContent).toBe(
  1049. "Another message within 10 minutes, but from a different person");
  1050. jasmine.clock().uninstall();
  1051. done();
  1052. }));
  1053. it("received may emit a message delivery receipt",
  1054. mock.initConverse(
  1055. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1056. async function (done, _converse) {
  1057. await test_utils.waitForRoster(_converse, 'current');
  1058. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1059. const msg_id = u.getUniqueId();
  1060. const sent_stanzas = [];
  1061. spyOn(_converse.connection, 'send').and.callFake(function (stanza) {
  1062. sent_stanzas.push(stanza);
  1063. });
  1064. const msg = $msg({
  1065. 'from': sender_jid,
  1066. 'to': _converse.connection.jid,
  1067. 'type': 'chat',
  1068. 'id': msg_id,
  1069. }).c('body').t('Message!').up()
  1070. .c('request', {'xmlns': Strophe.NS.RECEIPTS}).tree();
  1071. await _converse.chatboxes.onMessage(msg);
  1072. const sent_messages = sent_stanzas.map(s => _.isElement(s) ? s : s.nodeTree).filter(s => s.nodeName === 'message');
  1073. expect(sent_messages.length).toBe(1);
  1074. const receipt = sizzle(`received[xmlns="${Strophe.NS.RECEIPTS}"]`, sent_messages[0]).pop();
  1075. expect(Strophe.serialize(receipt)).toBe(`<received id="${msg_id}" xmlns="${Strophe.NS.RECEIPTS}"/>`);
  1076. done();
  1077. }));
  1078. it("carbon received does not emit a message delivery receipt",
  1079. mock.initConverse(
  1080. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1081. async function (done, _converse) {
  1082. await test_utils.waitForRoster(_converse, 'current', 1);
  1083. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1084. const msg_id = u.getUniqueId();
  1085. const sent_stanzas = [];
  1086. const view = await test_utils.openChatBoxFor(_converse, sender_jid);
  1087. spyOn(view.model, 'sendReceiptStanza').and.callThrough();
  1088. const msg = $msg({
  1089. 'from': sender_jid,
  1090. 'to': _converse.connection.jid,
  1091. 'type': 'chat',
  1092. 'id': u.getUniqueId(),
  1093. }).c('received', {'xmlns': 'urn:xmpp:carbons:2'})
  1094. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  1095. .c('message', {
  1096. 'xmlns': 'jabber:client',
  1097. 'from': sender_jid,
  1098. 'to': _converse.bare_jid+'/another-resource',
  1099. 'type': 'chat',
  1100. 'id': msg_id
  1101. }).c('body').t('Message!').up()
  1102. .c('request', {'xmlns': Strophe.NS.RECEIPTS}).tree();
  1103. await _converse.chatboxes.onMessage(msg);
  1104. await test_utils.waitUntil(() => _converse.api.chats.get().length);
  1105. expect(view.model.sendReceiptStanza).not.toHaveBeenCalled();
  1106. done();
  1107. }));
  1108. it("forwarded does not emit a message delivery receipt if it's mine",
  1109. mock.initConverse(
  1110. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1111. async function (done, _converse) {
  1112. await test_utils.waitForRoster(_converse, 'current', 1);
  1113. const recipient_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1114. const msg_id = u.getUniqueId();
  1115. const sent_stanzas = [];
  1116. const view = await test_utils.openChatBoxFor(_converse, recipient_jid);
  1117. spyOn(view.model, 'sendReceiptStanza').and.callThrough();
  1118. const msg = $msg({
  1119. 'from': converse.bare_jid,
  1120. 'to': _converse.connection.jid,
  1121. 'type': 'chat',
  1122. 'id': u.getUniqueId(),
  1123. }).c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  1124. .c('message', {
  1125. 'xmlns': 'jabber:client',
  1126. 'from': _converse.bare_jid+'/another-resource',
  1127. 'to': recipient_jid,
  1128. 'type': 'chat',
  1129. 'id': msg_id
  1130. }).c('body').t('Message!').up()
  1131. .c('request', {'xmlns': Strophe.NS.RECEIPTS}).tree();
  1132. await _converse.chatboxes.onMessage(msg);
  1133. await test_utils.waitUntil(() => _converse.api.chats.get().length);
  1134. expect(view.model.sendReceiptStanza).not.toHaveBeenCalled();
  1135. done();
  1136. }));
  1137. it("delivery can be acknowledged by a receipt",
  1138. mock.initConverse(
  1139. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1140. async function (done, _converse) {
  1141. await test_utils.waitForRoster(_converse, 'current', 1);
  1142. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1143. await test_utils.openChatBoxFor(_converse, contact_jid);
  1144. const view = _converse.chatboxviews.get(contact_jid);
  1145. const textarea = view.el.querySelector('textarea.chat-textarea');
  1146. textarea.value = 'But soft, what light through yonder airlock breaks?';
  1147. view.keyPressed({
  1148. target: textarea,
  1149. preventDefault: _.noop,
  1150. keyCode: 13 // Enter
  1151. });
  1152. await test_utils.waitUntil(() => _converse.api.chats.get().length);
  1153. const chatbox = _converse.chatboxes.get(contact_jid);
  1154. expect(chatbox).toBeDefined();
  1155. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1156. let msg_obj = chatbox.messages.models[0];
  1157. let msg_id = msg_obj.get('msgid');
  1158. let msg = $msg({
  1159. 'from': contact_jid,
  1160. 'to': _converse.connection.jid,
  1161. 'id': u.getUniqueId(),
  1162. }).c('received', {'id': msg_id, xmlns: Strophe.NS.RECEIPTS}).up().tree();
  1163. _converse.connection._dataRecv(test_utils.createRequest(msg));
  1164. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  1165. expect(view.el.querySelectorAll('.chat-msg__receipt').length).toBe(1);
  1166. // Also handle receipts with type 'chat'. See #1353
  1167. spyOn(_converse.chatboxes, 'onMessage').and.callThrough();
  1168. textarea.value = 'Another message';
  1169. view.keyPressed({
  1170. target: textarea,
  1171. preventDefault: _.noop,
  1172. keyCode: 13 // Enter
  1173. });
  1174. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1175. msg_obj = chatbox.messages.models[1];
  1176. msg_id = msg_obj.get('msgid');
  1177. msg = $msg({
  1178. 'from': contact_jid,
  1179. 'type': 'chat',
  1180. 'to': _converse.connection.jid,
  1181. 'id': u.getUniqueId(),
  1182. }).c('received', {'id': msg_id, xmlns: Strophe.NS.RECEIPTS}).up().tree();
  1183. _converse.connection._dataRecv(test_utils.createRequest(msg));
  1184. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  1185. expect(view.el.querySelectorAll('.chat-msg__receipt').length).toBe(2);
  1186. expect(_converse.chatboxes.onMessage.calls.count()).toBe(1);
  1187. done();
  1188. }));
  1189. describe("when received from someone else", function () {
  1190. it("will open a chatbox and be displayed inside it",
  1191. mock.initConverse(
  1192. null, ['rosterGroupsFetched'], {},
  1193. async function (done, _converse) {
  1194. const include_nick = false;
  1195. await test_utils.waitForRoster(_converse, 'current', 1, include_nick);
  1196. test_utils.openControlBox();
  1197. await test_utils.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length, 300);
  1198. spyOn(_converse, 'emit').and.callThrough();
  1199. const message = 'This is a received message';
  1200. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1201. // We don't already have an open chatbox for this user
  1202. expect(_converse.chatboxes.get(sender_jid)).not.toBeDefined();
  1203. _converse.chatboxes.onMessage(
  1204. $msg({
  1205. 'from': sender_jid,
  1206. 'to': _converse.connection.jid,
  1207. 'type': 'chat',
  1208. 'id': (new Date()).getTime()
  1209. }).c('body').t(message).up()
  1210. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree()
  1211. );
  1212. await test_utils.waitUntil(() => (_converse.api.chats.get().length === 2));
  1213. const chatbox = _converse.chatboxes.get(sender_jid);
  1214. expect(chatbox).toBeDefined();
  1215. const view = _converse.api.chatviews.get(sender_jid);
  1216. expect(view).toBeDefined();
  1217. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  1218. // Check that the message was received and check the message parameters
  1219. expect(chatbox.messages.length).toEqual(1);
  1220. const msg_obj = chatbox.messages.models[0];
  1221. expect(msg_obj.get('message')).toEqual(message);
  1222. expect(msg_obj.get('fullname')).toBeUndefined();
  1223. expect(msg_obj.get('sender')).toEqual('them');
  1224. expect(msg_obj.get('is_delayed')).toEqual(false);
  1225. // Now check that the message appears inside the chatbox in the DOM
  1226. const chat_content = view.el.querySelector('.chat-content');
  1227. expect(chat_content.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(message);
  1228. expect(chat_content.querySelector('.chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  1229. await test_utils.waitUntil(() => chatbox.vcard.get('fullname') === mock.cur_names[0]);
  1230. expect(chat_content.querySelector('span.chat-msg__author').textContent.trim()).toBe('Max Frankfurter');
  1231. done();
  1232. }));
  1233. it("can be replaced with a correction",
  1234. mock.initConverse(
  1235. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1236. async function (done, _converse) {
  1237. await test_utils.waitForRoster(_converse, 'current', 1);
  1238. test_utils.openControlBox();
  1239. const message = 'This is a received message';
  1240. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1241. const msg_id = u.getUniqueId();
  1242. const view = await test_utils.openChatBoxFor(_converse, sender_jid);
  1243. _converse.chatboxes.onMessage($msg({
  1244. 'from': sender_jid,
  1245. 'to': _converse.connection.jid,
  1246. 'type': 'chat',
  1247. 'id': msg_id,
  1248. }).c('body').t('But soft, what light through yonder airlock breaks?').tree());
  1249. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1250. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1251. expect(view.el.querySelector('.chat-msg__text').textContent)
  1252. .toBe('But soft, what light through yonder airlock breaks?');
  1253. _converse.chatboxes.onMessage($msg({
  1254. 'from': sender_jid,
  1255. 'to': _converse.connection.jid,
  1256. 'type': 'chat',
  1257. 'id': u.getUniqueId(),
  1258. }).c('body').t('But soft, what light through yonder chimney breaks?').up()
  1259. .c('replace', {'id': msg_id, 'xmlns': 'urn:xmpp:message-correct:0'}).tree());
  1260. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  1261. expect(view.el.querySelector('.chat-msg__text').textContent)
  1262. .toBe('But soft, what light through yonder chimney breaks?');
  1263. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1264. expect(view.el.querySelectorAll('.chat-msg__content .fa-edit').length).toBe(1);
  1265. _converse.chatboxes.onMessage($msg({
  1266. 'from': sender_jid,
  1267. 'to': _converse.connection.jid,
  1268. 'type': 'chat',
  1269. 'id': u.getUniqueId(),
  1270. }).c('body').t('But soft, what light through yonder window breaks?').up()
  1271. .c('replace', {'id': msg_id, 'xmlns': 'urn:xmpp:message-correct:0'}).tree());
  1272. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  1273. expect(view.el.querySelector('.chat-msg__text').textContent)
  1274. .toBe('But soft, what light through yonder window breaks?');
  1275. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1276. expect(view.el.querySelectorAll('.chat-msg__content .fa-edit').length).toBe(1);
  1277. view.el.querySelector('.chat-msg__content .fa-edit').click();
  1278. const modal = view.model.messages.at(0).message_versions_modal;
  1279. await test_utils.waitUntil(() => u.isVisible(modal.el), 1000);
  1280. const older_msgs = modal.el.querySelectorAll('.older-msg');
  1281. expect(older_msgs.length).toBe(2);
  1282. expect(older_msgs[0].textContent).toBe('But soft, what light through yonder airlock breaks?');
  1283. expect(older_msgs[1].textContent).toBe('But soft, what light through yonder chimney breaks?');
  1284. done();
  1285. }));
  1286. describe("when a chatbox is opened for someone who is not in the roster", function () {
  1287. it("the VCard for that user is fetched and the chatbox updated with the results",
  1288. mock.initConverse(
  1289. null, ['rosterGroupsFetched'], {},
  1290. async function (done, _converse) {
  1291. _converse.emit('rosterContactsFetched');
  1292. _converse.allow_non_roster_messaging = true;
  1293. spyOn(_converse, 'emit').and.callThrough();
  1294. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1295. var vcard_fetched = false;
  1296. spyOn(_converse.api.vcard, "get").and.callFake(function () {
  1297. vcard_fetched = true;
  1298. return Promise.resolve({
  1299. 'fullname': mock.cur_names[0],
  1300. 'vcard_updated': moment().format(),
  1301. 'jid': sender_jid
  1302. });
  1303. });
  1304. const message = 'This is a received message from someone not on the roster';
  1305. const msg = $msg({
  1306. from: sender_jid,
  1307. to: _converse.connection.jid,
  1308. type: 'chat',
  1309. id: (new Date()).getTime()
  1310. }).c('body').t(message).up()
  1311. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  1312. // We don't already have an open chatbox for this user
  1313. expect(_converse.chatboxes.get(sender_jid)).not.toBeDefined();
  1314. await _converse.chatboxes.onMessage(msg);
  1315. await test_utils.waitUntil(() => _converse.api.chats.get().length);
  1316. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  1317. // Check that the chatbox and its view now exist
  1318. const chatbox = _converse.chatboxes.get(sender_jid);
  1319. const view = _converse.chatboxviews.get(sender_jid);
  1320. expect(chatbox).toBeDefined();
  1321. expect(view).toBeDefined();
  1322. expect(chatbox.get('fullname') === sender_jid);
  1323. await new Promise(resolve => view.once('messageInserted', resolve));
  1324. await test_utils.waitUntil(() => view.el.querySelector('.chat-msg__author').textContent.trim() === 'Max Frankfurter');
  1325. let author_el = view.el.querySelector('.chat-msg__author');
  1326. expect( _.includes(author_el.textContent.trim(), 'Max Frankfurter')).toBeTruthy();
  1327. await test_utils.waitUntil(() => vcard_fetched, 100);
  1328. expect(_converse.api.vcard.get).toHaveBeenCalled();
  1329. await test_utils.waitUntil(() => chatbox.vcard.get('fullname') === mock.cur_names[0])
  1330. author_el = view.el.querySelector('.chat-msg__author');
  1331. expect( _.includes(author_el.textContent.trim(), 'Max Frankfurter')).toBeTruthy();
  1332. done();
  1333. }));
  1334. });
  1335. describe("who is not on the roster", function () {
  1336. it("will open a chatbox and be displayed inside it if allow_non_roster_messaging is true",
  1337. mock.initConverse(
  1338. null, ['rosterGroupsFetched'], {},
  1339. async function (done, _converse) {
  1340. _converse.allow_non_roster_messaging = false;
  1341. _converse.emit('rosterContactsFetched');
  1342. spyOn(_converse, 'emit');
  1343. const message = 'This is a received message from someone not on the roster';
  1344. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1345. const msg = $msg({
  1346. from: sender_jid,
  1347. to: _converse.connection.jid,
  1348. type: 'chat',
  1349. id: (new Date()).getTime()
  1350. }).c('body').t(message).up()
  1351. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  1352. // We don't already have an open chatbox for this user
  1353. expect(_converse.chatboxes.get(sender_jid)).not.toBeDefined();
  1354. let chatbox = await _converse.api.chats.get(sender_jid);
  1355. expect(chatbox).not.toBeDefined();
  1356. // onMessage is a handler for received XMPP messages
  1357. await _converse.chatboxes.onMessage(msg);
  1358. expect(_converse.api.chats.get().length).toBe(1);
  1359. let view = _converse.chatboxviews.get(sender_jid);
  1360. expect(view).not.toBeDefined();
  1361. // onMessage is a handler for received XMPP messages
  1362. _converse.allow_non_roster_messaging = true;
  1363. await _converse.chatboxes.onMessage(msg);
  1364. view = _converse.chatboxviews.get(sender_jid);
  1365. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1366. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  1367. // Check that the chatbox and its view now exist
  1368. chatbox = _converse.chatboxes.get(sender_jid);
  1369. expect(chatbox).toBeDefined();
  1370. expect(view).toBeDefined();
  1371. // Check that the message was received and check the message parameters
  1372. expect(chatbox.messages.length).toEqual(1);
  1373. const msg_obj = chatbox.messages.models[0];
  1374. expect(msg_obj.get('message')).toEqual(message);
  1375. expect(msg_obj.get('fullname')).toEqual(undefined);
  1376. expect(msg_obj.get('sender')).toEqual('them');
  1377. expect(msg_obj.get('is_delayed')).toEqual(false);
  1378. await test_utils.waitUntil(() => view.el.querySelector('.chat-msg__author').textContent.trim() === 'Max Frankfurter');
  1379. // Now check that the message appears inside the chatbox in the DOM
  1380. const chat_content = view.el.querySelector('.chat-content');
  1381. expect(chat_content.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(message);
  1382. expect(chat_content.querySelector('.chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  1383. expect(chat_content.querySelector('span.chat-msg__author').textContent.trim()).toBe('Max Frankfurter');
  1384. done();
  1385. }));
  1386. });
  1387. describe("and for which then an error message is received from the server", function () {
  1388. it("will have the error message displayed after itself",
  1389. mock.initConverse(
  1390. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1391. async function (done, _converse) {
  1392. await test_utils.waitForRoster(_converse, 'current', 1);
  1393. test_utils.openControlBox();
  1394. // TODO: what could still be done for error
  1395. // messages... if the <error> element has type
  1396. // "cancel", then we know the messages wasn't sent,
  1397. // and can give the user a nicer indication of
  1398. // that.
  1399. /* <message from="scotty@enterprise.com/_converse.js-84843526"
  1400. * to="kirk@enterprise.com.com"
  1401. * type="chat"
  1402. * id="82bc02ce-9651-4336-baf0-fa04762ed8d2"
  1403. * xmlns="jabber:client">
  1404. * <body>yo</body>
  1405. * <active xmlns="http://jabber.org/protocol/chatstates"/>
  1406. * </message>
  1407. */
  1408. const error_txt = 'Server-to-server connection failed: Connecting failed: connection timeout';
  1409. const sender_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@localhost';
  1410. let fullname = _converse.xmppstatus.get('fullname');
  1411. fullname = _.isEmpty(fullname)? _converse.bare_jid: fullname;
  1412. await _converse.api.chats.open(sender_jid)
  1413. var msg_text = 'This message will not be sent, due to an error';
  1414. const view = _converse.api.chatviews.get(sender_jid);
  1415. let message = view.model.messages.create({
  1416. 'msgid': '82bc02ce-9651-4336-baf0-fa04762ed8d2',
  1417. 'fullname': fullname,
  1418. 'sender': 'me',
  1419. 'time': moment().format(),
  1420. 'message': msg_text
  1421. });
  1422. view.model.sendMessage(message);
  1423. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1424. const chat_content = view.el.querySelector('.chat-content');
  1425. let msg_txt = sizzle('.chat-msg:last .chat-msg__text', chat_content).pop().textContent;
  1426. expect(msg_txt).toEqual(msg_text);
  1427. // We send another message, for which an error will
  1428. // not be received, to test that errors appear
  1429. // after the relevant message.
  1430. msg_text = 'This message will be sent, and also receive an error';
  1431. message = view.model.messages.create({
  1432. 'msgid': '6fcdeee3-000f-4ce8-a17e-9ce28f0ae104',
  1433. 'fullname': fullname,
  1434. 'sender': 'me',
  1435. 'time': moment().format(),
  1436. 'message': msg_text
  1437. });
  1438. view.model.sendMessage(message);
  1439. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1440. msg_txt = sizzle('.chat-msg:last .chat-msg__text', chat_content).pop().textContent;
  1441. expect(msg_txt).toEqual(msg_text);
  1442. /* <message xmlns="jabber:client"
  1443. * to="scotty@enterprise.com/_converse.js-84843526"
  1444. * type="error"
  1445. * id="82bc02ce-9651-4336-baf0-fa04762ed8d2"
  1446. * from="kirk@enterprise.com.com">
  1447. * <error type="cancel">
  1448. * <remote-server-not-found xmlns="urn:ietf:params:xml:ns:xmpp-stanzas"/>
  1449. * <text xmlns="urn:ietf:params:xml:ns:xmpp-stanzas">Server-to-server connection failed: Connecting failed: connection timeout</text>
  1450. * </error>
  1451. * </message>
  1452. */
  1453. let stanza = $msg({
  1454. 'to': _converse.connection.jid,
  1455. 'type': 'error',
  1456. 'id': '82bc02ce-9651-4336-baf0-fa04762ed8d2',
  1457. 'from': sender_jid
  1458. })
  1459. .c('error', {'type': 'cancel'})
  1460. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  1461. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  1462. .t('Server-to-server connection failed: Connecting failed: connection timeout');
  1463. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1464. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1465. expect(chat_content.querySelector('.chat-error').textContent).toEqual(error_txt);
  1466. stanza = $msg({
  1467. 'to': _converse.connection.jid,
  1468. 'type': 'error',
  1469. 'id': '6fcdeee3-000f-4ce8-a17e-9ce28f0ae104',
  1470. 'from': sender_jid
  1471. })
  1472. .c('error', {'type': 'cancel'})
  1473. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  1474. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  1475. .t('Server-to-server connection failed: Connecting failed: connection timeout');
  1476. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1477. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1478. expect(chat_content.querySelectorAll('.chat-error').length).toEqual(2);
  1479. // We don't render duplicates
  1480. stanza = $msg({
  1481. 'to': _converse.connection.jid,
  1482. 'type':'error',
  1483. 'id': '6fcdeee3-000f-4ce8-a17e-9ce28f0ae104',
  1484. 'from': sender_jid
  1485. })
  1486. .c('error', {'type': 'cancel'})
  1487. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  1488. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  1489. .t('Server-to-server connection failed: Connecting failed: connection timeout');
  1490. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1491. expect(chat_content.querySelectorAll('.chat-error').length).toEqual(2);
  1492. // We send another message, for which an error will
  1493. // not be received, to test that errors appear
  1494. // after the relevant message.
  1495. msg_text = 'This message will be sent, and also receive an error';
  1496. message = view.model.messages.create({
  1497. 'msgid': 'another-id',
  1498. 'fullname': fullname,
  1499. 'sender': 'me',
  1500. 'time': moment().format(),
  1501. 'message': msg_text
  1502. });
  1503. view.model.sendMessage(message);
  1504. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1505. msg_txt = sizzle('.chat-msg:last .chat-msg__text', chat_content).pop().textContent;
  1506. expect(msg_txt).toEqual(msg_text);
  1507. // A different error message will however render
  1508. stanza = $msg({
  1509. 'to': _converse.connection.jid,
  1510. 'type':'error',
  1511. 'id': 'another-id',
  1512. 'from': sender_jid
  1513. })
  1514. .c('error', {'type': 'cancel'})
  1515. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  1516. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  1517. .t('Something else went wrong as well');
  1518. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1519. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1520. expect(chat_content.querySelectorAll('.chat-error').length).toEqual(3);
  1521. done();
  1522. }));
  1523. it("will not show to the user an error message for a CSI message",
  1524. mock.initConverse(
  1525. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1526. async function (done, _converse) {
  1527. // See #1317
  1528. // https://github.com/conversejs/converse.js/issues/1317
  1529. await test_utils.waitForRoster(_converse, 'current');
  1530. test_utils.openControlBox();
  1531. const contact_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@localhost';
  1532. await test_utils.openChatBoxFor(_converse, contact_jid);
  1533. const messages = _converse.connection.sent_stanzas.filter(s => s.nodeName === 'message');
  1534. expect(messages.length).toBe(1);
  1535. expect(Strophe.serialize(messages[0])).toBe(
  1536. `<message id="${messages[0].getAttribute('id')}" to="robin.schook@localhost" type="chat" xmlns="jabber:client">`+
  1537. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  1538. `<no-store xmlns="urn:xmpp:hints"/>`+
  1539. `<no-permanent-store xmlns="urn:xmpp:hints"/>`+
  1540. `</message>`);
  1541. const stanza = $msg({
  1542. 'from': contact_jid,
  1543. 'type': 'error',
  1544. 'id': messages[0].getAttribute('id')
  1545. }).c('error', {'type': 'cancel', 'code': '503'})
  1546. .c('service-unavailable', { 'xmlns': 'urn:ietf:params:xml:ns:xmpp-stanzas' }).up()
  1547. .c('text', { 'xmlns': 'urn:ietf:params:xml:ns:xmpp-stanzas' })
  1548. .t('User session not found')
  1549. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1550. const view = _converse.chatboxviews.get(contact_jid);
  1551. const chat_content = view.el.querySelector('.chat-content');
  1552. expect(chat_content.querySelectorAll('.chat-error').length).toEqual(0);
  1553. done();
  1554. }));
  1555. });
  1556. it("will cause the chat area to be scrolled down only if it was at the bottom originally",
  1557. mock.initConverse(
  1558. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1559. async function (done, _converse) {
  1560. await test_utils.waitForRoster(_converse, 'current');
  1561. test_utils.openControlBox();
  1562. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1563. const message = 'This message is received while the chat area is scrolled up';
  1564. await test_utils.openChatBoxFor(_converse, sender_jid)
  1565. const view = _converse.api.chatviews.get(sender_jid);
  1566. spyOn(view, 'onScrolledDown').and.callThrough();
  1567. // Create enough messages so that there's a scrollbar.
  1568. const promises = [];
  1569. for (let i=0; i<20; i++) {
  1570. _converse.chatboxes.onMessage($msg({
  1571. from: sender_jid,
  1572. to: _converse.connection.jid,
  1573. type: 'chat',
  1574. id: _converse.connection.getUniqueId(),
  1575. }).c('body').t('Message: '+i).up()
  1576. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  1577. promises.push(new Promise((resolve, reject) => view.once('messageInserted', resolve)));
  1578. }
  1579. await Promise.all(promises);
  1580. await test_utils.waitUntil(() => view.content.scrollTop, 1000)
  1581. await test_utils.waitUntil(() => !view.model.get('auto_scrolled'), 500);
  1582. view.content.scrollTop = 0;
  1583. await test_utils.waitUntil(() => view.model.get('scrolled'), 900);
  1584. _converse.chatboxes.onMessage($msg({
  1585. from: sender_jid,
  1586. to: _converse.connection.jid,
  1587. type: 'chat',
  1588. id: (new Date()).getTime()
  1589. }).c('body').t(message).up()
  1590. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  1591. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1592. await test_utils.waitUntil(() => view.model.messages.length > 20, 1000);
  1593. // Now check that the message appears inside the chatbox in the DOM
  1594. const chat_content = view.el.querySelector('.chat-content');
  1595. const msg_txt = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop().textContent;
  1596. expect(msg_txt).toEqual(message);
  1597. await test_utils.waitUntil(() => u.isVisible(view.el.querySelector('.new-msgs-indicator')), 900);
  1598. expect(view.model.get('scrolled')).toBe(true);
  1599. expect(view.content.scrollTop).toBe(0);
  1600. expect(u.isVisible(view.el.querySelector('.new-msgs-indicator'))).toBeTruthy();
  1601. // Scroll down again
  1602. view.content.scrollTop = view.content.scrollHeight;
  1603. await test_utils.waitUntil(() => !u.isVisible(view.el.querySelector('.new-msgs-indicator')), 900);
  1604. done();
  1605. }));
  1606. it("is ignored if it's intended for a different resource and filter_by_resource is set to true",
  1607. mock.initConverse(
  1608. null, ['rosterGroupsFetched'], {},
  1609. async function (done, _converse) {
  1610. await test_utils.waitForRoster(_converse, 'current');
  1611. await test_utils.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length)
  1612. // Send a message from a different resource
  1613. spyOn(_converse, 'log');
  1614. spyOn(_converse.chatboxes, 'getChatBox').and.callThrough();
  1615. _converse.filter_by_resource = true;
  1616. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1617. let msg = $msg({
  1618. from: sender_jid,
  1619. to: _converse.bare_jid+"/some-other-resource",
  1620. type: 'chat',
  1621. id: (new Date()).getTime()
  1622. }).c('body').t("This message will not be shown").up()
  1623. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  1624. await _converse.chatboxes.onMessage(msg);
  1625. await test_utils.waitUntil(() => _converse.api.chats.get().length);
  1626. expect(_converse.log).toHaveBeenCalledWith(
  1627. "onMessage: Ignoring incoming message intended for a different resource: dummy@localhost/some-other-resource",
  1628. Strophe.LogLevel.INFO);
  1629. expect(_converse.chatboxes.getChatBox).not.toHaveBeenCalled();
  1630. _converse.filter_by_resource = false;
  1631. const message = "This message sent to a different resource will be shown";
  1632. msg = $msg({
  1633. from: sender_jid,
  1634. to: _converse.bare_jid+"/some-other-resource",
  1635. type: 'chat',
  1636. id: '134234623462346'
  1637. }).c('body').t(message).up()
  1638. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  1639. await _converse.chatboxes.onMessage(msg);
  1640. await test_utils.waitUntil(() => _converse.chatboxviews.keys().length > 1, 1000);
  1641. const view = _converse.chatboxviews.get(sender_jid);
  1642. await test_utils.waitUntil(() => view.model.messages.length);
  1643. expect(_converse.chatboxes.getChatBox).toHaveBeenCalled();
  1644. var chat_content = $(view.el).find('.chat-content:last')[0];
  1645. var msg_txt = chat_content.querySelector('.chat-msg .chat-msg__text').textContent;
  1646. expect(msg_txt).toEqual(message);
  1647. done();
  1648. }));
  1649. });
  1650. describe("which contains an OOB URL", function () {
  1651. it("will render audio from oob mp3 URLs",
  1652. mock.initConverse(
  1653. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1654. async function (done, _converse) {
  1655. await test_utils.waitForRoster(_converse, 'current', 1);
  1656. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1657. await test_utils.openChatBoxFor(_converse, contact_jid);
  1658. const view = _converse.api.chatviews.get(contact_jid);
  1659. spyOn(view.model, 'sendMessage').and.callThrough();
  1660. let stanza = u.toStanza(`
  1661. <message from="${contact_jid}"
  1662. type="chat"
  1663. to="dummy@localhost/resource">
  1664. <body>Have you heard this funny audio?</body>
  1665. <x xmlns="jabber:x:oob"><url>https://localhost/audio.mp3</url></x>
  1666. </message>`)
  1667. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1668. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1669. await test_utils.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-msg audio').length, 1000);
  1670. let msg = view.el.querySelector('.chat-msg .chat-msg__text');
  1671. expect(msg.outerHTML).toEqual('<div class="chat-msg__text">Have you heard this funny audio?</div>');
  1672. let media = view.el.querySelector('.chat-msg .chat-msg__media');
  1673. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1674. '<!-- src/templates/audio.html -->'+
  1675. '<audio controls="" src="https://localhost/audio.mp3"></audio>'+
  1676. '<a target="_blank" rel="noopener" href="https://localhost/audio.mp3">Download audio file "audio.mp3"</a>');
  1677. // If the <url> and <body> contents is the same, don't duplicate.
  1678. stanza = u.toStanza(`
  1679. <message from="${contact_jid}"
  1680. type="chat"
  1681. to="dummy@localhost/resource">
  1682. <body>https://localhost/audio.mp3</body>
  1683. <x xmlns="jabber:x:oob"><url>https://localhost/audio.mp3</url></x>
  1684. </message>`);
  1685. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1686. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1687. msg = view.el.querySelector('.chat-msg:last-child .chat-msg__text');
  1688. expect(msg.innerHTML).toEqual('<!-- message gets added here via renderMessage -->'); // Emtpy
  1689. media = view.el.querySelector('.chat-msg:last-child .chat-msg__media');
  1690. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1691. '<!-- src/templates/audio.html -->'+
  1692. '<audio controls="" src="https://localhost/audio.mp3"></audio>'+
  1693. '<a target="_blank" rel="noopener" href="https://localhost/audio.mp3">Download audio file "audio.mp3"</a>'
  1694. );
  1695. done();
  1696. }));
  1697. it("will render video from oob mp4 URLs",
  1698. mock.initConverse(
  1699. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1700. async function (done, _converse) {
  1701. await test_utils.waitForRoster(_converse, 'current', 1);
  1702. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1703. await test_utils.openChatBoxFor(_converse, contact_jid)
  1704. const view = _converse.api.chatviews.get(contact_jid);
  1705. spyOn(view.model, 'sendMessage').and.callThrough();
  1706. let stanza = u.toStanza(`
  1707. <message from="${contact_jid}"
  1708. type="chat"
  1709. to="dummy@localhost/resource">
  1710. <body>Have you seen this funny video?</body>
  1711. <x xmlns="jabber:x:oob"><url>https://localhost/video.mp4</url></x>
  1712. </message>`);
  1713. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1714. await test_utils.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-msg video').length, 2000)
  1715. let msg = view.el.querySelector('.chat-msg .chat-msg__text');
  1716. expect(msg.outerHTML).toEqual('<div class="chat-msg__text">Have you seen this funny video?</div>');
  1717. let media = view.el.querySelector('.chat-msg .chat-msg__media');
  1718. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1719. '<!-- src/templates/video.html -->'+
  1720. '<video controls="" src="https://localhost/video.mp4" style="max-height: 50vh"></video>'+
  1721. '<a target="_blank" rel="noopener" href="https://localhost/video.mp4">Download video file "video.mp4"</a>');
  1722. // If the <url> and <body> contents is the same, don't duplicate.
  1723. stanza = u.toStanza(`
  1724. <message from="${contact_jid}"
  1725. type="chat"
  1726. to="dummy@localhost/resource">
  1727. <body>https://localhost/video.mp4</body>
  1728. <x xmlns="jabber:x:oob"><url>https://localhost/video.mp4</url></x>
  1729. </message>`);
  1730. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1731. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1732. msg = view.el.querySelector('.chat-msg:last-child .chat-msg__text');
  1733. expect(msg.innerHTML).toEqual('<!-- message gets added here via renderMessage -->'); // Emtpy
  1734. media = view.el.querySelector('.chat-msg:last-child .chat-msg__media');
  1735. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1736. '<!-- src/templates/video.html -->'+
  1737. '<video controls="" src="https://localhost/video.mp4" style="max-height: 50vh"></video>'+
  1738. '<a target="_blank" rel="noopener" href="https://localhost/video.mp4">Download video file "video.mp4"</a>');
  1739. done();
  1740. }));
  1741. it("will render download links for files from oob URLs",
  1742. mock.initConverse(
  1743. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1744. async function (done, _converse) {
  1745. await test_utils.waitForRoster(_converse, 'current', 1);
  1746. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1747. await test_utils.openChatBoxFor(_converse, contact_jid);
  1748. const view = _converse.api.chatviews.get(contact_jid);
  1749. spyOn(view.model, 'sendMessage').and.callThrough();
  1750. const stanza = u.toStanza(`
  1751. <message from="${contact_jid}"
  1752. type="chat"
  1753. to="dummy@localhost/resource">
  1754. <body>Have you downloaded this funny file?</body>
  1755. <x xmlns="jabber:x:oob"><url>https://localhost/funny.pdf</url></x>
  1756. </message>`);
  1757. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1758. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1759. await test_utils.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-msg a').length, 1000);
  1760. const msg = view.el.querySelector('.chat-msg .chat-msg__text');
  1761. expect(msg.outerHTML).toEqual('<div class="chat-msg__text">Have you downloaded this funny file?</div>');
  1762. const media = view.el.querySelector('.chat-msg .chat-msg__media');
  1763. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1764. '<!-- src/templates/file.html -->'+
  1765. '<a target="_blank" rel="noopener" href="https://localhost/funny.pdf">Download file "funny.pdf"</a>');
  1766. done();
  1767. }));
  1768. it("will render images from oob URLs",
  1769. mock.initConverse(
  1770. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1771. async function (done, _converse) {
  1772. const base_url = 'https://conversejs.org';
  1773. await test_utils.waitForRoster(_converse, 'current', 1);
  1774. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1775. await test_utils.openChatBoxFor(_converse, contact_jid)
  1776. const view = _converse.api.chatviews.get(contact_jid);
  1777. spyOn(view.model, 'sendMessage').and.callThrough();
  1778. const url = base_url+"/logo/conversejs-filled.svg";
  1779. const stanza = u.toStanza(`
  1780. <message from="${contact_jid}"
  1781. type="chat"
  1782. to="dummy@localhost/resource">
  1783. <body>Have you seen this funny image?</body>
  1784. <x xmlns="jabber:x:oob"><url>${url}</url></x>
  1785. </message>`);
  1786. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1787. await test_utils.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-msg img').length, 2000);
  1788. const msg = view.el.querySelector('.chat-msg .chat-msg__text');
  1789. expect(msg.outerHTML).toEqual('<div class="chat-msg__text">Have you seen this funny image?</div>');
  1790. const media = view.el.querySelector('.chat-msg .chat-msg__media');
  1791. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1792. `<!-- src/templates/image.html -->`+
  1793. `<a href="${base_url}/logo/conversejs-filled.svg" target="_blank" rel="noopener">`+
  1794. `<img class="chat-image img-thumbnail" src="${base_url}/logo/conversejs-filled.svg">`+
  1795. `</a>`);
  1796. done();
  1797. }));
  1798. });
  1799. });
  1800. describe("A XEP-0333 Chat Marker", function () {
  1801. it("is sent when a markable message is received from a roster contact",
  1802. mock.initConverse(
  1803. null, ['rosterGroupsFetched'], {},
  1804. async function (done, _converse) {
  1805. await test_utils.waitForRoster(_converse, 'current', 1);
  1806. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1807. await test_utils.openChatBoxFor(_converse, contact_jid);
  1808. const view = _converse.api.chatviews.get(contact_jid);
  1809. const msgid = u.getUniqueId();
  1810. const stanza = u.toStanza(`
  1811. <message from='${contact_jid}'
  1812. id='${msgid}'
  1813. type="chat"
  1814. to='${_converse.jid}'>
  1815. <body>My lord, dispatch; read o'er these articles.</body>
  1816. <markable xmlns='urn:xmpp:chat-markers:0'/>
  1817. </message>`);
  1818. const sent_stanzas = [];
  1819. spyOn(_converse.connection, 'send').and.callFake(s => sent_stanzas.push(s));
  1820. spyOn(view.model, 'sendMarker').and.callThrough();
  1821. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1822. await test_utils.waitUntil(() => view.model.sendMarker.calls.count() === 1);
  1823. expect(Strophe.serialize(sent_stanzas[0])).toBe(
  1824. `<message from="dummy@localhost/resource" `+
  1825. `id="${sent_stanzas[0].nodeTree.getAttribute('id')}" `+
  1826. `to="${contact_jid}" type="chat" xmlns="jabber:client">`+
  1827. `<received id="${msgid}" xmlns="urn:xmpp:chat-markers:0"/>`+
  1828. `</message>`);
  1829. done();
  1830. }));
  1831. it("is not sent when a markable message is received from someone not on the roster",
  1832. mock.initConverse(
  1833. null, ['rosterGroupsFetched'], {'allow_non_roster_messaging': true},
  1834. async function (done, _converse) {
  1835. _converse.emit('rosterContactsFetched');
  1836. const contact_jid = 'someone@localhost';
  1837. const msgid = u.getUniqueId();
  1838. const stanza = u.toStanza(`
  1839. <message from='${contact_jid}'
  1840. id='${msgid}'
  1841. type="chat"
  1842. to='${_converse.jid}'>
  1843. <body>My lord, dispatch; read o'er these articles.</body>
  1844. <markable xmlns='urn:xmpp:chat-markers:0'/>
  1845. </message>`);
  1846. const sent_stanzas = [];
  1847. spyOn(_converse.connection, 'send').and.callFake(s => sent_stanzas.push(s));
  1848. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1849. await test_utils.waitUntil(() => _converse.api.chats.get().length == 2);
  1850. const sent_messages = sent_stanzas
  1851. .map(s => _.isElement(s) ? s : s.nodeTree)
  1852. .filter(e => e.nodeName === 'message');
  1853. // Only one message is sent out, and it's not a chat marker
  1854. expect(sent_messages.length).toBe(1);
  1855. expect(Strophe.serialize(sent_messages[0])).toBe(
  1856. `<message id="${sent_messages[0].getAttribute('id')}" to="someone@localhost" type="chat" xmlns="jabber:client">`+
  1857. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  1858. `<no-store xmlns="urn:xmpp:hints"/>`+
  1859. `<no-permanent-store xmlns="urn:xmpp:hints"/>`+
  1860. `</message>`);
  1861. done();
  1862. }));
  1863. it("is ignored if it's a carbon copy of one that I sent from a different client",
  1864. mock.initConverse(
  1865. null, ['rosterGroupsFetched'], {},
  1866. async function (done, _converse) {
  1867. await test_utils.waitForRoster(_converse, 'current', 1);
  1868. await test_utils.waitUntilDiscoConfirmed(_converse, _converse.bare_jid, [], [Strophe.NS.SID]);
  1869. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1870. await test_utils.openChatBoxFor(_converse, contact_jid);
  1871. const view = _converse.api.chatviews.get(contact_jid);
  1872. let stanza = u.toStanza(`
  1873. <message xmlns="jabber:client"
  1874. to="${_converse.bare_jid}"
  1875. type="chat"
  1876. id="2e972ea0-0050-44b7-a830-f6638a2595b3"
  1877. from="${contact_jid}">
  1878. <body>😊</body>
  1879. <markable xmlns="urn:xmpp:chat-markers:0"/>
  1880. <origin-id xmlns="urn:xmpp:sid:0" id="2e972ea0-0050-44b7-a830-f6638a2595b3"/>
  1881. <stanza-id xmlns="urn:xmpp:sid:0" id="IxVDLJ0RYbWcWvqC" by="${_converse.bare_jid}"/>
  1882. </message>`);
  1883. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1884. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1885. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1886. expect(view.model.messages.length).toBe(1);
  1887. stanza = u.toStanza(
  1888. `<message xmlns="jabber:client" to="${_converse.bare_jid}" type="chat" from="${contact_jid}">
  1889. <sent xmlns="urn:xmpp:carbons:2">
  1890. <forwarded xmlns="urn:xmpp:forward:0">
  1891. <message xmlns="jabber:client" to="${contact_jid}" type="chat" from="${_converse.bare_jid}/other-resource">
  1892. <received xmlns="urn:xmpp:chat-markers:0" id="2e972ea0-0050-44b7-a830-f6638a2595b3"/>
  1893. <store xmlns="urn:xmpp:hints"/>
  1894. <stanza-id xmlns="urn:xmpp:sid:0" id="F4TC6CvHwzqRbeHb" by="jc@opkode.com"/>
  1895. </message>
  1896. </forwarded>
  1897. </sent>
  1898. </message>`);
  1899. spyOn(_converse, 'emit').and.callThrough();
  1900. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1901. await test_utils.waitUntil(() => _converse.emit.calls.count() === 1);
  1902. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1903. expect(view.model.messages.length).toBe(1);
  1904. done();
  1905. }));
  1906. });
  1907. describe("A Groupchat Message", function () {
  1908. it("is specially marked when you are mentioned in it",
  1909. mock.initConverse(
  1910. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1911. async function (done, _converse) {
  1912. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'dummy');
  1913. const view = _converse.api.chatviews.get('lounge@localhost');
  1914. if (!view.el.querySelectorAll('.chat-area').length) { view.renderChatArea(); }
  1915. const message = 'dummy: Your attention is required';
  1916. const nick = mock.chatroom_names[0],
  1917. msg = $msg({
  1918. from: 'lounge@localhost/'+nick,
  1919. id: (new Date()).getTime(),
  1920. to: 'dummy@localhost',
  1921. type: 'groupchat'
  1922. }).c('body').t(message).tree();
  1923. await view.model.onMessage(msg);
  1924. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1925. expect(u.hasClass('mentioned', view.el.querySelector('.chat-msg'))).toBeTruthy();
  1926. done();
  1927. }));
  1928. it("can not be expected to have a unique id attribute",
  1929. mock.initConverse(
  1930. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1931. async function (done, _converse) {
  1932. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'dummy');
  1933. const view = _converse.chatboxviews.get('lounge@localhost');
  1934. if (!view.el.querySelectorAll('.chat-area').length) { view.renderChatArea(); }
  1935. const id = u.getUniqueId();
  1936. let msg = $msg({
  1937. from: 'lounge@localhost/some1',
  1938. id: id,
  1939. to: 'dummy@localhost',
  1940. type: 'groupchat'
  1941. }).c('body').t('First message').tree();
  1942. await view.model.onMessage(msg);
  1943. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1944. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1945. msg = $msg({
  1946. from: 'lounge@localhost/some2',
  1947. id: id,
  1948. to: 'dummy@localhost',
  1949. type: 'groupchat'
  1950. }).c('body').t('Another message').tree();
  1951. await view.model.onMessage(msg);
  1952. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  1953. expect(view.el.querySelectorAll('.chat-msg').length).toBe(2);
  1954. done();
  1955. }));
  1956. it("is ignored if it has the same stanza-id of an already received on",
  1957. mock.initConverse(
  1958. null, ['rosterGroupsFetched'], {},
  1959. async function (done, _converse) {
  1960. await test_utils.openAndEnterChatRoom(_converse, 'room', 'muc.example.com', 'dummy');
  1961. const view = _converse.chatboxviews.get('room@muc.example.com');
  1962. spyOn(view.model, 'hasDuplicateStanzaID').and.callThrough();
  1963. let stanza = u.toStanza(`
  1964. <message xmlns="jabber:client"
  1965. from="room@muc.example.com/some1"
  1966. to="${_converse.connection.jid}"
  1967. type="groupchat">
  1968. <body>Typical body text</body>
  1969. <stanza-id xmlns="urn:xmpp:sid:0"
  1970. id="5f3dbc5e-e1d3-4077-a492-693f3769c7ad"
  1971. by="room@muc.example.com"/>
  1972. <origin-id xmlns="urn:xmpp:sid:0" id="de305d54-75b4-431b-adb2-eb6b9e546013"/>
  1973. </message>`);
  1974. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1975. await test_utils.waitUntil(() => _converse.api.chats.get().length);
  1976. await test_utils.waitUntil(() => view.model.messages.length === 1);
  1977. await test_utils.waitUntil(() => view.model.hasDuplicateStanzaID.calls.count() === 1);
  1978. let result = await view.model.hasDuplicateStanzaID.calls.all()[0].returnValue;
  1979. expect(result).toBe(false);
  1980. stanza = u.toStanza(`
  1981. <message xmlns="jabber:client"
  1982. from="room@muc.example.com/some1"
  1983. to="${_converse.connection.jid}"
  1984. type="groupchat">
  1985. <body>Typical body text</body>
  1986. <stanza-id xmlns="urn:xmpp:sid:0"
  1987. id="5f3dbc5e-e1d3-4077-a492-693f3769c7ad"
  1988. by="room@muc.example.com"/>
  1989. <origin-id xmlns="urn:xmpp:sid:0" id="de305d54-75b4-431b-adb2-eb6b9e546013"/>
  1990. </message>`);
  1991. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1992. await test_utils.waitUntil(() => view.model.hasDuplicateStanzaID.calls.count() === 2);
  1993. result = await view.model.hasDuplicateStanzaID.calls.all()[1].returnValue;
  1994. expect(result).toBe(true);
  1995. expect(view.model.messages.length).toBe(1);
  1996. done();
  1997. }));
  1998. it("keeps track whether you are the sender or not",
  1999. mock.initConverse(
  2000. null, ['rosterGroupsFetched'], {},
  2001. async function (done, _converse) {
  2002. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'dummy');
  2003. const view = _converse.api.chatviews.get('lounge@localhost');
  2004. const msg = $msg({
  2005. from: 'lounge@localhost/dummy',
  2006. id: (new Date()).getTime(),
  2007. to: 'dummy@localhost',
  2008. type: 'groupchat'
  2009. }).c('body').t('I wrote this message!').tree();
  2010. await view.model.onMessage(msg);
  2011. expect(view.model.messages.last().get('sender')).toBe('me');
  2012. done();
  2013. }));
  2014. it("can be replaced with a correction",
  2015. mock.initConverse(
  2016. null, ['rosterGroupsFetched'], {},
  2017. async function (done, _converse) {
  2018. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'dummy');
  2019. const jid = 'lounge@localhost';
  2020. const room = _converse.api.rooms.get(jid);
  2021. const view = _converse.api.chatviews.get(jid);
  2022. const stanza = $pres({
  2023. to: 'dummy@localhost/_converse.js-29092160',
  2024. from: 'coven@chat.shakespeare.lit/newguy'
  2025. })
  2026. .c('x', {xmlns: Strophe.NS.MUC_USER})
  2027. .c('item', {
  2028. 'affiliation': 'none',
  2029. 'jid': 'newguy@localhost/_converse.js-290929789',
  2030. 'role': 'participant'
  2031. }).tree();
  2032. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  2033. const msg_id = u.getUniqueId();
  2034. await view.model.onMessage($msg({
  2035. 'from': 'lounge@localhost/newguy',
  2036. 'to': _converse.connection.jid,
  2037. 'type': 'groupchat',
  2038. 'id': msg_id,
  2039. }).c('body').t('But soft, what light through yonder airlock breaks?').tree());
  2040. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  2041. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2042. expect(view.el.querySelector('.chat-msg__text').textContent)
  2043. .toBe('But soft, what light through yonder airlock breaks?');
  2044. await view.model.onMessage($msg({
  2045. 'from': 'lounge@localhost/newguy',
  2046. 'to': _converse.connection.jid,
  2047. 'type': 'groupchat',
  2048. 'id': u.getUniqueId(),
  2049. }).c('body').t('But soft, what light through yonder chimney breaks?').up()
  2050. .c('replace', {'id': msg_id, 'xmlns': 'urn:xmpp:message-correct:0'}).tree());
  2051. await test_utils.waitUntil(() => view.el.querySelector('.chat-msg__text').textContent ===
  2052. 'But soft, what light through yonder chimney breaks?');
  2053. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2054. expect(view.el.querySelectorAll('.chat-msg__content .fa-edit').length).toBe(1);
  2055. await view.model.onMessage($msg({
  2056. 'from': 'lounge@localhost/newguy',
  2057. 'to': _converse.connection.jid,
  2058. 'type': 'groupchat',
  2059. 'id': u.getUniqueId(),
  2060. }).c('body').t('But soft, what light through yonder window breaks?').up()
  2061. .c('replace', {'id': msg_id, 'xmlns': 'urn:xmpp:message-correct:0'}).tree());
  2062. await test_utils.waitUntil(() => view.el.querySelector('.chat-msg__text').textContent ===
  2063. 'But soft, what light through yonder window breaks?');
  2064. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2065. expect(view.el.querySelectorAll('.chat-msg__content .fa-edit').length).toBe(1);
  2066. view.el.querySelector('.chat-msg__content .fa-edit').click();
  2067. const modal = view.model.messages.at(0).message_versions_modal;
  2068. await test_utils.waitUntil(() => u.isVisible(modal.el), 1000);
  2069. const older_msgs = modal.el.querySelectorAll('.older-msg');
  2070. expect(older_msgs.length).toBe(2);
  2071. expect(older_msgs[0].textContent).toBe('But soft, what light through yonder airlock breaks?');
  2072. expect(older_msgs[1].textContent).toBe('But soft, what light through yonder chimney breaks?');
  2073. done();
  2074. }));
  2075. it("can be sent as a correction by using the up arrow",
  2076. mock.initConverse(
  2077. null, ['rosterGroupsFetched'], {},
  2078. async function (done, _converse) {
  2079. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'dummy');
  2080. const room_jid = 'lounge@localhost';
  2081. const room = _converse.api.rooms.get(room_jid);
  2082. const view = _converse.api.chatviews.get(room_jid);
  2083. const textarea = view.el.querySelector('textarea.chat-textarea');
  2084. expect(textarea.value).toBe('');
  2085. view.keyPressed({
  2086. target: textarea,
  2087. keyCode: 38 // Up arrow
  2088. });
  2089. expect(textarea.value).toBe('');
  2090. textarea.value = 'But soft, what light through yonder airlock breaks?';
  2091. view.keyPressed({
  2092. target: textarea,
  2093. preventDefault: _.noop,
  2094. keyCode: 13 // Enter
  2095. });
  2096. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  2097. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2098. expect(view.el.querySelector('.chat-msg__text').textContent)
  2099. .toBe('But soft, what light through yonder airlock breaks?');
  2100. const first_msg = view.model.messages.findWhere({'message': 'But soft, what light through yonder airlock breaks?'});
  2101. expect(textarea.value).toBe('');
  2102. view.keyPressed({
  2103. target: textarea,
  2104. keyCode: 38 // Up arrow
  2105. });
  2106. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  2107. expect(textarea.value).toBe('But soft, what light through yonder airlock breaks?');
  2108. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  2109. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2110. expect(u.hasClass('correcting', view.el.querySelector('.chat-msg'))).toBe(true);
  2111. spyOn(_converse.connection, 'send');
  2112. textarea.value = 'But soft, what light through yonder window breaks?';
  2113. view.keyPressed({
  2114. target: textarea,
  2115. preventDefault: _.noop,
  2116. keyCode: 13 // Enter
  2117. });
  2118. expect(_converse.connection.send).toHaveBeenCalled();
  2119. await new Promise((resolve, reject) => view.model.messages.once('rendered', resolve));
  2120. const msg = _converse.connection.send.calls.all()[0].args[0];
  2121. expect(msg.toLocaleString())
  2122. .toBe(`<message from="dummy@localhost/resource" id="${msg.nodeTree.getAttribute("id")}" `+
  2123. `to="lounge@localhost" type="groupchat" `+
  2124. `xmlns="jabber:client">`+
  2125. `<body>But soft, what light through yonder window breaks?</body>`+
  2126. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  2127. `<replace id="${first_msg.get("msgid")}" xmlns="urn:xmpp:message-correct:0"/>`+
  2128. `<origin-id id="${msg.nodeTree.querySelector('origin-id').getAttribute("id")}" xmlns="urn:xmpp:sid:0"/>`+
  2129. `</message>`);
  2130. expect(view.model.messages.models.length).toBe(1);
  2131. const corrected_message = view.model.messages.at(0);
  2132. expect(corrected_message.get('msgid')).toBe(first_msg.get('msgid'));
  2133. expect(corrected_message.get('correcting')).toBe(false);
  2134. expect(corrected_message.get('older_versions').length).toBe(1);
  2135. expect(corrected_message.get('older_versions')[0]).toBe('But soft, what light through yonder airlock breaks?');
  2136. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2137. expect(u.hasClass('correcting', view.el.querySelector('.chat-msg'))).toBe(false);
  2138. // Check that messages from other users are skipped
  2139. await view.model.onMessage($msg({
  2140. 'from': room_jid+'/someone-else',
  2141. 'id': (new Date()).getTime(),
  2142. 'to': 'dummy@localhost',
  2143. 'type': 'groupchat'
  2144. }).c('body').t('Hello world').tree());
  2145. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  2146. expect(view.el.querySelectorAll('.chat-msg').length).toBe(2);
  2147. // Test that pressing the down arrow cancels message correction
  2148. expect(textarea.value).toBe('');
  2149. view.keyPressed({
  2150. target: textarea,
  2151. keyCode: 38 // Up arrow
  2152. });
  2153. expect(textarea.value).toBe('But soft, what light through yonder window breaks?');
  2154. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  2155. expect(view.el.querySelectorAll('.chat-msg').length).toBe(2);
  2156. await test_utils.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')));
  2157. expect(textarea.value).toBe('But soft, what light through yonder window breaks?');
  2158. view.keyPressed({
  2159. target: textarea,
  2160. keyCode: 40 // Down arrow
  2161. });
  2162. expect(textarea.value).toBe('');
  2163. expect(view.model.messages.at(0).get('correcting')).toBe(false);
  2164. expect(view.el.querySelectorAll('.chat-msg').length).toBe(2);
  2165. await test_utils.waitUntil(() => !u.hasClass('correcting', view.el.querySelector('.chat-msg')));
  2166. done();
  2167. }));
  2168. it("will be shown as received upon MUC reflection",
  2169. mock.initConverse(
  2170. null, ['rosterGroupsFetched'], {},
  2171. async function (done, _converse) {
  2172. await test_utils.waitForRoster(_converse, 'current');
  2173. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'dummy');
  2174. const view = _converse.chatboxviews.get('lounge@localhost');
  2175. const textarea = view.el.querySelector('textarea.chat-textarea');
  2176. textarea.value = 'But soft, what light through yonder airlock breaks?';
  2177. view.keyPressed({
  2178. target: textarea,
  2179. preventDefault: _.noop,
  2180. keyCode: 13 // Enter
  2181. });
  2182. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  2183. const msg_obj = view.model.messages.at(0);
  2184. const stanza = u.toStanza(`
  2185. <message xmlns="jabber:client"
  2186. from="${msg_obj.get('from')}"
  2187. to="${_converse.connection.jid}"
  2188. type="groupchat">
  2189. <body>${msg_obj.get('message')}</body>
  2190. <stanza-id xmlns="urn:xmpp:sid:0"
  2191. id="5f3dbc5e-e1d3-4077-a492-693f3769c7ad"
  2192. by="lounge@localhost"/>
  2193. <origin-id xmlns="urn:xmpp:sid:0" id="${msg_obj.get('origin_id')}"/>
  2194. </message>`);
  2195. await view.model.onMessage(stanza);
  2196. expect(view.el.querySelectorAll('.chat-msg__receipt').length).toBe(1);
  2197. done();
  2198. }));
  2199. it("gets updated with its stanza-id upon MUC reflection",
  2200. mock.initConverse(
  2201. null, ['rosterGroupsFetched'], {},
  2202. async function (done, _converse) {
  2203. await test_utils.openAndEnterChatRoom(_converse, 'room', 'muc.example.com', 'dummy');
  2204. const view = _converse.chatboxviews.get('room@muc.example.com');
  2205. const attrs = {
  2206. 'id': _converse.connection.getUniqueId(),
  2207. 'origin_id': _converse.connection.getUniqueId(),
  2208. 'fullname': 'dummy',
  2209. 'references': [],
  2210. 'from': _converse.connection.jid,
  2211. 'sender': 'me',
  2212. 'time': moment().format(),
  2213. 'message': 'Hello world',
  2214. 'is_spoiler': false,
  2215. 'type': 'groupchat'
  2216. }
  2217. view.model.sendMessage(attrs);
  2218. await test_utils.waitUntil(() => _converse.api.chats.get().length);
  2219. await test_utils.waitUntil(() => view.model.messages.length === 1);
  2220. expect(view.model.messages.at(0).get('stanza_id')).toBeUndefined();
  2221. expect(view.model.messages.at(0).get('origin_id')).toBe(attrs.origin_id);
  2222. const stanza = u.toStanza(`
  2223. <message xmlns="jabber:client"
  2224. from="room@muc.example.com/dummy"
  2225. to="${_converse.connection.jid}"
  2226. type="groupchat">
  2227. <body>Hello world</body>
  2228. <stanza-id xmlns="urn:xmpp:sid:0"
  2229. id="5f3dbc5e-e1d3-4077-a492-693f3769c7ad"
  2230. by="room@muc.example.com"/>
  2231. <origin-id xmlns="urn:xmpp:sid:0" id="${attrs.origin_id}"/>
  2232. </message>`);
  2233. spyOn(view.model, 'handleReflection').and.callThrough();
  2234. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  2235. await test_utils.waitUntil(() => view.model.handleReflection.calls.count() === 1);
  2236. expect(view.model.messages.length).toBe(1);
  2237. expect(view.model.messages.at(0).get('stanza_id room@muc.example.com')).toBe("5f3dbc5e-e1d3-4077-a492-693f3769c7ad");
  2238. expect(view.model.messages.at(0).get('origin_id')).toBe(attrs.origin_id);
  2239. done();
  2240. }));
  2241. it("can cause a delivery receipt to be returned",
  2242. mock.initConverse(
  2243. null, ['rosterGroupsFetched'], {},
  2244. async function (done, _converse) {
  2245. await test_utils.waitForRoster(_converse, 'current');
  2246. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'dummy');
  2247. const view = _converse.chatboxviews.get('lounge@localhost');
  2248. const textarea = view.el.querySelector('textarea.chat-textarea');
  2249. textarea.value = 'But soft, what light through yonder airlock breaks?';
  2250. view.keyPressed({
  2251. target: textarea,
  2252. preventDefault: _.noop,
  2253. keyCode: 13 // Enter
  2254. });
  2255. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  2256. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2257. const msg_obj = view.model.messages.at(0);
  2258. const stanza = u.toStanza(`
  2259. <message xml:lang="en" to="dummy@localhost/resource"
  2260. from="lounge@localhost/some1" type="groupchat" xmlns="jabber:client">
  2261. <received xmlns="urn:xmpp:receipts" id="${msg_obj.get('msgid')}"/>
  2262. <origin-id xmlns="urn:xmpp:sid:0" id="CE08D448-5ED8-4B6A-BB5B-07ED9DFE4FF0"/>
  2263. </message>`);
  2264. spyOn(_converse, 'emit').and.callThrough();
  2265. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  2266. await test_utils.waitUntil(() => _converse.emit.calls.count() === 1);
  2267. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2268. expect(view.el.querySelectorAll('.chat-msg__receipt').length).toBe(0);
  2269. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  2270. done();
  2271. }));
  2272. it("can cause a chat marker to be returned",
  2273. mock.initConverse(
  2274. null, ['rosterGroupsFetched'], {},
  2275. async function (done, _converse) {
  2276. await test_utils.waitForRoster(_converse, 'current');
  2277. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'dummy');
  2278. const view = _converse.chatboxviews.get('lounge@localhost');
  2279. const textarea = view.el.querySelector('textarea.chat-textarea');
  2280. textarea.value = 'But soft, what light through yonder airlock breaks?';
  2281. view.keyPressed({
  2282. target: textarea,
  2283. preventDefault: _.noop,
  2284. keyCode: 13 // Enter
  2285. });
  2286. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  2287. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2288. const msg_obj = view.model.messages.at(0);
  2289. let stanza = u.toStanza(`
  2290. <message xml:lang="en" to="dummy@localhost/resource"
  2291. from="lounge@localhost/some1" type="groupchat" xmlns="jabber:client">
  2292. <received xmlns="urn:xmpp:chat-markers:0" id="${msg_obj.get('msgid')}"/>
  2293. </message>`);
  2294. spyOn(_converse, 'emit').and.callThrough();
  2295. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  2296. await test_utils.waitUntil(() => _converse.emit.calls.count() === 1);
  2297. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2298. expect(view.el.querySelectorAll('.chat-msg__receipt').length).toBe(0);
  2299. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  2300. stanza = u.toStanza(`
  2301. <message xml:lang="en" to="dummy@localhost/resource"
  2302. from="lounge@localhost/some1" type="groupchat" xmlns="jabber:client">
  2303. <displayed xmlns="urn:xmpp:chat-markers:0" id="${msg_obj.get('msgid')}"/>
  2304. </message>`);
  2305. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  2306. await test_utils.waitUntil(() => _converse.emit.calls.count() === 2);
  2307. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2308. expect(view.el.querySelectorAll('.chat-msg__receipt').length).toBe(0);
  2309. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  2310. stanza = u.toStanza(`
  2311. <message xml:lang="en" to="dummy@localhost/resource"
  2312. from="lounge@localhost/some1" type="groupchat" xmlns="jabber:client">
  2313. <acknowledged xmlns="urn:xmpp:chat-markers:0" id="${msg_obj.get('msgid')}"/>
  2314. </message>`);
  2315. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  2316. await test_utils.waitUntil(() => _converse.emit.calls.count() === 3);
  2317. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2318. expect(view.el.querySelectorAll('.chat-msg__receipt').length).toBe(0);
  2319. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  2320. stanza = u.toStanza(`
  2321. <message xml:lang="en" to="dummy@localhost/resource"
  2322. from="lounge@localhost/some1" type="groupchat" xmlns="jabber:client">
  2323. <body>'tis I!</body>
  2324. <markable xmlns="urn:xmpp:chat-markers:0"/>
  2325. </message>`);
  2326. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  2327. await test_utils.waitUntil(() => _converse.emit.calls.count() === 5);
  2328. expect(view.el.querySelectorAll('.chat-msg').length).toBe(2);
  2329. expect(view.el.querySelectorAll('.chat-msg__receipt').length).toBe(0);
  2330. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  2331. done();
  2332. }));
  2333. describe("when received", function () {
  2334. it("highlights all users mentioned via XEP-0372 references",
  2335. mock.initConverse(
  2336. null, ['rosterGroupsFetched'], {},
  2337. async function (done, _converse) {
  2338. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'tom');
  2339. const view = _converse.api.chatviews.get('lounge@localhost');
  2340. ['z3r0', 'mr.robot', 'gibson', 'sw0rdf1sh'].forEach((nick) => {
  2341. _converse.connection._dataRecv(test_utils.createRequest(
  2342. $pres({
  2343. 'to': 'tom@localhost/resource',
  2344. 'from': `lounge@localhost/${nick}`
  2345. })
  2346. .c('x', {xmlns: Strophe.NS.MUC_USER})
  2347. .c('item', {
  2348. 'affiliation': 'none',
  2349. 'jid': `${nick}@localhost/resource`,
  2350. 'role': 'participant'
  2351. }))
  2352. );
  2353. });
  2354. const msg = $msg({
  2355. from: 'lounge@localhost/gibson',
  2356. id: (new Date()).getTime(),
  2357. to: 'dummy@localhost',
  2358. type: 'groupchat'
  2359. }).c('body').t('hello z3r0 tom mr.robot, how are you?').up()
  2360. .c('reference', {'xmlns':'urn:xmpp:reference:0', 'begin':'6', 'end':'10', 'type':'mention', 'uri':'xmpp:z3r0@localhost'}).up()
  2361. .c('reference', {'xmlns':'urn:xmpp:reference:0', 'begin':'11', 'end':'14', 'type':'mention', 'uri':'xmpp:dummy@localhost'}).up()
  2362. .c('reference', {'xmlns':'urn:xmpp:reference:0', 'begin':'15', 'end':'23', 'type':'mention', 'uri':'xmpp:mr.robot@localhost'}).nodeTree;
  2363. await view.model.onMessage(msg);
  2364. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  2365. expect(view.el.querySelectorAll('.chat-msg__text').length).toBe(1);
  2366. expect(view.el.querySelector('.chat-msg__text').outerHTML).toBe(
  2367. '<div class="chat-msg__text">hello <span class="mention">z3r0</span> '+
  2368. '<span class="mention mention--self badge badge-info">tom</span> '+
  2369. '<span class="mention">mr.robot</span>, how are you?</div>');
  2370. done();
  2371. }));
  2372. });
  2373. describe("in which someone is mentioned", function () {
  2374. it("gets parsed for mentions which get turned into references",
  2375. mock.initConverse(
  2376. null, ['rosterGroupsFetched'], {},
  2377. async function (done, _converse) {
  2378. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'tom');
  2379. const view = _converse.api.chatviews.get('lounge@localhost');
  2380. ['z3r0', 'mr.robot', 'gibson', 'sw0rdf1sh', 'Link Mauve'].forEach((nick) => {
  2381. _converse.connection._dataRecv(test_utils.createRequest(
  2382. $pres({
  2383. 'to': 'tom@localhost/resource',
  2384. 'from': `lounge@localhost/${nick}`
  2385. })
  2386. .c('x', {xmlns: Strophe.NS.MUC_USER})
  2387. .c('item', {
  2388. 'affiliation': 'none',
  2389. 'jid': `${nick.replace(/\s/g, '-')}@localhost/resource`,
  2390. 'role': 'participant'
  2391. })));
  2392. });
  2393. // Run a few unit tests for the parseTextForReferences method
  2394. let [text, references] = view.model.parseTextForReferences('hello z3r0')
  2395. expect(references.length).toBe(0);
  2396. expect(text).toBe('hello z3r0');
  2397. [text, references] = view.model.parseTextForReferences('hello @z3r0')
  2398. expect(references.length).toBe(1);
  2399. expect(text).toBe('hello z3r0');
  2400. expect(JSON.stringify(references))
  2401. .toBe('[{"begin":6,"end":10,"value":"z3r0","type":"mention","uri":"xmpp:z3r0@localhost"}]');
  2402. [text, references] = view.model.parseTextForReferences('hello @some1 @z3r0 @gibson @mr.robot, how are you?')
  2403. expect(text).toBe('hello @some1 z3r0 gibson mr.robot, how are you?');
  2404. expect(JSON.stringify(references))
  2405. .toBe('[{"begin":13,"end":17,"value":"z3r0","type":"mention","uri":"xmpp:z3r0@localhost"},'+
  2406. '{"begin":18,"end":24,"value":"gibson","type":"mention","uri":"xmpp:gibson@localhost"},'+
  2407. '{"begin":25,"end":33,"value":"mr.robot","type":"mention","uri":"xmpp:mr.robot@localhost"}]');
  2408. [text, references] = view.model.parseTextForReferences('yo @gib')
  2409. expect(text).toBe('yo @gib');
  2410. expect(references.length).toBe(0);
  2411. [text, references] = view.model.parseTextForReferences('yo @gibsonian')
  2412. expect(text).toBe('yo @gibsonian');
  2413. expect(references.length).toBe(0);
  2414. [text, references] = view.model.parseTextForReferences('@gibson')
  2415. expect(text).toBe('gibson');
  2416. expect(references.length).toBe(1);
  2417. expect(JSON.stringify(references))
  2418. .toBe('[{"begin":0,"end":6,"value":"gibson","type":"mention","uri":"xmpp:gibson@localhost"}]');
  2419. [text, references] = view.model.parseTextForReferences('hi @Link Mauve how are you?')
  2420. expect(text).toBe('hi Link Mauve how are you?');
  2421. expect(references.length).toBe(1);
  2422. expect(JSON.stringify(references))
  2423. .toBe('[{"begin":3,"end":13,"value":"Link Mauve","type":"mention","uri":"xmpp:Link-Mauve@localhost"}]');
  2424. done();
  2425. }));
  2426. it("can get corrected and given new references",
  2427. mock.initConverse(
  2428. null, ['rosterGroupsFetched'], {},
  2429. async function (done, _converse) {
  2430. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'tom');
  2431. const view = _converse.api.chatviews.get('lounge@localhost');
  2432. ['z3r0', 'mr.robot', 'gibson', 'sw0rdf1sh'].forEach((nick) => {
  2433. _converse.connection._dataRecv(test_utils.createRequest(
  2434. $pres({
  2435. 'to': 'tom@localhost/resource',
  2436. 'from': `lounge@localhost/${nick}`
  2437. })
  2438. .c('x', {xmlns: Strophe.NS.MUC_USER})
  2439. .c('item', {
  2440. 'affiliation': 'none',
  2441. 'jid': `${nick}@localhost/resource`,
  2442. 'role': 'participant'
  2443. })));
  2444. });
  2445. const textarea = view.el.querySelector('textarea.chat-textarea');
  2446. textarea.value = 'hello @z3r0 @gibson @mr.robot, how are you?'
  2447. const enter_event = {
  2448. 'target': textarea,
  2449. 'preventDefault': _.noop,
  2450. 'stopPropagation': _.noop,
  2451. 'keyCode': 13 // Enter
  2452. }
  2453. spyOn(_converse.connection, 'send');
  2454. view.keyPressed(enter_event);
  2455. await new Promise((resolve, reject) => view.once('messageInserted', resolve));
  2456. const msg = _converse.connection.send.calls.all()[0].args[0];
  2457. expect(msg.toLocaleString())
  2458. .toBe(`<message from="dummy@localhost/resource" id="${msg.nodeTree.getAttribute("id")}" `+
  2459. `to="lounge@localhost" type="groupchat" `+
  2460. `xmlns="jabber:client">`+
  2461. `<body>hello z3r0 gibson mr.robot, how are you?</body>`+
  2462. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  2463. `<reference begin="18" end="26" type="mention" uri="xmpp:mr.robot@localhost" xmlns="urn:xmpp:reference:0"/>`+
  2464. `<reference begin="11" end="17" type="mention" uri="xmpp:gibson@localhost" xmlns="urn:xmpp:reference:0"/>`+
  2465. `<reference begin="6" end="10" type="mention" uri="xmpp:z3r0@localhost" xmlns="urn:xmpp:reference:0"/>`+
  2466. `<origin-id id="${msg.nodeTree.querySelector('origin-id').getAttribute("id")}" xmlns="urn:xmpp:sid:0"/>`+
  2467. `</message>`);
  2468. const first_msg = view.model.messages.findWhere({'message': 'hello z3r0 gibson mr.robot, how are you?'});
  2469. const action = view.el.querySelector('.chat-msg .chat-msg__action');
  2470. action.style.opacity = 1;
  2471. action.click();
  2472. expect(textarea.value).toBe('hello @z3r0 @gibson @mr.robot, how are you?');
  2473. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  2474. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  2475. await test_utils.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')));
  2476. textarea.value = 'hello @z3r0 @gibson @sw0rdf1sh, how are you?';
  2477. view.keyPressed(enter_event);
  2478. const correction = _converse.connection.send.calls.all()[1].args[0];
  2479. expect(correction.toLocaleString())
  2480. .toBe(`<message from="dummy@localhost/resource" id="${correction.nodeTree.getAttribute("id")}" `+
  2481. `to="lounge@localhost" type="groupchat" `+
  2482. `xmlns="jabber:client">`+
  2483. `<body>hello z3r0 gibson sw0rdf1sh, how are you?</body>`+
  2484. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  2485. `<reference begin="18" end="27" type="mention" uri="xmpp:sw0rdf1sh@localhost" xmlns="urn:xmpp:reference:0"/>`+
  2486. `<reference begin="11" end="17" type="mention" uri="xmpp:gibson@localhost" xmlns="urn:xmpp:reference:0"/>`+
  2487. `<reference begin="6" end="10" type="mention" uri="xmpp:z3r0@localhost" xmlns="urn:xmpp:reference:0"/>`+
  2488. `<replace id="${msg.nodeTree.getAttribute("id")}" xmlns="urn:xmpp:message-correct:0"/>`+
  2489. `<origin-id id="${msg.nodeTree.querySelector('origin-id').getAttribute("id")}" xmlns="urn:xmpp:sid:0"/>`+
  2490. `</message>`);
  2491. done();
  2492. }));
  2493. it("includes XEP-0372 references to that person",
  2494. mock.initConverse(
  2495. null, ['rosterGroupsFetched'], {},
  2496. async function (done, _converse) {
  2497. await test_utils.openAndEnterChatRoom(_converse, 'lounge', 'localhost', 'tom');
  2498. const view = _converse.api.chatviews.get('lounge@localhost');
  2499. ['z3r0', 'mr.robot', 'gibson', 'sw0rdf1sh'].forEach((nick) => {
  2500. _converse.connection._dataRecv(test_utils.createRequest(
  2501. $pres({
  2502. 'to': 'tom@localhost/resource',
  2503. 'from': `lounge@localhost/${nick}`
  2504. })
  2505. .c('x', {xmlns: Strophe.NS.MUC_USER})
  2506. .c('item', {
  2507. 'affiliation': 'none',
  2508. 'jid': `${nick}@localhost/resource`,
  2509. 'role': 'participant'
  2510. })));
  2511. });
  2512. spyOn(_converse.connection, 'send');
  2513. const textarea = view.el.querySelector('textarea.chat-textarea');
  2514. textarea.value = 'hello @z3r0 @gibson @mr.robot, how are you?'
  2515. const enter_event = {
  2516. 'target': textarea,
  2517. 'preventDefault': _.noop,
  2518. 'stopPropagation': _.noop,
  2519. 'keyCode': 13 // Enter
  2520. }
  2521. view.keyPressed(enter_event);
  2522. const msg = _converse.connection.send.calls.all()[0].args[0];
  2523. expect(msg.toLocaleString())
  2524. .toBe(`<message from="dummy@localhost/resource" id="${msg.nodeTree.getAttribute("id")}" `+
  2525. `to="lounge@localhost" type="groupchat" `+
  2526. `xmlns="jabber:client">`+
  2527. `<body>hello z3r0 gibson mr.robot, how are you?</body>`+
  2528. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  2529. `<reference begin="18" end="26" type="mention" uri="xmpp:mr.robot@localhost" xmlns="urn:xmpp:reference:0"/>`+
  2530. `<reference begin="11" end="17" type="mention" uri="xmpp:gibson@localhost" xmlns="urn:xmpp:reference:0"/>`+
  2531. `<reference begin="6" end="10" type="mention" uri="xmpp:z3r0@localhost" xmlns="urn:xmpp:reference:0"/>`+
  2532. `<origin-id id="${msg.nodeTree.querySelector('origin-id').getAttribute("id")}" xmlns="urn:xmpp:sid:0"/>`+
  2533. `</message>`);
  2534. done();
  2535. }));
  2536. });
  2537. });
  2538. }));