messages.js 169 KB

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