messages.js 143 KB

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