messages.js 123 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192
  1. (function (root, factory) {
  2. define([
  3. "jasmine",
  4. "mock",
  5. "test-utils"
  6. ], factory);
  7. } (this, function (jasmine, mock, test_utils) {
  8. "use strict";
  9. const { Promise, Strophe, $msg, dayjs, sizzle, _ } = converse.env;
  10. const u = converse.env.utils;
  11. describe("A Chat Message", function () {
  12. it("is rejected if it's an unencapsulated forwarded message",
  13. mock.initConverse(
  14. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  15. async function (done, _converse) {
  16. await test_utils.waitForRoster(_converse, 'current', 2);
  17. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  18. const forwarded_contact_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  19. await test_utils.openChatBoxFor(_converse, contact_jid);
  20. expect(_converse.api.chats.get().length).toBe(2);
  21. const received_stanza = u.toStanza(`
  22. <message to='${_converse.jid}' from='${contact_jid}' type='chat' id='${_converse.connection.getUniqueId()}'>
  23. <body>A most courteous exposition!</body>
  24. <forwarded xmlns='urn:xmpp:forward:0'>
  25. <delay xmlns='urn:xmpp:delay' stamp='2019-07-10T23:08:25Z'/>
  26. <message from='${forwarded_contact_jid}'
  27. id='0202197'
  28. to='${_converse.bare_jid}'
  29. type='chat'
  30. xmlns='jabber:client'>
  31. <body>Yet I should kill thee with much cherishing.</body>
  32. <mood xmlns='http://jabber.org/protocol/mood'>
  33. <amorous/>
  34. </mood>
  35. </message>
  36. </forwarded>
  37. </message>
  38. `);
  39. _converse.connection._dataRecv(test_utils.createRequest(received_stanza));
  40. const sent_stanzas = _converse.connection.sent_stanzas;
  41. const sent_stanza = await u.waitUntil(() => sent_stanzas.filter(s => s.querySelector('error')).pop());
  42. expect(Strophe.serialize(sent_stanza)).toBe(
  43. `<message id="${received_stanza.getAttribute('id')}" to="${contact_jid}" type="error" xmlns="jabber:client">`+
  44. '<error type="cancel">'+
  45. '<not-allowed xmlns="urn:ietf:params:xml:ns:xmpp-stanzas"/>'+
  46. '<text xmlns="urn:ietf:params:xml:ns:xmpp-stanzas">'+
  47. 'Forwarded messages not part of an encapsulating protocol are not supported</text>'+
  48. '</error>'+
  49. '</message>');
  50. expect(_converse.api.chats.get().length).toBe(2);
  51. done();
  52. }));
  53. it("can be sent as a correction by clicking the pencil icon",
  54. mock.initConverse(
  55. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  56. async function (done, _converse) {
  57. await test_utils.waitForRoster(_converse, 'current', 1);
  58. test_utils.openControlBox();
  59. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  60. await test_utils.openChatBoxFor(_converse, contact_jid);
  61. const view = _converse.api.chatviews.get(contact_jid);
  62. const textarea = view.el.querySelector('textarea.chat-textarea');
  63. textarea.value = 'But soft, what light through yonder airlock breaks?';
  64. view.onKeyDown({
  65. target: textarea,
  66. preventDefault: function preventDefault () {},
  67. keyCode: 13 // Enter
  68. });
  69. await new Promise(resolve => view.once('messageInserted', resolve));
  70. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  71. expect(view.el.querySelector('.chat-msg__text').textContent)
  72. .toBe('But soft, what light through yonder airlock breaks?');
  73. expect(textarea.value).toBe('');
  74. const first_msg = view.model.messages.findWhere({'message': 'But soft, what light through yonder airlock breaks?'});
  75. expect(view.el.querySelectorAll('.chat-msg .chat-msg__action').length).toBe(1);
  76. let action = view.el.querySelector('.chat-msg .chat-msg__action');
  77. expect(action.getAttribute('title')).toBe('Edit this message');
  78. action.style.opacity = 1;
  79. action.click();
  80. expect(textarea.value).toBe('But soft, what light through yonder airlock breaks?');
  81. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  82. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  83. await new Promise(resolve => view.model.messages.once('rendered', resolve));
  84. expect(u.hasClass('correcting', view.el.querySelector('.chat-msg'))).toBe(true);
  85. spyOn(_converse.connection, 'send');
  86. textarea.value = 'But soft, what light through yonder window breaks?';
  87. view.onKeyDown({
  88. target: textarea,
  89. preventDefault: function preventDefault () {},
  90. keyCode: 13 // Enter
  91. });
  92. expect(_converse.connection.send).toHaveBeenCalled();
  93. await new Promise(resolve => view.model.messages.once('rendered', resolve));
  94. const msg = _converse.connection.send.calls.all()[0].args[0];
  95. expect(msg.toLocaleString())
  96. .toBe(`<message from="romeo@montague.lit/orchard" id="${msg.nodeTree.getAttribute("id")}" `+
  97. `to="mercutio@montague.lit" type="chat" `+
  98. `xmlns="jabber:client">`+
  99. `<body>But soft, what light through yonder window breaks?</body>`+
  100. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  101. `<request xmlns="urn:xmpp:receipts"/>`+
  102. `<replace id="${first_msg.get("msgid")}" xmlns="urn:xmpp:message-correct:0"/>`+
  103. `<origin-id id="${msg.nodeTree.querySelector('origin-id').getAttribute("id")}" xmlns="urn:xmpp:sid:0"/>`+
  104. `</message>`);
  105. expect(view.model.messages.models.length).toBe(1);
  106. const corrected_message = view.model.messages.at(0);
  107. expect(corrected_message.get('msgid')).toBe(first_msg.get('msgid'));
  108. expect(corrected_message.get('correcting')).toBe(false);
  109. const older_versions = corrected_message.get('older_versions');
  110. const keys = Object.keys(older_versions);
  111. expect(keys.length).toBe(1);
  112. expect(older_versions[keys[0]]).toBe('But soft, what light through yonder airlock breaks?');
  113. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  114. expect(u.hasClass('correcting', view.el.querySelector('.chat-msg'))).toBe(false);
  115. // Test that clicking the pencil icon a second time cancels editing.
  116. action = view.el.querySelector('.chat-msg .chat-msg__action');
  117. action.style.opacity = 1;
  118. action.click();
  119. await new Promise(resolve => view.model.messages.once('rendered', resolve));
  120. expect(textarea.value).toBe('But soft, what light through yonder window breaks?');
  121. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  122. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  123. await u.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')) === true);
  124. action = view.el.querySelector('.chat-msg .chat-msg__action');
  125. action.style.opacity = 1;
  126. action.click();
  127. expect(textarea.value).toBe('');
  128. expect(view.model.messages.at(0).get('correcting')).toBe(false);
  129. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  130. await u.waitUntil(() => (u.hasClass('correcting', view.el.querySelector('.chat-msg')) === false), 500);
  131. // Test that messages from other users don't have the pencil icon
  132. _converse.chatboxes.onMessage(
  133. $msg({
  134. 'from': contact_jid,
  135. 'to': _converse.connection.jid,
  136. 'type': 'chat',
  137. 'id': (new Date()).getTime()
  138. }).c('body').t('Hello').up()
  139. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree()
  140. );
  141. await new Promise(resolve => view.once('messageInserted', resolve));
  142. expect(view.el.querySelectorAll('.chat-msg .chat-msg__action').length).toBe(1);
  143. // Test confirmation dialog
  144. spyOn(window, 'confirm').and.returnValue(true);
  145. textarea.value = 'But soft, what light through yonder airlock breaks?';
  146. action = view.el.querySelector('.chat-msg .chat-msg__action');
  147. action.style.opacity = 1;
  148. action.click();
  149. expect(window.confirm).toHaveBeenCalledWith(
  150. 'You have an unsent message which will be lost if you continue. Are you sure?');
  151. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  152. expect(textarea.value).toBe('But soft, what light through yonder window breaks?');
  153. textarea.value = 'But soft, what light through yonder airlock breaks?'
  154. action.click();
  155. expect(view.model.messages.at(0).get('correcting')).toBe(false);
  156. expect(window.confirm.calls.count()).toBe(2);
  157. expect(window.confirm.calls.argsFor(0)).toEqual(
  158. ['You have an unsent message which will be lost if you continue. Are you sure?']);
  159. expect(window.confirm.calls.argsFor(1)).toEqual(
  160. ['You have an unsent message which will be lost if you continue. Are you sure?']);
  161. done();
  162. }));
  163. it("can be sent as a correction by using the up arrow",
  164. mock.initConverse(
  165. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  166. async function (done, _converse) {
  167. await test_utils.waitForRoster(_converse, 'current', 1);
  168. test_utils.openControlBox();
  169. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  170. await test_utils.openChatBoxFor(_converse, contact_jid)
  171. const view = _converse.chatboxviews.get(contact_jid);
  172. const textarea = view.el.querySelector('textarea.chat-textarea');
  173. expect(textarea.value).toBe('');
  174. view.onKeyDown({
  175. target: textarea,
  176. keyCode: 38 // Up arrow
  177. });
  178. expect(textarea.value).toBe('');
  179. textarea.value = 'But soft, what light through yonder airlock breaks?';
  180. view.onKeyDown({
  181. target: textarea,
  182. preventDefault: function preventDefault () {},
  183. keyCode: 13 // Enter
  184. });
  185. await new Promise(resolve => view.once('messageInserted', resolve));
  186. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  187. expect(view.el.querySelector('.chat-msg__text').textContent)
  188. .toBe('But soft, what light through yonder airlock breaks?');
  189. const first_msg = view.model.messages.findWhere({'message': 'But soft, what light through yonder airlock breaks?'});
  190. expect(textarea.value).toBe('');
  191. view.onKeyDown({
  192. target: textarea,
  193. keyCode: 38 // Up arrow
  194. });
  195. expect(textarea.value).toBe('But soft, what light through yonder airlock breaks?');
  196. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  197. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  198. await u.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')), 500);
  199. spyOn(_converse.connection, 'send');
  200. textarea.value = 'But soft, what light through yonder window breaks?';
  201. view.onKeyDown({
  202. target: textarea,
  203. preventDefault: function preventDefault () {},
  204. keyCode: 13 // Enter
  205. });
  206. expect(_converse.connection.send).toHaveBeenCalled();
  207. await new Promise(resolve => view.model.messages.once('rendered', resolve));
  208. const msg = _converse.connection.send.calls.all()[0].args[0];
  209. expect(msg.toLocaleString())
  210. .toBe(`<message from="romeo@montague.lit/orchard" id="${msg.nodeTree.getAttribute("id")}" `+
  211. `to="mercutio@montague.lit" type="chat" `+
  212. `xmlns="jabber:client">`+
  213. `<body>But soft, what light through yonder window breaks?</body>`+
  214. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  215. `<request xmlns="urn:xmpp:receipts"/>`+
  216. `<replace id="${first_msg.get("msgid")}" xmlns="urn:xmpp:message-correct:0"/>`+
  217. `<origin-id id="${msg.nodeTree.querySelector('origin-id').getAttribute("id")}" xmlns="urn:xmpp:sid:0"/>`+
  218. `</message>`);
  219. expect(view.model.messages.models.length).toBe(1);
  220. const corrected_message = view.model.messages.at(0);
  221. expect(corrected_message.get('msgid')).toBe(first_msg.get('msgid'));
  222. expect(corrected_message.get('correcting')).toBe(false);
  223. const older_versions = corrected_message.get('older_versions');
  224. const keys = Object.keys(older_versions);
  225. expect(keys.length).toBe(1);
  226. expect(older_versions[keys[0]]).toBe('But soft, what light through yonder airlock breaks?');
  227. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  228. await u.waitUntil(() => (u.hasClass('correcting', view.el.querySelector('.chat-msg')) === false), 500);
  229. // Test that pressing the down arrow cancels message correction
  230. expect(textarea.value).toBe('');
  231. view.onKeyDown({
  232. target: textarea,
  233. keyCode: 38 // Up arrow
  234. });
  235. expect(textarea.value).toBe('But soft, what light through yonder window breaks?');
  236. expect(view.model.messages.at(0).get('correcting')).toBe(true);
  237. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  238. await u.waitUntil(() => u.hasClass('correcting', view.el.querySelector('.chat-msg')), 500);
  239. expect(textarea.value).toBe('But soft, what light through yonder window breaks?');
  240. view.onKeyDown({
  241. target: textarea,
  242. keyCode: 40 // Down arrow
  243. });
  244. expect(textarea.value).toBe('');
  245. expect(view.model.messages.at(0).get('correcting')).toBe(false);
  246. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  247. await u.waitUntil(() => (u.hasClass('correcting', view.el.querySelector('.chat-msg')) === false), 500);
  248. textarea.value = 'It is the east, and Juliet is the one.';
  249. view.onKeyDown({
  250. target: textarea,
  251. preventDefault: function preventDefault () {},
  252. keyCode: 13 // Enter
  253. });
  254. await new Promise(resolve => view.once('messageInserted', resolve));
  255. expect(view.el.querySelectorAll('.chat-msg').length).toBe(2);
  256. textarea.value = 'Arise, fair sun, and kill the envious moon';
  257. view.onKeyDown({
  258. target: textarea,
  259. preventDefault: function preventDefault () {},
  260. keyCode: 13 // Enter
  261. });
  262. await new Promise(resolve => view.once('messageInserted', resolve));
  263. expect(view.el.querySelectorAll('.chat-msg').length).toBe(3);
  264. view.onKeyDown({
  265. target: textarea,
  266. keyCode: 38 // Up arrow
  267. });
  268. expect(textarea.value).toBe('Arise, fair sun, and kill the envious moon');
  269. expect(view.model.messages.at(0).get('correcting')).toBeFalsy();
  270. expect(view.model.messages.at(1).get('correcting')).toBeFalsy();
  271. expect(view.model.messages.at(2).get('correcting')).toBe(true);
  272. await u.waitUntil(() => u.hasClass('correcting', sizzle('.chat-msg:last', view.el).pop()), 500);
  273. textarea.selectionEnd = 0; // Happens by pressing up,
  274. // but for some reason not in tests, so we set it manually.
  275. view.onKeyDown({
  276. target: textarea,
  277. keyCode: 38 // Up arrow
  278. });
  279. expect(textarea.value).toBe('It is the east, and Juliet is the one.');
  280. expect(view.model.messages.at(0).get('correcting')).toBeFalsy();
  281. expect(view.model.messages.at(1).get('correcting')).toBe(true);
  282. expect(view.model.messages.at(2).get('correcting')).toBeFalsy();
  283. await u.waitUntil(() => u.hasClass('correcting', sizzle('.chat-msg', view.el)[1]), 500);
  284. textarea.value = 'It is the east, and Juliet is the sun.';
  285. view.onKeyDown({
  286. target: textarea,
  287. preventDefault: function preventDefault () {},
  288. keyCode: 13 // Enter
  289. });
  290. await new Promise(resolve => view.model.messages.once('rendered', resolve));
  291. expect(textarea.value).toBe('');
  292. const messages = view.el.querySelectorAll('.chat-msg');
  293. expect(messages.length).toBe(3);
  294. expect(messages[0].querySelector('.chat-msg__text').textContent)
  295. .toBe('But soft, what light through yonder window breaks?');
  296. expect(messages[1].querySelector('.chat-msg__text').textContent)
  297. .toBe('It is the east, and Juliet is the sun.');
  298. expect(messages[2].querySelector('.chat-msg__text').textContent)
  299. .toBe('Arise, fair sun, and kill the envious moon');
  300. expect(view.model.messages.at(0).get('correcting')).toBeFalsy();
  301. expect(view.model.messages.at(1).get('correcting')).toBeFalsy();
  302. expect(view.model.messages.at(2).get('correcting')).toBeFalsy();
  303. done();
  304. }));
  305. it("can be received out of order, and will still be displayed in the right order",
  306. mock.initConverse(
  307. null, ['rosterGroupsFetched'], {},
  308. async function (done, _converse) {
  309. await test_utils.waitForRoster(_converse, 'current');
  310. test_utils.openControlBox();
  311. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  312. await u.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length)
  313. spyOn(_converse.chatboxes, 'getChatBox').and.callThrough();
  314. _converse.filter_by_resource = true;
  315. let msg = $msg({
  316. 'xmlns': 'jabber:client',
  317. 'id': _converse.connection.getUniqueId(),
  318. 'to': _converse.bare_jid,
  319. 'from': sender_jid,
  320. 'type': 'chat'})
  321. .c('body').t("message").up()
  322. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T13:08:25Z'})
  323. .tree();
  324. await _converse.chatboxes.onMessage(msg);
  325. await u.waitUntil(() => _converse.api.chats.get().length);
  326. const view = _converse.api.chatviews.get(sender_jid);
  327. msg = $msg({
  328. 'xmlns': 'jabber:client',
  329. 'id': _converse.connection.getUniqueId(),
  330. 'to': _converse.bare_jid,
  331. 'from': sender_jid,
  332. 'type': 'chat'})
  333. .c('body').t("Older message").up()
  334. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2017-12-31T22:08:25Z'})
  335. .tree();
  336. await _converse.chatboxes.onMessage(msg);
  337. await new Promise(resolve => view.once('messageInserted', resolve));
  338. msg = $msg({
  339. 'xmlns': 'jabber:client',
  340. 'id': _converse.connection.getUniqueId(),
  341. 'to': _converse.bare_jid,
  342. 'from': sender_jid,
  343. 'type': 'chat'})
  344. .c('body').t("Inbetween message").up()
  345. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-01T13:18:23Z'})
  346. .tree();
  347. await _converse.chatboxes.onMessage(msg);
  348. await new Promise(resolve => view.once('messageInserted', resolve));
  349. msg = $msg({
  350. 'xmlns': 'jabber:client',
  351. 'id': _converse.connection.getUniqueId(),
  352. 'to': _converse.bare_jid,
  353. 'from': sender_jid,
  354. 'type': 'chat'})
  355. .c('body').t("another inbetween message").up()
  356. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-01T13:18:23Z'})
  357. .tree();
  358. await _converse.chatboxes.onMessage(msg);
  359. await new Promise(resolve => view.once('messageInserted', resolve));
  360. msg = $msg({
  361. 'xmlns': 'jabber:client',
  362. 'id': _converse.connection.getUniqueId(),
  363. 'to': _converse.bare_jid,
  364. 'from': sender_jid,
  365. 'type': 'chat'})
  366. .c('body').t("An earlier message on the next day").up()
  367. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T12:18:23Z'})
  368. .tree();
  369. await _converse.chatboxes.onMessage(msg);
  370. await new Promise(resolve => view.once('messageInserted', resolve));
  371. msg = $msg({
  372. 'xmlns': 'jabber:client',
  373. 'id': _converse.connection.getUniqueId(),
  374. 'to': _converse.bare_jid,
  375. 'from': sender_jid,
  376. 'type': 'chat'})
  377. .c('body').t("newer message from the next day").up()
  378. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T22:28:23Z'})
  379. .tree();
  380. await _converse.chatboxes.onMessage(msg);
  381. await new Promise(resolve => view.once('messageInserted', resolve));
  382. // Insert <composing> message, to also check that
  383. // text messages are inserted correctly with
  384. // temporary chat events in the chat contents.
  385. msg = $msg({
  386. 'id': _converse.connection.getUniqueId(),
  387. 'to': _converse.bare_jid,
  388. 'xmlns': 'jabber:client',
  389. 'from': sender_jid,
  390. 'type': 'chat'})
  391. .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up()
  392. .tree();
  393. await _converse.chatboxes.onMessage(msg);
  394. msg = $msg({
  395. 'id': _converse.connection.getUniqueId(),
  396. 'to': _converse.bare_jid,
  397. 'xmlns': 'jabber:client',
  398. 'from': sender_jid,
  399. 'type': 'chat'})
  400. .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up()
  401. .c('body').t("latest message")
  402. .tree();
  403. await _converse.chatboxes.onMessage(msg);
  404. await new Promise(resolve => view.once('messageInserted', resolve));
  405. const chat_content = view.el.querySelector('.chat-content');
  406. view.clearSpinner(); //cleanup
  407. expect(chat_content.querySelectorAll('.date-separator').length).toEqual(4);
  408. let day = sizzle('.date-separator:first', chat_content).pop();
  409. expect(day.getAttribute('data-isodate')).toEqual(dayjs('2017-12-31T00:00:00').toISOString());
  410. let time = sizzle('time:first', chat_content).pop();
  411. expect(time.textContent).toEqual('Sunday Dec 31st 2017')
  412. day = sizzle('.date-separator:first', chat_content).pop();
  413. expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('Older message');
  414. let el = sizzle('.chat-msg:first', chat_content).pop().querySelector('.chat-msg__text')
  415. expect(u.hasClass('chat-msg--followup', el)).toBe(false);
  416. expect(el.textContent).toEqual('Older message');
  417. time = sizzle('time.separator-text:eq(1)', chat_content).pop();
  418. expect(time.textContent).toEqual("Monday Jan 1st 2018");
  419. day = sizzle('.date-separator:eq(1)', chat_content).pop();
  420. expect(day.getAttribute('data-isodate')).toEqual(dayjs('2018-01-01T00:00:00').toISOString());
  421. expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('Inbetween message');
  422. el = sizzle('.chat-msg:eq(1)', chat_content).pop();
  423. expect(el.querySelector('.chat-msg__text').textContent).toEqual('Inbetween message');
  424. expect(el.nextElementSibling.querySelector('.chat-msg__text').textContent).toEqual('another inbetween message');
  425. el = sizzle('.chat-msg:eq(2)', chat_content).pop();
  426. expect(el.querySelector('.chat-msg__text').textContent)
  427. .toEqual('another inbetween message');
  428. expect(u.hasClass('chat-msg--followup', el)).toBe(true);
  429. time = sizzle('time.separator-text:nth(2)', chat_content).pop();
  430. expect(time.textContent).toEqual("Tuesday Jan 2nd 2018");
  431. day = sizzle('.date-separator:nth(2)', chat_content).pop();
  432. expect(day.getAttribute('data-isodate')).toEqual(dayjs('2018-01-02T00:00:00').toISOString());
  433. expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('An earlier message on the next day');
  434. el = sizzle('.chat-msg:eq(3)', chat_content).pop();
  435. expect(el.querySelector('.chat-msg__text').textContent).toEqual('An earlier message on the next day');
  436. expect(u.hasClass('chat-msg--followup', el)).toBe(false);
  437. el = sizzle('.chat-msg:eq(4)', chat_content).pop();
  438. expect(el.querySelector('.chat-msg__text').textContent).toEqual('message');
  439. expect(el.nextElementSibling.querySelector('.chat-msg__text').textContent).toEqual('newer message from the next day');
  440. expect(u.hasClass('chat-msg--followup', el)).toBe(false);
  441. day = sizzle('.date-separator:last', chat_content).pop();
  442. expect(day.getAttribute('data-isodate')).toEqual(dayjs().startOf('day').toISOString());
  443. expect(day.nextElementSibling.querySelector('.chat-msg__text').textContent).toBe('latest message');
  444. expect(u.hasClass('chat-msg--followup', el)).toBe(false);
  445. done();
  446. }));
  447. it("is ignored if it's a malformed headline message",
  448. mock.initConverse(
  449. null, ['rosterGroupsFetched'], {},
  450. async function (done, _converse) {
  451. await test_utils.waitForRoster(_converse, 'current');
  452. test_utils.openControlBox();
  453. /* Ideally we wouldn't have to filter out headline
  454. * messages, but Prosody gives them the wrong 'type' :(
  455. */
  456. sinon.spy(_converse, 'log');
  457. sinon.spy(_converse.chatboxes, 'getChatBox');
  458. sinon.spy(u, 'isHeadlineMessage');
  459. const msg = $msg({
  460. from: 'montague.lit',
  461. to: _converse.bare_jid,
  462. type: 'chat',
  463. id: (new Date()).getTime()
  464. }).c('body').t("This headline message will not be shown").tree();
  465. await _converse.chatboxes.onMessage(msg);
  466. expect(_converse.log.calledWith(
  467. "onMessage: Ignoring incoming headline message from JID: montague.lit",
  468. Strophe.LogLevel.INFO
  469. )).toBeTruthy();
  470. expect(u.isHeadlineMessage.called).toBeTruthy();
  471. expect(u.isHeadlineMessage.returned(true)).toBeTruthy();
  472. expect(_converse.chatboxes.getChatBox.called).toBeFalsy();
  473. // Remove sinon spies
  474. _converse.log.restore();
  475. _converse.chatboxes.getChatBox.restore();
  476. u.isHeadlineMessage.restore();
  477. done();
  478. }));
  479. it("can be a carbon message, as defined in XEP-0280",
  480. mock.initConverse(
  481. null, ['rosterGroupsFetched'], {},
  482. async function (done, _converse) {
  483. const include_nick = false;
  484. await test_utils.waitForRoster(_converse, 'current', 2, include_nick);
  485. test_utils.openControlBox();
  486. // Send a message from a different resource
  487. const msgtext = 'This is a carbon message';
  488. const sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  489. const msg = $msg({
  490. 'from': _converse.bare_jid,
  491. 'id': (new Date()).getTime(),
  492. 'to': _converse.connection.jid,
  493. 'type': 'chat',
  494. 'xmlns': 'jabber:client'
  495. }).c('received', {'xmlns': 'urn:xmpp:carbons:2'})
  496. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  497. .c('message', {
  498. 'xmlns': 'jabber:client',
  499. 'from': sender_jid,
  500. 'to': _converse.bare_jid+'/another-resource',
  501. 'type': 'chat'
  502. }).c('body').t(msgtext).tree();
  503. await _converse.chatboxes.onMessage(msg);
  504. await u.waitUntil(() => (_converse.api.chats.get().length > 1))
  505. const chatbox = _converse.chatboxes.get(sender_jid);
  506. const view = _converse.chatboxviews.get(sender_jid);
  507. expect(chatbox).toBeDefined();
  508. expect(view).toBeDefined();
  509. // Check that the message was received and check the message parameters
  510. expect(chatbox.messages.length).toEqual(1);
  511. const msg_obj = chatbox.messages.models[0];
  512. expect(msg_obj.get('message')).toEqual(msgtext);
  513. expect(msg_obj.get('fullname')).toBeUndefined();
  514. expect(msg_obj.get('nickname')).toBe(null);
  515. expect(msg_obj.get('sender')).toEqual('them');
  516. expect(msg_obj.get('is_delayed')).toEqual(false);
  517. // Now check that the message appears inside the chatbox in the DOM
  518. await new Promise(resolve => view.once('messageInserted', resolve));
  519. const chat_content = view.el.querySelector('.chat-content');
  520. expect(chat_content.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(msgtext);
  521. expect(chat_content.querySelector('.chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  522. await u.waitUntil(() => chatbox.vcard.get('fullname') === 'Juliet Capulet')
  523. expect(chat_content.querySelector('span.chat-msg__author').textContent.trim()).toBe('Juliet Capulet');
  524. done();
  525. }));
  526. it("can be a carbon message that this user sent from a different client, as defined in XEP-0280",
  527. mock.initConverse(
  528. null, ['rosterGroupsFetched'], {},
  529. async function (done, _converse) {
  530. await test_utils.waitUntilDiscoConfirmed(_converse, 'montague.lit', [], ['vcard-temp']);
  531. await test_utils.waitForRoster(_converse, 'current');
  532. test_utils.openControlBox();
  533. // Send a message from a different resource
  534. const msgtext = 'This is a sent carbon message';
  535. const recipient_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  536. const msg = $msg({
  537. 'from': _converse.bare_jid,
  538. 'id': (new Date()).getTime(),
  539. 'to': _converse.connection.jid,
  540. 'type': 'chat',
  541. 'xmlns': 'jabber:client'
  542. }).c('sent', {'xmlns': 'urn:xmpp:carbons:2'})
  543. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  544. .c('message', {
  545. 'xmlns': 'jabber:client',
  546. 'from': _converse.bare_jid+'/another-resource',
  547. 'to': recipient_jid,
  548. 'type': 'chat'
  549. }).c('body').t(msgtext).tree();
  550. await _converse.chatboxes.onMessage(msg);
  551. // Check that the chatbox and its view now exist
  552. const chatbox = _converse.chatboxes.get(recipient_jid);
  553. const view = _converse.chatboxviews.get(recipient_jid);
  554. expect(chatbox).toBeDefined();
  555. expect(view).toBeDefined();
  556. await new Promise(resolve => view.once('messageInserted', resolve));
  557. // Check that the message was received and check the message parameters
  558. expect(chatbox.messages.length).toEqual(1);
  559. const msg_obj = chatbox.messages.models[0];
  560. expect(msg_obj.get('message')).toEqual(msgtext);
  561. expect(msg_obj.get('fullname')).toEqual(_converse.xmppstatus.get('fullname'));
  562. expect(msg_obj.get('sender')).toEqual('me');
  563. expect(msg_obj.get('is_delayed')).toEqual(false);
  564. // Now check that the message appears inside the chatbox in the DOM
  565. const msg_txt = view.el.querySelector('.chat-content .chat-msg .chat-msg__text').textContent;
  566. expect(msg_txt).toEqual(msgtext);
  567. done();
  568. }));
  569. it("will be discarded if it's a malicious message meant to look like a carbon copy",
  570. mock.initConverse(
  571. null, ['rosterGroupsFetched'], {},
  572. async function (done, _converse) {
  573. await test_utils.waitForRoster(_converse, 'current');
  574. test_utils.openControlBox();
  575. /* <message from="mallory@evil.example" to="b@xmpp.example">
  576. * <received xmlns='urn:xmpp:carbons:2'>
  577. * <forwarded xmlns='urn:xmpp:forward:0'>
  578. * <message from="alice@xmpp.example" to="bob@xmpp.example/client1">
  579. * <body>Please come to Creepy Valley tonight, alone!</body>
  580. * </message>
  581. * </forwarded>
  582. * </received>
  583. * </message>
  584. */
  585. const msgtext = 'Please come to Creepy Valley tonight, alone!';
  586. const sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  587. const impersonated_jid = mock.cur_names[2].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  588. const msg = $msg({
  589. 'from': sender_jid,
  590. 'id': (new Date()).getTime(),
  591. 'to': _converse.connection.jid,
  592. 'type': 'chat',
  593. 'xmlns': 'jabber:client'
  594. }).c('received', {'xmlns': 'urn:xmpp:carbons:2'})
  595. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  596. .c('message', {
  597. 'xmlns': 'jabber:client',
  598. 'from': impersonated_jid,
  599. 'to': _converse.connection.jid,
  600. 'type': 'chat'
  601. }).c('body').t(msgtext).tree();
  602. await _converse.chatboxes.onMessage(msg);
  603. // Check that chatbox for impersonated user is not created.
  604. let chatbox = _converse.chatboxes.get(impersonated_jid);
  605. expect(chatbox).not.toBeDefined();
  606. // Check that the chatbox for the malicous user is not created
  607. chatbox = _converse.chatboxes.get(sender_jid);
  608. expect(chatbox).not.toBeDefined();
  609. done();
  610. }));
  611. it("received for a minimized chat box will increment a counter on its header",
  612. mock.initConverse(
  613. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  614. async function (done, _converse) {
  615. if (_converse.view_mode === 'fullscreen') {
  616. return done();
  617. }
  618. await test_utils.waitForRoster(_converse, 'current');
  619. const contact_name = mock.cur_names[0];
  620. const contact_jid = contact_name.replace(/ /g,'.').toLowerCase() + '@montague.lit';
  621. test_utils.openControlBox();
  622. spyOn(_converse.api, "trigger").and.callThrough();
  623. await u.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length);
  624. await test_utils.openChatBoxFor(_converse, contact_jid);
  625. const chatview = _converse.api.chatviews.get(contact_jid);
  626. expect(u.isVisible(chatview.el)).toBeTruthy();
  627. expect(chatview.model.get('minimized')).toBeFalsy();
  628. chatview.el.querySelector('.toggle-chatbox-button').click();
  629. expect(chatview.model.get('minimized')).toBeTruthy();
  630. var message = 'This message is sent to a minimized chatbox';
  631. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  632. var msg = $msg({
  633. from: sender_jid,
  634. to: _converse.connection.jid,
  635. type: 'chat',
  636. id: (new Date()).getTime()
  637. }).c('body').t(message).up()
  638. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  639. await _converse.chatboxes.onMessage(msg);
  640. await u.waitUntil(() => chatview.model.messages.length);
  641. expect(_converse.api.trigger).toHaveBeenCalledWith('message', jasmine.any(Object));
  642. const trimmed_chatboxes = _converse.minimized_chats;
  643. const trimmedview = trimmed_chatboxes.get(contact_jid);
  644. let count = trimmedview.el.querySelector('.message-count');
  645. expect(u.isVisible(chatview.el)).toBeFalsy();
  646. expect(trimmedview.model.get('minimized')).toBeTruthy();
  647. expect(u.isVisible(count)).toBeTruthy();
  648. expect(count.textContent).toBe('1');
  649. _converse.chatboxes.onMessage(
  650. $msg({
  651. from: mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit',
  652. to: _converse.connection.jid,
  653. type: 'chat',
  654. id: (new Date()).getTime()
  655. }).c('body').t('This message is also sent to a minimized chatbox').up()
  656. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree()
  657. );
  658. await u.waitUntil(() => (chatview.model.messages.length > 1));
  659. expect(u.isVisible(chatview.el)).toBeFalsy();
  660. expect(trimmedview.model.get('minimized')).toBeTruthy();
  661. count = trimmedview.el.querySelector('.message-count');
  662. expect(u.isVisible(count)).toBeTruthy();
  663. expect(count.textContent).toBe('2');
  664. trimmedview.el.querySelector('.restore-chat').click();
  665. expect(trimmed_chatboxes.keys().length).toBe(0);
  666. done();
  667. }));
  668. it("will indicate when it has a time difference of more than a day between it and its predecessor",
  669. mock.initConverse(
  670. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  671. async function (done, _converse) {
  672. const include_nick = false;
  673. await test_utils.waitForRoster(_converse, 'current', 2, include_nick);
  674. test_utils.openControlBox();
  675. spyOn(_converse.api, "trigger").and.callThrough();
  676. const contact_name = mock.cur_names[1];
  677. const contact_jid = contact_name.replace(/ /g,'.').toLowerCase() + '@montague.lit';
  678. await u.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length);
  679. await test_utils.openChatBoxFor(_converse, contact_jid);
  680. test_utils.clearChatBoxMessages(_converse, contact_jid);
  681. const one_day_ago = dayjs().subtract(1, 'day');
  682. const chatbox = _converse.chatboxes.get(contact_jid);
  683. const view = _converse.chatboxviews.get(contact_jid);
  684. let message = 'This is a day old message';
  685. let msg = $msg({
  686. from: contact_jid,
  687. to: _converse.connection.jid,
  688. type: 'chat',
  689. id: one_day_ago.toDate().getTime()
  690. }).c('body').t(message).up()
  691. .c('delay', { xmlns:'urn:xmpp:delay', from: 'montague.lit', stamp: one_day_ago.toISOString() })
  692. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  693. await _converse.chatboxes.onMessage(msg);
  694. await new Promise(resolve => view.once('messageInserted', resolve));
  695. expect(_converse.api.trigger).toHaveBeenCalledWith('message', jasmine.any(Object));
  696. expect(chatbox.messages.length).toEqual(1);
  697. let msg_obj = chatbox.messages.models[0];
  698. expect(msg_obj.get('message')).toEqual(message);
  699. expect(msg_obj.get('fullname')).toBeUndefined();
  700. expect(msg_obj.get('nickname')).toBe(null);
  701. expect(msg_obj.get('sender')).toEqual('them');
  702. expect(msg_obj.get('is_delayed')).toEqual(true);
  703. await u.waitUntil(() => chatbox.vcard.get('fullname') === 'Juliet Capulet')
  704. const chat_content = view.el.querySelector('.chat-content');
  705. expect(chat_content.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(message);
  706. expect(chat_content.querySelector('.chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  707. expect(chat_content.querySelector('span.chat-msg__author').textContent.trim()).toBe('Juliet Capulet');
  708. expect(chat_content.querySelectorAll('.date-separator').length).toEqual(1);
  709. let day = chat_content.querySelector('.date-separator');
  710. expect(day.getAttribute('class')).toEqual('message date-separator');
  711. expect(day.getAttribute('data-isodate')).toEqual(dayjs(one_day_ago.startOf('day')).toISOString());
  712. let time = chat_content.querySelector('time.separator-text');
  713. expect(time.textContent).toEqual(dayjs(one_day_ago.startOf('day')).format("dddd MMM Do YYYY"));
  714. message = 'This is a current message';
  715. msg = $msg({
  716. from: contact_jid,
  717. to: _converse.connection.jid,
  718. type: 'chat',
  719. id: new Date().getTime()
  720. }).c('body').t(message).up()
  721. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  722. await _converse.chatboxes.onMessage(msg);
  723. await new Promise(resolve => view.once('messageInserted', resolve));
  724. expect(_converse.api.trigger).toHaveBeenCalledWith('message', jasmine.any(Object));
  725. // Check that there is a <time> element, with the required props.
  726. expect(chat_content.querySelectorAll('time.separator-text').length).toEqual(2); // There are now two time elements
  727. const message_date = new Date();
  728. day = sizzle('.date-separator:last', chat_content);
  729. expect(day.length).toEqual(1);
  730. expect(day[0].getAttribute('class')).toEqual('message date-separator');
  731. expect(day[0].getAttribute('data-isodate')).toEqual(dayjs(message_date).startOf('day').toISOString());
  732. time = sizzle('time.separator-text:last', chat_content).pop();
  733. expect(time.textContent).toEqual(dayjs(message_date).startOf('day').format("dddd MMM Do YYYY"));
  734. // Normal checks for the 2nd message
  735. expect(chatbox.messages.length).toEqual(2);
  736. msg_obj = chatbox.messages.models[1];
  737. expect(msg_obj.get('message')).toEqual(message);
  738. expect(msg_obj.get('fullname')).toBeUndefined();
  739. expect(msg_obj.get('sender')).toEqual('them');
  740. expect(msg_obj.get('is_delayed')).toEqual(false);
  741. const msg_txt = sizzle('.chat-msg:last .chat-msg__text', chat_content).pop().textContent;
  742. expect(msg_txt).toEqual(message);
  743. expect(chat_content.querySelector('.chat-msg:last-child .chat-msg__text').textContent).toEqual(message);
  744. expect(chat_content.querySelector('.chat-msg:last-child .chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  745. expect(chat_content.querySelector('.chat-msg:last-child .chat-msg__author').textContent.trim()).toBe('Juliet Capulet');
  746. done();
  747. }));
  748. it("is sanitized to prevent Javascript injection attacks",
  749. mock.initConverse(
  750. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  751. async function (done, _converse) {
  752. await test_utils.waitForRoster(_converse, 'current');
  753. test_utils.openControlBox();
  754. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  755. await test_utils.openChatBoxFor(_converse, contact_jid)
  756. const view = _converse.chatboxviews.get(contact_jid);
  757. const message = '<p>This message contains <em>some</em> <b>markup</b></p>';
  758. spyOn(view.model, 'sendMessage').and.callThrough();
  759. await test_utils.sendMessage(view, message);
  760. expect(view.model.sendMessage).toHaveBeenCalled();
  761. const msg = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop();
  762. expect(msg.textContent).toEqual(message);
  763. expect(msg.innerHTML).toEqual('&lt;p&gt;This message contains &lt;em&gt;some&lt;/em&gt; &lt;b&gt;markup&lt;/b&gt;&lt;/p&gt;');
  764. done();
  765. }));
  766. it("can contain hyperlinks, which will be clickable",
  767. mock.initConverse(
  768. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  769. async function (done, _converse) {
  770. await test_utils.waitForRoster(_converse, 'current');
  771. test_utils.openControlBox();
  772. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  773. await test_utils.openChatBoxFor(_converse, contact_jid)
  774. const view = _converse.chatboxviews.get(contact_jid);
  775. const message = 'This message contains a hyperlink: www.opkode.com';
  776. spyOn(view.model, 'sendMessage').and.callThrough();
  777. test_utils.sendMessage(view, message);
  778. expect(view.model.sendMessage).toHaveBeenCalled();
  779. await new Promise(resolve => view.once('messageInserted', resolve));
  780. const msg = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop();
  781. expect(msg.textContent).toEqual(message);
  782. expect(msg.innerHTML)
  783. .toEqual('This message contains a hyperlink: <a target="_blank" rel="noopener" href="http://www.opkode.com">www.opkode.com</a>');
  784. done();
  785. }));
  786. it("will have properly escaped URLs",
  787. mock.initConverse(
  788. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  789. async function (done, _converse) {
  790. await test_utils.waitForRoster(_converse, 'current');
  791. test_utils.openControlBox();
  792. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  793. await test_utils.openChatBoxFor(_converse, contact_jid)
  794. const view = _converse.chatboxviews.get(contact_jid);
  795. let message = "http://www.opkode.com/'onmouseover='alert(1)'whatever";
  796. await test_utils.sendMessage(view, message);
  797. let msg = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop();
  798. expect(msg.textContent).toEqual(message);
  799. expect(msg.innerHTML)
  800. .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>');
  801. message = 'http://www.opkode.com/"onmouseover="alert(1)"whatever';
  802. await test_utils.sendMessage(view, message);
  803. msg = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop();
  804. expect(msg.textContent).toEqual(message);
  805. expect(msg.innerHTML).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>');
  806. message = "https://en.wikipedia.org/wiki/Ender's_Game";
  807. await test_utils.sendMessage(view, message);
  808. msg = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop();
  809. expect(msg.textContent).toEqual(message);
  810. expect(msg.innerHTML).toEqual('<a target="_blank" rel="noopener" href="https://en.wikipedia.org/wiki/Ender%27s_Game">'+message+'</a>');
  811. message = "<https://bugs.documentfoundation.org/show_bug.cgi?id=123737>";
  812. await test_utils.sendMessage(view, message);
  813. msg = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop();
  814. expect(msg.textContent).toEqual(message);
  815. expect(msg.innerHTML).toEqual(
  816. `&lt;<a target="_blank" rel="noopener" href="https://bugs.documentfoundation.org/show_bug.cgi?id=123737">https://bugs.documentfoundation.org/show_bug.cgi?id=123737</a>&gt;`);
  817. message = '<http://www.opkode.com/"onmouseover="alert(1)"whatever>';
  818. await test_utils.sendMessage(view, message);
  819. msg = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop();
  820. expect(msg.textContent).toEqual(message);
  821. expect(msg.innerHTML).toEqual(
  822. '&lt;<a target="_blank" rel="noopener" href="http://www.opkode.com/%22onmouseover=%22alert%281%29%22whatever">http://www.opkode.com/"onmouseover="alert(1)"whatever</a>&gt;');
  823. message = `https://www.google.com/maps/place/Kochstraat+6,+2041+CE+Zandvoort/@52.3775999,4.548971,3a,15y,170.85h,88.39t/data=!3m6!1e1!3m4!1sQ7SdHo_bPLPlLlU8GSGWaQ!2e0!7i13312!8i6656!4m5!3m4!1s0x47c5ec1e56f845ad:0x1de0bc4a5771fb08!8m2!3d52.3773668!4d4.5489388!5m1!1e2`
  824. await test_utils.sendMessage(view, message);
  825. msg = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop();
  826. expect(msg.textContent).toEqual(message);
  827. expect(msg.innerHTML).toEqual(
  828. `<a target="_blank" rel="noopener" href="https://www.google.com/maps/place/Kochstraat+6,+2041+CE+Zandvoort/@52.3775999,4.548971,3a,15y,170.85h,88.39t/data=%213m6%211e1%213m4%211sQ7SdHo_bPLPlLlU8GSGWaQ%212e0%217i13312%218i6656%214m5%213m4%211s0x47c5ec1e56f845ad:0x1de0bc4a5771fb08%218m2%213d52.3773668%214d4.5489388%215m1%211e2">https://www.google.com/maps/place/Kochstraat+6,+2041+CE+Zandvoort/@52.3775999,4.548971,3a,15y,170.85h,88.39t/data=!3m6!1e1!3m4!1sQ7SdHo_bPLPlLlU8GSGWaQ!2e0!7i13312!8i6656!4m5!3m4!1s0x47c5ec1e56f845ad:0x1de0bc4a5771fb08!8m2!3d52.3773668!4d4.5489388!5m1!1e2</a>`);
  829. done();
  830. }));
  831. it("will render newlines",
  832. mock.initConverse(
  833. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  834. async function (done, _converse) {
  835. await test_utils.waitForRoster(_converse, 'current');
  836. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  837. const view = await test_utils.openChatBoxFor(_converse, contact_jid);
  838. let stanza = u.toStanza(`
  839. <message from="${contact_jid}"
  840. type="chat"
  841. to="romeo@montague.lit/orchard">
  842. <body>Hey\nHave you heard the news?</body>
  843. </message>`);
  844. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  845. await new Promise(resolve => view.once('messageInserted', resolve));
  846. const chat_content = view.el.querySelector('.chat-content');
  847. expect(chat_content.querySelector('.chat-msg__text').innerHTML).toBe('Hey<br>Have you heard the news?');
  848. stanza = u.toStanza(`
  849. <message from="${contact_jid}"
  850. type="chat"
  851. to="romeo@montague.lit/orchard">
  852. <body>Hey\n\n\nHave you heard the news?</body>
  853. </message>`);
  854. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  855. await new Promise(resolve => view.once('messageInserted', resolve));
  856. expect(chat_content.querySelector('.message:last-child .chat-msg__text').innerHTML).toBe('Hey<br><br>Have you heard the news?');
  857. stanza = u.toStanza(`
  858. <message from="${contact_jid}"
  859. type="chat"
  860. to="romeo@montague.lit/orchard">
  861. <body>Hey\nHave you heard\nthe news?</body>
  862. </message>`);
  863. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  864. await new Promise(resolve => view.once('messageInserted', resolve));
  865. expect(chat_content.querySelector('.message:last-child .chat-msg__text').innerHTML).toBe('Hey<br>Have you heard<br>the news?');
  866. done();
  867. }));
  868. it("will render images from their URLs",
  869. mock.initConverse(
  870. null, ['rosterGroupsFetched', 'chatBoxesFetched', 'emojisInitialized'], {},
  871. async function (done, _converse) {
  872. await test_utils.waitForRoster(_converse, 'current');
  873. let base_url = 'https://conversejs.org';
  874. let message = base_url+"/logo/conversejs-filled.svg";
  875. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  876. await test_utils.openChatBoxFor(_converse, contact_jid);
  877. const view = _converse.chatboxviews.get(contact_jid);
  878. spyOn(view.model, 'sendMessage').and.callThrough();
  879. test_utils.sendMessage(view, message);
  880. await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-image').length, 1000)
  881. expect(view.model.sendMessage).toHaveBeenCalled();
  882. let msg = sizzle('.chat-content .chat-msg:last .chat-msg__text').pop();
  883. expect(msg.innerHTML.trim()).toEqual(
  884. '<!-- src/templates/image.html -->\n'+
  885. '<a href="'+base_url+'/logo/conversejs-filled.svg" target="_blank" rel="noopener"><img class="chat-image img-thumbnail"'+
  886. ' src="' + message + '"></a>');
  887. message += "?param1=val1&param2=val2";
  888. test_utils.sendMessage(view, message);
  889. await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-image').length === 2, 1000);
  890. expect(view.model.sendMessage).toHaveBeenCalled();
  891. msg = sizzle('.chat-content .chat-msg:last .chat-msg__text').pop();
  892. expect(msg.innerHTML.trim()).toEqual(
  893. '<!-- src/templates/image.html -->\n'+
  894. '<a href="'+base_url+'/logo/conversejs-filled.svg?param1=val1&amp;param2=val2" target="_blank" rel="noopener"><img'+
  895. ' class="chat-image img-thumbnail" src="'+message.replace(/&/g, '&amp;')+'"></a>')
  896. // Test now with two images in one message
  897. message += ' hello world '+base_url+"/logo/conversejs-filled.svg";
  898. test_utils.sendMessage(view, message);
  899. await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-image').length === 4, 1000);
  900. expect(view.model.sendMessage).toHaveBeenCalled();
  901. msg = sizzle('.chat-content .chat-msg:last .chat-msg__text').pop();
  902. expect(msg.textContent.trim()).toEqual('hello world');
  903. expect(msg.querySelectorAll('img').length).toEqual(2);
  904. // Non-https images aren't rendered
  905. base_url = document.URL.split(window.location.pathname)[0];
  906. message = base_url+"/logo/conversejs-filled.svg";
  907. expect(view.el.querySelectorAll('img').length).toBe(4);
  908. test_utils.sendMessage(view, message);
  909. expect(view.el.querySelectorAll('img').length).toBe(4);
  910. done();
  911. }));
  912. it("will render the message time as configured",
  913. mock.initConverse(
  914. null, ['rosterGroupsFetched', 'chatBoxesFetched', 'emojisInitialized'], {},
  915. async function (done, _converse) {
  916. await test_utils.waitForRoster(_converse, 'current');
  917. _converse.time_format = 'hh:mm';
  918. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  919. await test_utils.openChatBoxFor(_converse, contact_jid)
  920. const view = _converse.api.chatviews.get(contact_jid);
  921. const message = 'This message is sent from this chatbox';
  922. await test_utils.sendMessage(view, message);
  923. const chatbox = await _converse.api.chats.get(contact_jid);
  924. expect(chatbox.messages.models.length, 1);
  925. const msg_object = chatbox.messages.models[0];
  926. const msg_author = view.el.querySelector('.chat-content .chat-msg:last-child .chat-msg__author');
  927. expect(msg_author.textContent.trim()).toBe('Romeo Montague');
  928. const msg_time = view.el.querySelector('.chat-content .chat-msg:last-child .chat-msg__time');
  929. const time = dayjs(msg_object.get('time')).format(_converse.time_format);
  930. expect(msg_time.textContent).toBe(time);
  931. done();
  932. }));
  933. it("will be correctly identified and rendered as a followup message",
  934. mock.initConverse(
  935. null, ['rosterGroupsFetched', 'emojisInitialized'], {},
  936. async function (done, _converse) {
  937. await test_utils.waitForRoster(_converse, 'current');
  938. test_utils.openControlBox();
  939. const base_time = new Date();
  940. const ONE_MINUTE_LATER = 60000;
  941. await u.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length, 300);
  942. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  943. _converse.filter_by_resource = true;
  944. jasmine.clock().install();
  945. jasmine.clock().mockDate(base_time);
  946. _converse.chatboxes.onMessage($msg({
  947. 'from': sender_jid,
  948. 'to': _converse.connection.jid,
  949. 'type': 'chat',
  950. 'id': (new Date()).getTime()
  951. }).c('body').t('A message').up()
  952. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  953. await new Promise(resolve => _converse.on('chatBoxInitialized', resolve));
  954. const view = _converse.api.chatviews.get(sender_jid);
  955. await new Promise(resolve => view.once('messageInserted', resolve));
  956. jasmine.clock().tick(3*ONE_MINUTE_LATER);
  957. _converse.chatboxes.onMessage($msg({
  958. 'from': sender_jid,
  959. 'to': _converse.connection.jid,
  960. 'type': 'chat',
  961. 'id': (new Date()).getTime()
  962. }).c('body').t("Another message 3 minutes later").up()
  963. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  964. await new Promise(resolve => view.once('messageInserted', resolve));
  965. jasmine.clock().tick(11*ONE_MINUTE_LATER);
  966. _converse.chatboxes.onMessage($msg({
  967. 'from': sender_jid,
  968. 'to': _converse.connection.jid,
  969. 'type': 'chat',
  970. 'id': (new Date()).getTime()
  971. }).c('body').t("Another message 14 minutes since we started").up()
  972. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  973. await new Promise(resolve => view.once('messageInserted', resolve));
  974. jasmine.clock().tick(1000);
  975. // Insert <composing> message, to also check that
  976. // text messages are inserted correctly with
  977. // temporary chat events in the chat contents.
  978. _converse.chatboxes.onMessage($msg({
  979. 'id': 'aeb219',
  980. 'to': _converse.bare_jid,
  981. 'xmlns': 'jabber:client',
  982. 'from': sender_jid,
  983. 'type': 'chat'})
  984. .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up()
  985. .tree());
  986. await new Promise(resolve => view.once('messageInserted', resolve));
  987. jasmine.clock().tick(1*ONE_MINUTE_LATER);
  988. _converse.chatboxes.onMessage($msg({
  989. 'from': sender_jid,
  990. 'to': _converse.connection.jid,
  991. 'type': 'chat',
  992. 'id': _converse.connection.getUniqueId()
  993. }).c('body').t("Another message 1 minute and 1 second since the previous one").up()
  994. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  995. await new Promise(resolve => view.once('messageInserted', resolve));
  996. jasmine.clock().tick(1*ONE_MINUTE_LATER);
  997. const chat_content = view.el.querySelector('.chat-content');
  998. await test_utils.sendMessage(view, "Another message within 10 minutes, but from a different person");
  999. expect(chat_content.querySelectorAll('.message').length).toBe(6);
  1000. expect(chat_content.querySelectorAll('.chat-msg').length).toBe(5);
  1001. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(2)'))).toBe(false);
  1002. expect(chat_content.querySelector('.message:nth-child(2) .chat-msg__text').textContent).toBe("A message");
  1003. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(3)'))).toBe(true);
  1004. expect(chat_content.querySelector('.message:nth-child(3) .chat-msg__text').textContent).toBe(
  1005. "Another message 3 minutes later");
  1006. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(4)'))).toBe(false);
  1007. expect(chat_content.querySelector('.message:nth-child(4) .chat-msg__text').textContent).toBe(
  1008. "Another message 14 minutes since we started");
  1009. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(5)'))).toBe(true);
  1010. expect(chat_content.querySelector('.message:nth-child(5) .chat-msg__text').textContent).toBe(
  1011. "Another message 1 minute and 1 second since the previous one");
  1012. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(6)'))).toBe(false);
  1013. expect(chat_content.querySelector('.message:nth-child(6) .chat-msg__text').textContent).toBe(
  1014. "Another message within 10 minutes, but from a different person");
  1015. // Let's add a delayed, inbetween message
  1016. _converse.chatboxes.onMessage(
  1017. $msg({
  1018. 'xmlns': 'jabber:client',
  1019. 'id': _converse.connection.getUniqueId(),
  1020. 'to': _converse.bare_jid,
  1021. 'from': sender_jid,
  1022. 'type': 'chat'
  1023. }).c('body').t("A delayed message, sent 5 minutes since we started").up()
  1024. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp': dayjs(base_time).add(5, 'minutes').toISOString()})
  1025. .tree());
  1026. await new Promise(resolve => view.once('messageInserted', resolve));
  1027. expect(chat_content.querySelectorAll('.message').length).toBe(7);
  1028. expect(chat_content.querySelectorAll('.chat-msg').length).toBe(6);
  1029. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(2)'))).toBe(false);
  1030. expect(chat_content.querySelector('.message:nth-child(2) .chat-msg__text').textContent).toBe("A message");
  1031. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(3)'))).toBe(true);
  1032. expect(chat_content.querySelector('.message:nth-child(3) .chat-msg__text').textContent).toBe(
  1033. "Another message 3 minutes later");
  1034. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(4)'))).toBe(true);
  1035. expect(chat_content.querySelector('.message:nth-child(4) .chat-msg__text').textContent).toBe(
  1036. "A delayed message, sent 5 minutes since we started");
  1037. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(5)'))).toBe(true);
  1038. expect(chat_content.querySelector('.message:nth-child(5) .chat-msg__text').textContent).toBe(
  1039. "Another message 14 minutes since we started");
  1040. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(6)'))).toBe(true);
  1041. expect(chat_content.querySelector('.message:nth-child(6) .chat-msg__text').textContent).toBe(
  1042. "Another message 1 minute and 1 second since the previous one");
  1043. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(7)'))).toBe(false);
  1044. _converse.chatboxes.onMessage(
  1045. $msg({
  1046. 'xmlns': 'jabber:client',
  1047. 'id': _converse.connection.getUniqueId(),
  1048. 'to': sender_jid,
  1049. 'from': _converse.bare_jid+"/some-other-resource",
  1050. 'type': 'chat'})
  1051. .c('body').t("A carbon message 4 minutes later").up()
  1052. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':dayjs(base_time).add(4, 'minutes').toISOString()})
  1053. .tree());
  1054. await new Promise(resolve => view.once('messageInserted', resolve));
  1055. expect(chat_content.querySelectorAll('.message').length).toBe(8);
  1056. expect(chat_content.querySelectorAll('.chat-msg').length).toBe(7);
  1057. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(2)'))).toBe(false);
  1058. expect(chat_content.querySelector('.message:nth-child(2) .chat-msg__text').textContent).toBe("A message");
  1059. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(3)'))).toBe(true);
  1060. expect(chat_content.querySelector('.message:nth-child(3) .chat-msg__text').textContent).toBe(
  1061. "Another message 3 minutes later");
  1062. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(4)'))).toBe(false);
  1063. expect(chat_content.querySelector('.message:nth-child(4) .chat-msg__text').textContent).toBe(
  1064. "A carbon message 4 minutes later");
  1065. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(5)'))).toBe(false);
  1066. expect(chat_content.querySelector('.message:nth-child(5) .chat-msg__text').textContent).toBe(
  1067. "A delayed message, sent 5 minutes since we started");
  1068. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(6)'))).toBe(true);
  1069. expect(chat_content.querySelector('.message:nth-child(6) .chat-msg__text').textContent).toBe(
  1070. "Another message 14 minutes since we started");
  1071. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(7)'))).toBe(true);
  1072. expect(chat_content.querySelector('.message:nth-child(7) .chat-msg__text').textContent).toBe(
  1073. "Another message 1 minute and 1 second since the previous one");
  1074. expect(u.hasClass('chat-msg--followup', chat_content.querySelector('.message:nth-child(8)'))).toBe(false);
  1075. expect(chat_content.querySelector('.message:nth-child(8) .chat-msg__text').textContent).toBe(
  1076. "Another message within 10 minutes, but from a different person");
  1077. jasmine.clock().uninstall();
  1078. done();
  1079. }));
  1080. it("received may emit a message delivery receipt",
  1081. mock.initConverse(
  1082. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1083. async function (done, _converse) {
  1084. await test_utils.waitForRoster(_converse, 'current');
  1085. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1086. const msg_id = u.getUniqueId();
  1087. const sent_stanzas = [];
  1088. spyOn(_converse.connection, 'send').and.callFake(function (stanza) {
  1089. sent_stanzas.push(stanza);
  1090. });
  1091. const msg = $msg({
  1092. 'from': sender_jid,
  1093. 'to': _converse.connection.jid,
  1094. 'type': 'chat',
  1095. 'id': msg_id,
  1096. }).c('body').t('Message!').up()
  1097. .c('request', {'xmlns': Strophe.NS.RECEIPTS}).tree();
  1098. await _converse.chatboxes.onMessage(msg);
  1099. const sent_messages = sent_stanzas.map(s => _.isElement(s) ? s : s.nodeTree).filter(s => s.nodeName === 'message');
  1100. expect(sent_messages.length).toBe(1);
  1101. const receipt = sizzle(`received[xmlns="${Strophe.NS.RECEIPTS}"]`, sent_messages[0]).pop();
  1102. expect(Strophe.serialize(receipt)).toBe(`<received id="${msg_id}" xmlns="${Strophe.NS.RECEIPTS}"/>`);
  1103. done();
  1104. }));
  1105. it("carbon received does not emit a message delivery receipt",
  1106. mock.initConverse(
  1107. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1108. async function (done, _converse) {
  1109. await test_utils.waitForRoster(_converse, 'current', 1);
  1110. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1111. const msg_id = u.getUniqueId();
  1112. const view = await test_utils.openChatBoxFor(_converse, sender_jid);
  1113. spyOn(view.model, 'sendReceiptStanza').and.callThrough();
  1114. const msg = $msg({
  1115. 'from': sender_jid,
  1116. 'to': _converse.connection.jid,
  1117. 'type': 'chat',
  1118. 'id': u.getUniqueId(),
  1119. }).c('received', {'xmlns': 'urn:xmpp:carbons:2'})
  1120. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  1121. .c('message', {
  1122. 'xmlns': 'jabber:client',
  1123. 'from': sender_jid,
  1124. 'to': _converse.bare_jid+'/another-resource',
  1125. 'type': 'chat',
  1126. 'id': msg_id
  1127. }).c('body').t('Message!').up()
  1128. .c('request', {'xmlns': Strophe.NS.RECEIPTS}).tree();
  1129. await _converse.chatboxes.onMessage(msg);
  1130. await u.waitUntil(() => _converse.api.chats.get().length);
  1131. expect(view.model.sendReceiptStanza).not.toHaveBeenCalled();
  1132. done();
  1133. }));
  1134. describe("when sent", function () {
  1135. it("can have its delivery acknowledged by a receipt",
  1136. mock.initConverse(
  1137. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1138. async function (done, _converse) {
  1139. await test_utils.waitForRoster(_converse, 'current', 1);
  1140. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1141. await test_utils.openChatBoxFor(_converse, contact_jid);
  1142. const view = _converse.chatboxviews.get(contact_jid);
  1143. const textarea = view.el.querySelector('textarea.chat-textarea');
  1144. textarea.value = 'But soft, what light through yonder airlock breaks?';
  1145. view.onKeyDown({
  1146. target: textarea,
  1147. preventDefault: function preventDefault () {},
  1148. keyCode: 13 // Enter
  1149. });
  1150. await u.waitUntil(() => _converse.api.chats.get().length);
  1151. const chatbox = _converse.chatboxes.get(contact_jid);
  1152. expect(chatbox).toBeDefined();
  1153. await new Promise(resolve => view.once('messageInserted', resolve));
  1154. let msg_obj = chatbox.messages.models[0];
  1155. let msg_id = msg_obj.get('msgid');
  1156. let msg = $msg({
  1157. 'from': contact_jid,
  1158. 'to': _converse.connection.jid,
  1159. 'id': u.getUniqueId(),
  1160. }).c('received', {'id': msg_id, xmlns: Strophe.NS.RECEIPTS}).up().tree();
  1161. _converse.connection._dataRecv(test_utils.createRequest(msg));
  1162. await new Promise(resolve => view.model.messages.once('rendered', resolve));
  1163. expect(view.el.querySelectorAll('.chat-msg__receipt').length).toBe(1);
  1164. // Also handle receipts with type 'chat'. See #1353
  1165. spyOn(_converse.chatboxes, 'onMessage').and.callThrough();
  1166. textarea.value = 'Another message';
  1167. view.onKeyDown({
  1168. target: textarea,
  1169. preventDefault: function preventDefault () {},
  1170. keyCode: 13 // Enter
  1171. });
  1172. await new Promise(resolve => view.once('messageInserted', resolve));
  1173. msg_obj = chatbox.messages.models[1];
  1174. msg_id = msg_obj.get('msgid');
  1175. msg = $msg({
  1176. 'from': contact_jid,
  1177. 'type': 'chat',
  1178. 'to': _converse.connection.jid,
  1179. 'id': u.getUniqueId(),
  1180. }).c('received', {'id': msg_id, xmlns: Strophe.NS.RECEIPTS}).up().tree();
  1181. _converse.connection._dataRecv(test_utils.createRequest(msg));
  1182. await new Promise(resolve => view.model.messages.once('rendered', resolve));
  1183. expect(view.el.querySelectorAll('.chat-msg__receipt').length).toBe(2);
  1184. expect(_converse.chatboxes.onMessage.calls.count()).toBe(1);
  1185. done();
  1186. }));
  1187. it("will appear inside the chatbox it was sent from",
  1188. mock.initConverse(
  1189. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1190. async function (done, _converse) {
  1191. await test_utils.waitForRoster(_converse, 'current');
  1192. test_utils.openControlBox();
  1193. spyOn(_converse.api, "trigger").and.callThrough();
  1194. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1195. await test_utils.openChatBoxFor(_converse, contact_jid)
  1196. const view = _converse.chatboxviews.get(contact_jid);
  1197. const message = 'This message is sent from this chatbox';
  1198. spyOn(view.model, 'sendMessage').and.callThrough();
  1199. await test_utils.sendMessage(view, message);
  1200. expect(view.model.sendMessage).toHaveBeenCalled();
  1201. expect(view.model.messages.length, 2);
  1202. expect(_converse.api.trigger.calls.mostRecent().args, ['messageSend', message]);
  1203. expect(sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop().textContent).toEqual(message);
  1204. done();
  1205. }));
  1206. it("will be trimmed of leading and trailing whitespace",
  1207. mock.initConverse(
  1208. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1209. async function (done, _converse) {
  1210. await test_utils.waitForRoster(_converse, 'current', 1);
  1211. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1212. await test_utils.openChatBoxFor(_converse, contact_jid)
  1213. const view = _converse.chatboxviews.get(contact_jid);
  1214. const message = ' \nThis message is sent from this chatbox \n \n';
  1215. await test_utils.sendMessage(view, message);
  1216. expect(view.model.messages.at(0).get('message')).toEqual(message.trim());
  1217. const message_el = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop();
  1218. expect(message_el.textContent).toEqual(message.trim());
  1219. done();
  1220. }));
  1221. });
  1222. describe("when received from someone else", function () {
  1223. it("will open a chatbox and be displayed inside it",
  1224. mock.initConverse(
  1225. null, ['rosterGroupsFetched', 'emojisInitialized'], {},
  1226. async function (done, _converse) {
  1227. const include_nick = false;
  1228. await test_utils.waitForRoster(_converse, 'current', 1, include_nick);
  1229. test_utils.openControlBox();
  1230. await u.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length, 300);
  1231. spyOn(_converse.api, "trigger").and.callThrough();
  1232. const message = 'This is a received message';
  1233. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1234. // We don't already have an open chatbox for this user
  1235. expect(_converse.chatboxes.get(sender_jid)).not.toBeDefined();
  1236. _converse.chatboxes.onMessage(
  1237. $msg({
  1238. 'from': sender_jid,
  1239. 'to': _converse.connection.jid,
  1240. 'type': 'chat',
  1241. 'id': (new Date()).getTime()
  1242. }).c('body').t(message).up()
  1243. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree()
  1244. );
  1245. await u.waitUntil(() => (_converse.api.chats.get().length === 2));
  1246. const chatbox = _converse.chatboxes.get(sender_jid);
  1247. expect(chatbox).toBeDefined();
  1248. const view = _converse.api.chatviews.get(sender_jid);
  1249. expect(view).toBeDefined();
  1250. expect(_converse.api.trigger).toHaveBeenCalledWith('message', jasmine.any(Object));
  1251. // Check that the message was received and check the message parameters
  1252. expect(chatbox.messages.length).toEqual(1);
  1253. const msg_obj = chatbox.messages.models[0];
  1254. expect(msg_obj.get('message')).toEqual(message);
  1255. expect(msg_obj.get('fullname')).toBeUndefined();
  1256. expect(msg_obj.get('sender')).toEqual('them');
  1257. expect(msg_obj.get('is_delayed')).toEqual(false);
  1258. // Now check that the message appears inside the chatbox in the DOM
  1259. const chat_content = view.el.querySelector('.chat-content');
  1260. expect(chat_content.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(message);
  1261. expect(chat_content.querySelector('.chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  1262. await u.waitUntil(() => chatbox.vcard.get('fullname') === mock.cur_names[0]);
  1263. expect(chat_content.querySelector('span.chat-msg__author').textContent.trim()).toBe('Mercutio');
  1264. done();
  1265. }));
  1266. it("will be trimmed of leading and trailing whitespace",
  1267. mock.initConverse(
  1268. null, ['rosterGroupsFetched', 'emojisInitialized'], {},
  1269. async function (done, _converse) {
  1270. await test_utils.waitForRoster(_converse, 'current', 1, false);
  1271. await u.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length, 300);
  1272. const message = '\n\n This is a received message \n\n';
  1273. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1274. _converse.chatboxes.onMessage(
  1275. $msg({
  1276. 'from': sender_jid,
  1277. 'to': _converse.connection.jid,
  1278. 'type': 'chat',
  1279. 'id': (new Date()).getTime()
  1280. }).c('body').t(message).up()
  1281. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree()
  1282. );
  1283. await u.waitUntil(() => (_converse.api.chats.get().length === 2));
  1284. const view = _converse.api.chatviews.get(sender_jid);
  1285. expect(view.model.messages.length).toEqual(1);
  1286. const msg_obj = view.model.messages.at(0);
  1287. expect(msg_obj.get('message')).toEqual(message.trim());
  1288. const chat_content = view.el.querySelector('.chat-content');
  1289. expect(chat_content.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(message.trim());
  1290. done();
  1291. }));
  1292. it("can be replaced with a correction",
  1293. mock.initConverse(
  1294. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1295. async function (done, _converse) {
  1296. await test_utils.waitForRoster(_converse, 'current', 1);
  1297. test_utils.openControlBox();
  1298. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1299. const msg_id = u.getUniqueId();
  1300. const view = await test_utils.openChatBoxFor(_converse, sender_jid);
  1301. _converse.chatboxes.onMessage($msg({
  1302. 'from': sender_jid,
  1303. 'to': _converse.connection.jid,
  1304. 'type': 'chat',
  1305. 'id': msg_id,
  1306. }).c('body').t('But soft, what light through yonder airlock breaks?').tree());
  1307. await new Promise(resolve => view.once('messageInserted', resolve));
  1308. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1309. expect(view.el.querySelector('.chat-msg__text').textContent)
  1310. .toBe('But soft, what light through yonder airlock breaks?');
  1311. _converse.chatboxes.onMessage($msg({
  1312. 'from': sender_jid,
  1313. 'to': _converse.connection.jid,
  1314. 'type': 'chat',
  1315. 'id': u.getUniqueId(),
  1316. }).c('body').t('But soft, what light through yonder chimney breaks?').up()
  1317. .c('replace', {'id': msg_id, 'xmlns': 'urn:xmpp:message-correct:0'}).tree());
  1318. await new Promise(resolve => view.model.messages.once('rendered', resolve));
  1319. expect(view.el.querySelector('.chat-msg__text').textContent)
  1320. .toBe('But soft, what light through yonder chimney breaks?');
  1321. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1322. expect(view.el.querySelectorAll('.chat-msg__content .fa-edit').length).toBe(1);
  1323. expect(view.model.messages.models.length).toBe(1);
  1324. expect(view.model.messages.browserStorage.records.length).toBe(1);
  1325. _converse.chatboxes.onMessage($msg({
  1326. 'from': sender_jid,
  1327. 'to': _converse.connection.jid,
  1328. 'type': 'chat',
  1329. 'id': u.getUniqueId(),
  1330. }).c('body').t('But soft, what light through yonder window breaks?').up()
  1331. .c('replace', {'id': msg_id, 'xmlns': 'urn:xmpp:message-correct:0'}).tree());
  1332. await new Promise(resolve => view.model.messages.once('rendered', resolve));
  1333. expect(view.el.querySelector('.chat-msg__text').textContent)
  1334. .toBe('But soft, what light through yonder window breaks?');
  1335. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1336. expect(view.el.querySelectorAll('.chat-msg__content .fa-edit').length).toBe(1);
  1337. view.el.querySelector('.chat-msg__content .fa-edit').click();
  1338. const modal = view.model.messages.at(0).message_versions_modal;
  1339. await u.waitUntil(() => u.isVisible(modal.el), 1000);
  1340. const older_msgs = modal.el.querySelectorAll('.older-msg');
  1341. expect(older_msgs.length).toBe(2);
  1342. expect(older_msgs[0].childNodes[0].nodeName).toBe('TIME');
  1343. expect(older_msgs[0].childNodes[1].textContent).toBe(': But soft, what light through yonder airlock breaks?');
  1344. expect(view.model.messages.models.length).toBe(1);
  1345. expect(view.model.messages.browserStorage.records.length).toBe(1);
  1346. done();
  1347. }));
  1348. describe("when a chatbox is opened for someone who is not in the roster", function () {
  1349. it("the VCard for that user is fetched and the chatbox updated with the results",
  1350. mock.initConverse(
  1351. null, ['rosterGroupsFetched'], {},
  1352. async function (done, _converse) {
  1353. _converse.api.trigger('rosterContactsFetched');
  1354. _converse.allow_non_roster_messaging = true;
  1355. spyOn(_converse.api, "trigger").and.callThrough();
  1356. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1357. var vcard_fetched = false;
  1358. spyOn(_converse.api.vcard, "get").and.callFake(function () {
  1359. vcard_fetched = true;
  1360. return Promise.resolve({
  1361. 'fullname': mock.cur_names[0],
  1362. 'vcard_updated': (new Date()).toISOString(),
  1363. 'jid': sender_jid
  1364. });
  1365. });
  1366. const message = 'This is a received message from someone not on the roster';
  1367. const msg = $msg({
  1368. from: sender_jid,
  1369. to: _converse.connection.jid,
  1370. type: 'chat',
  1371. id: (new Date()).getTime()
  1372. }).c('body').t(message).up()
  1373. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  1374. // We don't already have an open chatbox for this user
  1375. expect(_converse.chatboxes.get(sender_jid)).not.toBeDefined();
  1376. await _converse.chatboxes.onMessage(msg);
  1377. await u.waitUntil(() => _converse.api.chats.get().length);
  1378. expect(_converse.api.trigger).toHaveBeenCalledWith('message', jasmine.any(Object));
  1379. // Check that the chatbox and its view now exist
  1380. const chatbox = _converse.chatboxes.get(sender_jid);
  1381. const view = _converse.chatboxviews.get(sender_jid);
  1382. expect(chatbox).toBeDefined();
  1383. expect(view).toBeDefined();
  1384. expect(chatbox.get('fullname') === sender_jid);
  1385. await new Promise(resolve => view.once('messageInserted', resolve));
  1386. await u.waitUntil(() => view.el.querySelector('.chat-msg__author').textContent.trim() === 'Mercutio');
  1387. let author_el = view.el.querySelector('.chat-msg__author');
  1388. expect( _.includes(author_el.textContent.trim(), 'Mercutio')).toBeTruthy();
  1389. await u.waitUntil(() => vcard_fetched, 100);
  1390. expect(_converse.api.vcard.get).toHaveBeenCalled();
  1391. await u.waitUntil(() => chatbox.vcard.get('fullname') === mock.cur_names[0])
  1392. author_el = view.el.querySelector('.chat-msg__author');
  1393. expect( _.includes(author_el.textContent.trim(), 'Mercutio')).toBeTruthy();
  1394. done();
  1395. }));
  1396. });
  1397. describe("who is not on the roster", function () {
  1398. it("will open a chatbox and be displayed inside it if allow_non_roster_messaging is true",
  1399. mock.initConverse(
  1400. null, ['rosterGroupsFetched'], {},
  1401. async function (done, _converse) {
  1402. _converse.allow_non_roster_messaging = false;
  1403. _converse.api.trigger('rosterContactsFetched');
  1404. spyOn(_converse.api, "trigger").and.callThrough();
  1405. const message = 'This is a received message from someone not on the roster';
  1406. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1407. const msg = $msg({
  1408. from: sender_jid,
  1409. to: _converse.connection.jid,
  1410. type: 'chat',
  1411. id: (new Date()).getTime()
  1412. }).c('body').t(message).up()
  1413. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  1414. // We don't already have an open chatbox for this user
  1415. expect(_converse.chatboxes.get(sender_jid)).not.toBeDefined();
  1416. let chatbox = await _converse.api.chats.get(sender_jid);
  1417. expect(chatbox).not.toBeDefined();
  1418. // onMessage is a handler for received XMPP messages
  1419. await _converse.chatboxes.onMessage(msg);
  1420. expect(_converse.api.chats.get().length).toBe(1);
  1421. let view = _converse.chatboxviews.get(sender_jid);
  1422. expect(view).not.toBeDefined();
  1423. // onMessage is a handler for received XMPP messages
  1424. _converse.allow_non_roster_messaging = true;
  1425. await _converse.chatboxes.onMessage(msg);
  1426. view = _converse.chatboxviews.get(sender_jid);
  1427. await new Promise(resolve => view.once('messageInserted', resolve));
  1428. expect(_converse.api.trigger).toHaveBeenCalledWith('message', jasmine.any(Object));
  1429. // Check that the chatbox and its view now exist
  1430. chatbox = _converse.chatboxes.get(sender_jid);
  1431. expect(chatbox).toBeDefined();
  1432. expect(view).toBeDefined();
  1433. // Check that the message was received and check the message parameters
  1434. expect(chatbox.messages.length).toEqual(1);
  1435. const msg_obj = chatbox.messages.models[0];
  1436. expect(msg_obj.get('message')).toEqual(message);
  1437. expect(msg_obj.get('fullname')).toEqual(undefined);
  1438. expect(msg_obj.get('sender')).toEqual('them');
  1439. expect(msg_obj.get('is_delayed')).toEqual(false);
  1440. await u.waitUntil(() => view.el.querySelector('.chat-msg__author').textContent.trim() === 'Mercutio');
  1441. // Now check that the message appears inside the chatbox in the DOM
  1442. const chat_content = view.el.querySelector('.chat-content');
  1443. expect(chat_content.querySelector('.chat-msg .chat-msg__text').textContent).toEqual(message);
  1444. expect(chat_content.querySelector('.chat-msg__time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  1445. expect(chat_content.querySelector('span.chat-msg__author').textContent.trim()).toBe('Mercutio');
  1446. done();
  1447. }));
  1448. });
  1449. describe("and for which then an error message is received from the server", function () {
  1450. it("will have the error message displayed after itself",
  1451. mock.initConverse(
  1452. null, ['rosterGroupsFetched', 'chatBoxesFetched', 'emojisInitialized'], {},
  1453. async function (done, _converse) {
  1454. await test_utils.waitForRoster(_converse, 'current', 1);
  1455. // TODO: what could still be done for error
  1456. // messages... if the <error> element has type
  1457. // "cancel", then we know the messages wasn't sent,
  1458. // and can give the user a nicer indication of
  1459. // that.
  1460. /* <message from="scotty@enterprise.com/_converse.js-84843526"
  1461. * to="kirk@enterprise.com.com"
  1462. * type="chat"
  1463. * id="82bc02ce-9651-4336-baf0-fa04762ed8d2"
  1464. * xmlns="jabber:client">
  1465. * <body>yo</body>
  1466. * <active xmlns="http://jabber.org/protocol/chatstates"/>
  1467. * </message>
  1468. */
  1469. const error_txt = 'Server-to-server connection failed: Connecting failed: connection timeout';
  1470. const sender_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1471. let fullname = _converse.xmppstatus.get('fullname'); // eslint-disable-line no-unused-vars
  1472. fullname = _.isEmpty(fullname) ? _converse.bare_jid: fullname;
  1473. await _converse.api.chats.open(sender_jid)
  1474. let msg_text = 'This message will not be sent, due to an error';
  1475. const view = _converse.api.chatviews.get(sender_jid);
  1476. const message = await view.model.sendMessage(msg_text);
  1477. await new Promise(resolve => view.once('messageInserted', resolve));
  1478. const chat_content = view.el.querySelector('.chat-content');
  1479. let msg_txt = sizzle('.chat-msg:last .chat-msg__text', chat_content).pop().textContent;
  1480. expect(msg_txt).toEqual(msg_text);
  1481. // We send another message, for which an error will
  1482. // not be received, to test that errors appear
  1483. // after the relevant message.
  1484. msg_text = 'This message will be sent, and also receive an error';
  1485. const second_message = await view.model.sendMessage(msg_text);
  1486. await u.waitUntil(() => sizzle('.chat-msg .chat-msg__text', chat_content).length === 2, 1000);
  1487. msg_txt = sizzle('.chat-msg:last .chat-msg__text', chat_content).pop().textContent;
  1488. expect(msg_txt).toEqual(msg_text);
  1489. /* <message xmlns="jabber:client"
  1490. * to="scotty@enterprise.com/_converse.js-84843526"
  1491. * type="error"
  1492. * id="82bc02ce-9651-4336-baf0-fa04762ed8d2"
  1493. * from="kirk@enterprise.com.com">
  1494. * <error type="cancel">
  1495. * <remote-server-not-found xmlns="urn:ietf:params:xml:ns:xmpp-stanzas"/>
  1496. * <text xmlns="urn:ietf:params:xml:ns:xmpp-stanzas">Server-to-server connection failed: Connecting failed: connection timeout</text>
  1497. * </error>
  1498. * </message>
  1499. */
  1500. let stanza = $msg({
  1501. 'to': _converse.connection.jid,
  1502. 'type': 'error',
  1503. 'id': message.get('msgid'),
  1504. 'from': sender_jid
  1505. })
  1506. .c('error', {'type': 'cancel'})
  1507. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  1508. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  1509. .t('Server-to-server connection failed: Connecting failed: connection timeout');
  1510. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1511. await new Promise(resolve => view.once('messageInserted', resolve));
  1512. expect(chat_content.querySelector('.chat-error').textContent.trim()).toEqual(error_txt);
  1513. stanza = $msg({
  1514. 'to': _converse.connection.jid,
  1515. 'type': 'error',
  1516. 'id': second_message.get('id'),
  1517. 'from': sender_jid
  1518. })
  1519. .c('error', {'type': 'cancel'})
  1520. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  1521. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  1522. .t('Server-to-server connection failed: Connecting failed: connection timeout');
  1523. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1524. await new Promise(resolve => view.once('messageInserted', resolve));
  1525. expect(chat_content.querySelectorAll('.chat-error').length).toEqual(2);
  1526. // We don't render duplicates
  1527. stanza = $msg({
  1528. 'to': _converse.connection.jid,
  1529. 'type':'error',
  1530. 'id': '6fcdeee3-000f-4ce8-a17e-9ce28f0ae104',
  1531. 'from': sender_jid
  1532. })
  1533. .c('error', {'type': 'cancel'})
  1534. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  1535. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  1536. .t('Server-to-server connection failed: Connecting failed: connection timeout');
  1537. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1538. expect(chat_content.querySelectorAll('.chat-error').length).toEqual(2);
  1539. msg_text = 'This message will be sent, and also receive an error';
  1540. const third_message = await view.model.sendMessage(msg_text);
  1541. await new Promise(resolve => view.once('messageInserted', resolve));
  1542. msg_txt = sizzle('.chat-msg:last .chat-msg__text', chat_content).pop().textContent;
  1543. expect(msg_txt).toEqual(msg_text);
  1544. // A different error message will however render
  1545. stanza = $msg({
  1546. 'to': _converse.connection.jid,
  1547. 'type':'error',
  1548. 'id': third_message.get('id'),
  1549. 'from': sender_jid
  1550. })
  1551. .c('error', {'type': 'cancel'})
  1552. .c('not-allowed', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  1553. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  1554. .t('Something else went wrong as well');
  1555. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1556. await new Promise(resolve => view.once('messageInserted', resolve));
  1557. expect(chat_content.querySelectorAll('.chat-error').length).toEqual(3);
  1558. done();
  1559. }));
  1560. it("will not show to the user an error message for a CSI message",
  1561. mock.initConverse(
  1562. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1563. async function (done, _converse) {
  1564. // See #1317
  1565. // https://github.com/conversejs/converse.js/issues/1317
  1566. await test_utils.waitForRoster(_converse, 'current');
  1567. test_utils.openControlBox();
  1568. const contact_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1569. await test_utils.openChatBoxFor(_converse, contact_jid);
  1570. const messages = _converse.connection.sent_stanzas.filter(s => s.nodeName === 'message');
  1571. expect(messages.length).toBe(1);
  1572. expect(Strophe.serialize(messages[0])).toBe(
  1573. `<message id="${messages[0].getAttribute('id')}" to="tybalt@montague.lit" type="chat" xmlns="jabber:client">`+
  1574. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  1575. `<no-store xmlns="urn:xmpp:hints"/>`+
  1576. `<no-permanent-store xmlns="urn:xmpp:hints"/>`+
  1577. `</message>`);
  1578. const stanza = $msg({
  1579. 'from': contact_jid,
  1580. 'type': 'error',
  1581. 'id': messages[0].getAttribute('id')
  1582. }).c('error', {'type': 'cancel', 'code': '503'})
  1583. .c('service-unavailable', { 'xmlns': 'urn:ietf:params:xml:ns:xmpp-stanzas' }).up()
  1584. .c('text', { 'xmlns': 'urn:ietf:params:xml:ns:xmpp-stanzas' })
  1585. .t('User session not found')
  1586. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1587. const view = _converse.chatboxviews.get(contact_jid);
  1588. const chat_content = view.el.querySelector('.chat-content');
  1589. expect(chat_content.querySelectorAll('.chat-error').length).toEqual(0);
  1590. done();
  1591. }));
  1592. });
  1593. it("will cause the chat area to be scrolled down only if it was at the bottom originally",
  1594. mock.initConverse(
  1595. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1596. async function (done, _converse) {
  1597. await test_utils.waitForRoster(_converse, 'current');
  1598. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1599. await test_utils.openChatBoxFor(_converse, sender_jid)
  1600. const view = _converse.api.chatviews.get(sender_jid);
  1601. // Create enough messages so that there's a scrollbar.
  1602. const promises = [];
  1603. for (let i=0; i<20; i++) {
  1604. _converse.chatboxes.onMessage($msg({
  1605. from: sender_jid,
  1606. to: _converse.connection.jid,
  1607. type: 'chat',
  1608. id: _converse.connection.getUniqueId(),
  1609. }).c('body').t('Message: '+i).up()
  1610. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  1611. promises.push(new Promise(resolve => view.once('messageInserted', resolve)));
  1612. }
  1613. await Promise.all(promises);
  1614. // XXX Fails on Travis
  1615. // await u.waitUntil(() => view.content.scrollTop, 1000)
  1616. await u.waitUntil(() => !view.model.get('auto_scrolled'), 500);
  1617. view.content.scrollTop = 0;
  1618. // XXX Fails on Travis
  1619. // await u.waitUntil(() => view.model.get('scrolled'), 900);
  1620. view.model.set('scrolled', true);
  1621. const message = 'This message is received while the chat area is scrolled up';
  1622. _converse.chatboxes.onMessage($msg({
  1623. from: sender_jid,
  1624. to: _converse.connection.jid,
  1625. type: 'chat',
  1626. id: (new Date()).getTime()
  1627. }).c('body').t(message).up()
  1628. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  1629. await new Promise(resolve => view.once('messageInserted', resolve));
  1630. await u.waitUntil(() => view.model.messages.length > 20, 1000);
  1631. // Now check that the message appears inside the chatbox in the DOM
  1632. const msg_txt = sizzle('.chat-content .chat-msg:last .chat-msg__text', view.el).pop().textContent;
  1633. expect(msg_txt).toEqual(message);
  1634. await u.waitUntil(() => u.isVisible(view.el.querySelector('.new-msgs-indicator')), 900);
  1635. expect(view.model.get('scrolled')).toBe(true);
  1636. expect(view.content.scrollTop).toBe(0);
  1637. expect(u.isVisible(view.el.querySelector('.new-msgs-indicator'))).toBeTruthy();
  1638. // Scroll down again
  1639. view.content.scrollTop = view.content.scrollHeight;
  1640. // XXX Fails on Travis
  1641. // await u.waitUntil(() => !u.isVisible(view.el.querySelector('.new-msgs-indicator')), 900);
  1642. done();
  1643. }));
  1644. it("is ignored if it's intended for a different resource and filter_by_resource is set to true",
  1645. mock.initConverse(
  1646. null, ['rosterGroupsFetched', 'emojisInitialized'], {},
  1647. async function (done, _converse) {
  1648. await test_utils.waitForRoster(_converse, 'current');
  1649. await u.waitUntil(() => _converse.rosterview.el.querySelectorAll('.roster-group').length)
  1650. // Send a message from a different resource
  1651. spyOn(_converse, 'log');
  1652. spyOn(_converse.chatboxes, 'getChatBox').and.callThrough();
  1653. _converse.filter_by_resource = true;
  1654. const sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1655. let msg = $msg({
  1656. from: sender_jid,
  1657. to: _converse.bare_jid+"/some-other-resource",
  1658. type: 'chat',
  1659. id: (new Date()).getTime()
  1660. }).c('body').t("This message will not be shown").up()
  1661. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  1662. await _converse.chatboxes.onMessage(msg);
  1663. await u.waitUntil(() => _converse.api.chats.get().length);
  1664. expect(_converse.log).toHaveBeenCalledWith(
  1665. "onMessage: Ignoring incoming message intended for a different resource: romeo@montague.lit/some-other-resource",
  1666. Strophe.LogLevel.INFO);
  1667. expect(_converse.chatboxes.getChatBox).not.toHaveBeenCalled();
  1668. _converse.filter_by_resource = false;
  1669. const message = "This message sent to a different resource will be shown";
  1670. msg = $msg({
  1671. from: sender_jid,
  1672. to: _converse.bare_jid+"/some-other-resource",
  1673. type: 'chat',
  1674. id: '134234623462346'
  1675. }).c('body').t(message).up()
  1676. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  1677. await _converse.chatboxes.onMessage(msg);
  1678. await u.waitUntil(() => _converse.chatboxviews.keys().length > 1, 1000);
  1679. const view = _converse.chatboxviews.get(sender_jid);
  1680. await u.waitUntil(() => view.model.messages.length);
  1681. expect(_converse.chatboxes.getChatBox).toHaveBeenCalled();
  1682. const last_message = await u.waitUntil(() => sizzle('.chat-content:last .chat-msg__text', view.el).pop());
  1683. const msg_txt = last_message.textContent;
  1684. expect(msg_txt).toEqual(message);
  1685. done();
  1686. }));
  1687. });
  1688. describe("which contains an OOB URL", function () {
  1689. it("will render audio from oob mp3 URLs",
  1690. mock.initConverse(
  1691. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1692. async function (done, _converse) {
  1693. await test_utils.waitForRoster(_converse, 'current', 1);
  1694. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1695. await test_utils.openChatBoxFor(_converse, contact_jid);
  1696. const view = _converse.api.chatviews.get(contact_jid);
  1697. spyOn(view.model, 'sendMessage').and.callThrough();
  1698. let stanza = u.toStanza(`
  1699. <message from="${contact_jid}"
  1700. type="chat"
  1701. to="romeo@montague.lit/orchard">
  1702. <body>Have you heard this funny audio?</body>
  1703. <x xmlns="jabber:x:oob"><url>https://montague.lit/audio.mp3</url></x>
  1704. </message>`)
  1705. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1706. await new Promise(resolve => view.once('messageInserted', resolve));
  1707. await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-msg audio').length, 1000);
  1708. let msg = view.el.querySelector('.chat-msg .chat-msg__text');
  1709. expect(msg.classList.length).toEqual(1);
  1710. expect(u.hasClass('chat-msg__text', msg)).toBe(true);
  1711. expect(msg.textContent).toEqual('Have you heard this funny audio?');
  1712. let media = view.el.querySelector('.chat-msg .chat-msg__media');
  1713. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1714. '<!-- src/templates/audio.html -->'+
  1715. '<audio controls="" src="https://montague.lit/audio.mp3"></audio>'+
  1716. '<a target="_blank" rel="noopener" href="https://montague.lit/audio.mp3">Download audio file "audio.mp3"</a>');
  1717. // If the <url> and <body> contents is the same, don't duplicate.
  1718. stanza = u.toStanza(`
  1719. <message from="${contact_jid}"
  1720. type="chat"
  1721. to="romeo@montague.lit/orchard">
  1722. <body>https://montague.lit/audio.mp3</body>
  1723. <x xmlns="jabber:x:oob"><url>https://montague.lit/audio.mp3</url></x>
  1724. </message>`);
  1725. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1726. await new Promise(resolve => view.once('messageInserted', resolve));
  1727. msg = view.el.querySelector('.chat-msg:last-child .chat-msg__text');
  1728. expect(msg.innerHTML).toEqual('<!-- message gets added here via renderMessage -->'); // Emtpy
  1729. media = view.el.querySelector('.chat-msg:last-child .chat-msg__media');
  1730. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1731. '<!-- src/templates/audio.html -->'+
  1732. '<audio controls="" src="https://montague.lit/audio.mp3"></audio>'+
  1733. '<a target="_blank" rel="noopener" href="https://montague.lit/audio.mp3">Download audio file "audio.mp3"</a>'
  1734. );
  1735. done();
  1736. }));
  1737. it("will render video from oob mp4 URLs",
  1738. mock.initConverse(
  1739. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1740. async function (done, _converse) {
  1741. await test_utils.waitForRoster(_converse, 'current', 1);
  1742. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1743. await test_utils.openChatBoxFor(_converse, contact_jid)
  1744. const view = _converse.api.chatviews.get(contact_jid);
  1745. spyOn(view.model, 'sendMessage').and.callThrough();
  1746. let stanza = u.toStanza(`
  1747. <message from="${contact_jid}"
  1748. type="chat"
  1749. to="romeo@montague.lit/orchard">
  1750. <body>Have you seen this funny video?</body>
  1751. <x xmlns="jabber:x:oob"><url>https://montague.lit/video.mp4</url></x>
  1752. </message>`);
  1753. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1754. await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-msg video').length, 2000)
  1755. let msg = view.el.querySelector('.chat-msg .chat-msg__text');
  1756. expect(msg.classList.length).toBe(1);
  1757. expect(msg.textContent).toEqual('Have you seen this funny video?');
  1758. let media = view.el.querySelector('.chat-msg .chat-msg__media');
  1759. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1760. '<!-- src/templates/video.html -->'+
  1761. '<video controls="" src="https://montague.lit/video.mp4" style="max-height: 50vh"></video>'+
  1762. '<a target="_blank" rel="noopener" href="https://montague.lit/video.mp4">Download video file "video.mp4"</a>');
  1763. // If the <url> and <body> contents is the same, don't duplicate.
  1764. stanza = u.toStanza(`
  1765. <message from="${contact_jid}"
  1766. type="chat"
  1767. to="romeo@montague.lit/orchard">
  1768. <body>https://montague.lit/video.mp4</body>
  1769. <x xmlns="jabber:x:oob"><url>https://montague.lit/video.mp4</url></x>
  1770. </message>`);
  1771. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1772. await new Promise(resolve => view.once('messageInserted', resolve));
  1773. msg = view.el.querySelector('.chat-msg:last-child .chat-msg__text');
  1774. expect(msg.innerHTML).toEqual('<!-- message gets added here via renderMessage -->'); // Emtpy
  1775. media = view.el.querySelector('.chat-msg:last-child .chat-msg__media');
  1776. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1777. '<!-- src/templates/video.html -->'+
  1778. '<video controls="" src="https://montague.lit/video.mp4" style="max-height: 50vh"></video>'+
  1779. '<a target="_blank" rel="noopener" href="https://montague.lit/video.mp4">Download video file "video.mp4"</a>');
  1780. done();
  1781. }));
  1782. it("will render download links for files from oob URLs",
  1783. mock.initConverse(
  1784. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1785. async function (done, _converse) {
  1786. await test_utils.waitForRoster(_converse, 'current', 1);
  1787. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1788. await test_utils.openChatBoxFor(_converse, contact_jid);
  1789. const view = _converse.api.chatviews.get(contact_jid);
  1790. spyOn(view.model, 'sendMessage').and.callThrough();
  1791. const stanza = u.toStanza(`
  1792. <message from="${contact_jid}"
  1793. type="chat"
  1794. to="romeo@montague.lit/orchard">
  1795. <body>Have you downloaded this funny file?</body>
  1796. <x xmlns="jabber:x:oob"><url>https://montague.lit/funny.pdf</url></x>
  1797. </message>`);
  1798. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1799. await new Promise(resolve => view.once('messageInserted', resolve));
  1800. await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-msg a').length, 1000);
  1801. const msg = view.el.querySelector('.chat-msg .chat-msg__text');
  1802. expect(u.hasClass('chat-msg__text', msg)).toBe(true);
  1803. expect(msg.textContent).toEqual('Have you downloaded this funny file?');
  1804. const media = view.el.querySelector('.chat-msg .chat-msg__media');
  1805. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1806. '<!-- src/templates/file.html -->'+
  1807. '<a target="_blank" rel="noopener" href="https://montague.lit/funny.pdf">Download file "funny.pdf"</a>');
  1808. done();
  1809. }));
  1810. it("will render images from oob URLs",
  1811. mock.initConverse(
  1812. null, ['rosterGroupsFetched', 'chatBoxesFetched'], {},
  1813. async function (done, _converse) {
  1814. const base_url = 'https://conversejs.org';
  1815. await test_utils.waitForRoster(_converse, 'current', 1);
  1816. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1817. await test_utils.openChatBoxFor(_converse, contact_jid)
  1818. const view = _converse.api.chatviews.get(contact_jid);
  1819. spyOn(view.model, 'sendMessage').and.callThrough();
  1820. const url = base_url+"/logo/conversejs-filled.svg";
  1821. const stanza = u.toStanza(`
  1822. <message from="${contact_jid}"
  1823. type="chat"
  1824. to="romeo@montague.lit/orchard">
  1825. <body>Have you seen this funny image?</body>
  1826. <x xmlns="jabber:x:oob"><url>${url}</url></x>
  1827. </message>`);
  1828. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1829. await u.waitUntil(() => view.el.querySelectorAll('.chat-content .chat-msg img').length, 2000);
  1830. const msg = view.el.querySelector('.chat-msg .chat-msg__text');
  1831. expect(u.hasClass('chat-msg__text', msg)).toBe(true);
  1832. expect(msg.textContent).toEqual('Have you seen this funny image?');
  1833. const media = view.el.querySelector('.chat-msg .chat-msg__media');
  1834. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1835. `<!-- src/templates/image.html -->`+
  1836. `<a href="${base_url}/logo/conversejs-filled.svg" target="_blank" rel="noopener">`+
  1837. `<img class="chat-image img-thumbnail" src="${base_url}/logo/conversejs-filled.svg">`+
  1838. `</a>`);
  1839. done();
  1840. }));
  1841. });
  1842. });
  1843. describe("A XEP-0333 Chat Marker", function () {
  1844. it("is sent when a markable message is received from a roster contact",
  1845. mock.initConverse(
  1846. null, ['rosterGroupsFetched'], {},
  1847. async function (done, _converse) {
  1848. await test_utils.waitForRoster(_converse, 'current', 1);
  1849. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1850. await test_utils.openChatBoxFor(_converse, contact_jid);
  1851. const view = _converse.api.chatviews.get(contact_jid);
  1852. const msgid = u.getUniqueId();
  1853. const stanza = u.toStanza(`
  1854. <message from='${contact_jid}'
  1855. id='${msgid}'
  1856. type="chat"
  1857. to='${_converse.jid}'>
  1858. <body>My lord, dispatch; read o'er these articles.</body>
  1859. <markable xmlns='urn:xmpp:chat-markers:0'/>
  1860. </message>`);
  1861. const sent_stanzas = [];
  1862. spyOn(_converse.connection, 'send').and.callFake(s => sent_stanzas.push(s));
  1863. spyOn(view.model, 'sendMarker').and.callThrough();
  1864. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1865. await u.waitUntil(() => view.model.sendMarker.calls.count() === 1);
  1866. expect(Strophe.serialize(sent_stanzas[0])).toBe(
  1867. `<message from="romeo@montague.lit/orchard" `+
  1868. `id="${sent_stanzas[0].nodeTree.getAttribute('id')}" `+
  1869. `to="${contact_jid}" type="chat" xmlns="jabber:client">`+
  1870. `<received id="${msgid}" xmlns="urn:xmpp:chat-markers:0"/>`+
  1871. `</message>`);
  1872. done();
  1873. }));
  1874. it("is not sent when a markable message is received from someone not on the roster",
  1875. mock.initConverse(
  1876. null, ['rosterGroupsFetched', 'emojisInitialized'], {'allow_non_roster_messaging': true},
  1877. async function (done, _converse) {
  1878. _converse.api.trigger('rosterContactsFetched');
  1879. const contact_jid = 'someone@montague.lit';
  1880. const msgid = u.getUniqueId();
  1881. const stanza = u.toStanza(`
  1882. <message from='${contact_jid}'
  1883. id='${msgid}'
  1884. type="chat"
  1885. to='${_converse.jid}'>
  1886. <body>My lord, dispatch; read o'er these articles.</body>
  1887. <markable xmlns='urn:xmpp:chat-markers:0'/>
  1888. </message>`);
  1889. const sent_stanzas = [];
  1890. spyOn(_converse.connection, 'send').and.callFake(s => sent_stanzas.push(s));
  1891. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1892. await u.waitUntil(() => _converse.api.chats.get().length == 2);
  1893. const sent_messages = sent_stanzas
  1894. .map(s => _.isElement(s) ? s : s.nodeTree)
  1895. .filter(e => e.nodeName === 'message');
  1896. // Only one message is sent out, and it's not a chat marker
  1897. expect(sent_messages.length).toBe(1);
  1898. expect(Strophe.serialize(sent_messages[0])).toBe(
  1899. `<message id="${sent_messages[0].getAttribute('id')}" to="someone@montague.lit" type="chat" xmlns="jabber:client">`+
  1900. `<active xmlns="http://jabber.org/protocol/chatstates"/>`+
  1901. `<no-store xmlns="urn:xmpp:hints"/>`+
  1902. `<no-permanent-store xmlns="urn:xmpp:hints"/>`+
  1903. `</message>`);
  1904. done();
  1905. }));
  1906. it("is ignored if it's a carbon copy of one that I sent from a different client",
  1907. mock.initConverse(
  1908. null, ['rosterGroupsFetched'], {},
  1909. async function (done, _converse) {
  1910. await test_utils.waitForRoster(_converse, 'current', 1);
  1911. await test_utils.waitUntilDiscoConfirmed(_converse, _converse.bare_jid, [], [Strophe.NS.SID]);
  1912. const contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@montague.lit';
  1913. await test_utils.openChatBoxFor(_converse, contact_jid);
  1914. const view = _converse.api.chatviews.get(contact_jid);
  1915. let stanza = u.toStanza(`
  1916. <message xmlns="jabber:client"
  1917. to="${_converse.bare_jid}"
  1918. type="chat"
  1919. id="2e972ea0-0050-44b7-a830-f6638a2595b3"
  1920. from="${contact_jid}">
  1921. <body>😊</body>
  1922. <markable xmlns="urn:xmpp:chat-markers:0"/>
  1923. <origin-id xmlns="urn:xmpp:sid:0" id="2e972ea0-0050-44b7-a830-f6638a2595b3"/>
  1924. <stanza-id xmlns="urn:xmpp:sid:0" id="IxVDLJ0RYbWcWvqC" by="${_converse.bare_jid}"/>
  1925. </message>`);
  1926. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1927. await new Promise(resolve => view.once('messageInserted', resolve));
  1928. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1929. expect(view.model.messages.length).toBe(1);
  1930. stanza = u.toStanza(
  1931. `<message xmlns="jabber:client" to="${_converse.bare_jid}" type="chat" from="${contact_jid}">
  1932. <sent xmlns="urn:xmpp:carbons:2">
  1933. <forwarded xmlns="urn:xmpp:forward:0">
  1934. <message xmlns="jabber:client" to="${contact_jid}" type="chat" from="${_converse.bare_jid}/other-resource">
  1935. <received xmlns="urn:xmpp:chat-markers:0" id="2e972ea0-0050-44b7-a830-f6638a2595b3"/>
  1936. <store xmlns="urn:xmpp:hints"/>
  1937. <stanza-id xmlns="urn:xmpp:sid:0" id="F4TC6CvHwzqRbeHb" by="${_converse.bare_jid}"/>
  1938. </message>
  1939. </forwarded>
  1940. </sent>
  1941. </message>`);
  1942. spyOn(_converse.api, "trigger").and.callThrough();
  1943. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1944. await u.waitUntil(() => _converse.api.trigger.calls.count(), 500);
  1945. expect(view.el.querySelectorAll('.chat-msg').length).toBe(1);
  1946. expect(view.model.messages.length).toBe(1);
  1947. done();
  1948. }));
  1949. });
  1950. }));