messages.js 81 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487
  1. (function (root, factory) {
  2. define([
  3. "jquery",
  4. "jasmine",
  5. "utils",
  6. "converse-core",
  7. "mock",
  8. "test-utils"
  9. ], factory);
  10. } (this, function ($, jasmine, utils, converse, mock, test_utils) {
  11. "use strict";
  12. var _ = converse.env._;
  13. var $iq = converse.env.$iq;
  14. var $msg = converse.env.$msg;
  15. var Strophe = converse.env.Strophe;
  16. var Promise = converse.env.Promise;
  17. var moment = converse.env.moment;
  18. var u = converse.env.utils;
  19. describe("A Chat Message", function () {
  20. describe("when received from someone else", function () {
  21. it("will open a chatbox and be displayed inside it",
  22. mock.initConverseWithPromises(
  23. null, ['rosterGroupsFetched'], {},
  24. function (done, _converse) {
  25. test_utils.createContacts(_converse, 'current');
  26. test_utils.openControlBox();
  27. test_utils.waitUntil(function () {
  28. return $(_converse.rosterview.el).find('.roster-group').length;
  29. }, 300)
  30. .then(function () {
  31. spyOn(_converse, 'emit');
  32. var message = 'This is a received message';
  33. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  34. var msg = $msg({
  35. 'from': sender_jid,
  36. 'to': _converse.connection.jid,
  37. 'type': 'chat',
  38. 'id': (new Date()).getTime()
  39. }).c('body').t(message).up()
  40. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  41. // We don't already have an open chatbox for this user
  42. expect(_converse.chatboxes.get(sender_jid)).not.toBeDefined();
  43. // onMessage is a handler for received XMPP messages
  44. _converse.chatboxes.onMessage(msg);
  45. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  46. // Check that the chatbox and its view now exist
  47. var chatbox = _converse.chatboxes.get(sender_jid);
  48. var chatboxview = _converse.chatboxviews.get(sender_jid);
  49. expect(chatbox).toBeDefined();
  50. expect(chatboxview).toBeDefined();
  51. // Check that the message was received and check the message parameters
  52. expect(chatbox.messages.length).toEqual(1);
  53. var msg_obj = chatbox.messages.models[0];
  54. expect(msg_obj.get('message')).toEqual(message);
  55. expect(msg_obj.get('fullname')).toEqual(mock.cur_names[0]);
  56. expect(msg_obj.get('sender')).toEqual('them');
  57. expect(msg_obj.get('delayed')).toEqual(false);
  58. // Now check that the message appears inside the chatbox in the DOM
  59. var chat_content = chatboxview.el.querySelector('.chat-content');
  60. expect(chat_content.querySelector('.chat-msg .chat-msg-text').textContent).toEqual(message);
  61. expect(chat_content.querySelector('.chat-msg-time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  62. return test_utils.waitUntil(() => chatbox.vcard.get('fullname') === mock.cur_names[0])
  63. .then(function () {
  64. expect(chat_content.querySelector('span.chat-msg-author').textContent).toBe('Max Frankfurter');
  65. done();
  66. });
  67. });
  68. }));
  69. describe("when a chatbox is opened for someone who is not in the roster", function () {
  70. it("the VCard for that user is fetched and the chatbox updated with the results",
  71. mock.initConverseWithPromises(
  72. null, ['rosterGroupsFetched'], {},
  73. function (done, _converse) {
  74. _converse.allow_non_roster_messaging = true;
  75. spyOn(_converse, 'emit').and.callThrough();
  76. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  77. var vcard_fetched = false;
  78. spyOn(_converse.api.vcard, "get").and.callFake(function () {
  79. vcard_fetched = true;
  80. return Promise.resolve({
  81. 'fullname': mock.cur_names[0],
  82. 'vcard_updated': moment().format(),
  83. 'jid': sender_jid
  84. });
  85. });
  86. var message = 'This is a received message from someone not on the roster';
  87. var msg = $msg({
  88. from: sender_jid,
  89. to: _converse.connection.jid,
  90. type: 'chat',
  91. id: (new Date()).getTime()
  92. }).c('body').t(message).up()
  93. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  94. // We don't already have an open chatbox for this user
  95. expect(_converse.chatboxes.get(sender_jid)).not.toBeDefined();
  96. _converse.chatboxes.onMessage(msg);
  97. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  98. // Check that the chatbox and its view now exist
  99. var chatbox = _converse.chatboxes.get(sender_jid);
  100. var chatboxview = _converse.chatboxviews.get(sender_jid);
  101. expect(chatbox).toBeDefined();
  102. expect(chatboxview).toBeDefined();
  103. var author_el = chatboxview.el.querySelector('.chat-msg-author');
  104. expect(chatbox.get('fullname') === sender_jid);
  105. expect( _.includes(author_el.textContent, 'max.frankfurter@localhost')).toBeTruthy();
  106. test_utils.waitUntil(function () { return vcard_fetched; }, 100)
  107. .then(function () {
  108. expect(_converse.api.vcard.get).toHaveBeenCalled();
  109. return test_utils.waitUntil(() => chatbox.vcard.get('fullname') === mock.cur_names[0])
  110. }).then(function () {
  111. var author_el = chatboxview.el.querySelector('.chat-msg-author');
  112. expect( _.includes(author_el.textContent, 'Max Frankfurter')).toBeTruthy();
  113. done();
  114. });
  115. }));
  116. });
  117. describe("who is not on the roster", function () {
  118. it("will open a chatbox and be displayed inside it if allow_non_roster_messaging is true",
  119. mock.initConverseWithPromises(
  120. null, ['rosterGroupsFetched'], {},
  121. function (done, _converse) {
  122. _converse.allow_non_roster_messaging = false;
  123. spyOn(_converse, 'emit');
  124. var message = 'This is a received message from someone not on the roster';
  125. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  126. var msg = $msg({
  127. from: sender_jid,
  128. to: _converse.connection.jid,
  129. type: 'chat',
  130. id: (new Date()).getTime()
  131. }).c('body').t(message).up()
  132. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  133. // We don't already have an open chatbox for this user
  134. expect(_converse.chatboxes.get(sender_jid)).not.toBeDefined();
  135. var chatbox = _converse.chatboxes.get(sender_jid);
  136. expect(chatbox).not.toBeDefined();
  137. // onMessage is a handler for received XMPP messages
  138. _converse.chatboxes.onMessage(msg);
  139. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  140. // onMessage is a handler for received XMPP messages
  141. _converse.allow_non_roster_messaging =true;
  142. _converse.chatboxes.onMessage(msg);
  143. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  144. // Check that the chatbox and its view now exist
  145. chatbox = _converse.chatboxes.get(sender_jid);
  146. var chatboxview = _converse.chatboxviews.get(sender_jid);
  147. expect(chatbox).toBeDefined();
  148. expect(chatboxview).toBeDefined();
  149. // Check that the message was received and check the message parameters
  150. expect(chatbox.messages.length).toEqual(1);
  151. var msg_obj = chatbox.messages.models[0];
  152. expect(msg_obj.get('message')).toEqual(message);
  153. expect(msg_obj.get('fullname')).toEqual(undefined);
  154. expect(msg_obj.get('sender')).toEqual('them');
  155. expect(msg_obj.get('delayed')).toEqual(false);
  156. // Now check that the message appears inside the chatbox in the DOM
  157. var chat_content = chatboxview.el.querySelector('.chat-content');
  158. expect(chat_content.querySelector('.chat-msg .chat-msg-text').textContent).toEqual(message);
  159. expect(chat_content.querySelector('.chat-msg-time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  160. expect(chat_content.querySelector('span.chat-msg-author').textContent).toBe('max.frankfurter@localhost');
  161. done();
  162. }));
  163. });
  164. describe("and for which then an error message is received from the server", function () {
  165. it("will have the error message displayed after itself",
  166. mock.initConverseWithPromises(
  167. null, ['rosterGroupsFetched'], {},
  168. function (done, _converse) {
  169. test_utils.createContacts(_converse, 'current');
  170. test_utils.openControlBox();
  171. // TODO: what could still be done for error
  172. // messages... if the <error> element has type
  173. // "cancel", then we know the messages wasn't sent,
  174. // and can give the user a nicer indication of
  175. // that.
  176. /* <message from="scotty@enterprise.com/_converse.js-84843526"
  177. * to="kirk@enterprise.com.com"
  178. * type="chat"
  179. * id="82bc02ce-9651-4336-baf0-fa04762ed8d2"
  180. * xmlns="jabber:client">
  181. * <body>yo</body>
  182. * <active xmlns="http://jabber.org/protocol/chatstates"/>
  183. * </message>
  184. */
  185. var sender_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@localhost';
  186. var fullname = _converse.xmppstatus.get('fullname');
  187. fullname = _.isEmpty(fullname)? _converse.bare_jid: fullname;
  188. _converse.api.chats.open(sender_jid);
  189. var msg_text = 'This message will not be sent, due to an error';
  190. var view = _converse.chatboxviews.get(sender_jid);
  191. var message = view.model.messages.create({
  192. 'msgid': '82bc02ce-9651-4336-baf0-fa04762ed8d2',
  193. 'fullname': fullname,
  194. 'sender': 'me',
  195. 'time': moment().format(),
  196. 'message': msg_text
  197. });
  198. view.model.sendMessage(message);
  199. var $chat_content = $(view.el).find('.chat-content');
  200. var msg_txt = $chat_content.find('.chat-msg:last').find('.chat-msg-text').text();
  201. expect(msg_txt).toEqual(msg_text);
  202. // We send another message, for which an error will
  203. // not be received, to test that errors appear
  204. // after the relevant message.
  205. msg_text = 'This message will be sent, and also receive an error';
  206. message = view.model.messages.create({
  207. 'msgid': '6fcdeee3-000f-4ce8-a17e-9ce28f0ae104',
  208. 'fullname': fullname,
  209. 'sender': 'me',
  210. 'time': moment().format(),
  211. 'message': msg_text
  212. });
  213. view.model.sendMessage(message);
  214. msg_txt = $chat_content.find('.chat-msg:last').find('.chat-msg-text').text();
  215. expect(msg_txt).toEqual(msg_text);
  216. /* <message xmlns="jabber:client"
  217. * to="scotty@enterprise.com/_converse.js-84843526"
  218. * type="error"
  219. * id="82bc02ce-9651-4336-baf0-fa04762ed8d2"
  220. * from="kirk@enterprise.com.com">
  221. * <error type="cancel">
  222. * <remote-server-not-found xmlns="urn:ietf:params:xml:ns:xmpp-stanzas"/>
  223. * <text xmlns="urn:ietf:params:xml:ns:xmpp-stanzas">Server-to-server connection failed: Connecting failed: connection timeout</text>
  224. * </error>
  225. * </message>
  226. */
  227. var error_txt = 'Server-to-server connection failed: Connecting failed: connection timeout';
  228. var stanza = $msg({
  229. 'to': _converse.connection.jid,
  230. 'type':'error',
  231. 'id':'82bc02ce-9651-4336-baf0-fa04762ed8d2',
  232. 'from': sender_jid
  233. })
  234. .c('error', {'type': 'cancel'})
  235. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  236. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  237. .t('Server-to-server connection failed: Connecting failed: connection timeout');
  238. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  239. expect($chat_content.find('.chat-error').text()).toEqual(error_txt);
  240. stanza = $msg({
  241. 'to': _converse.connection.jid,
  242. 'type':'error',
  243. 'id':'some-other-unused-id',
  244. 'from': sender_jid
  245. })
  246. .c('error', {'type': 'cancel'})
  247. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  248. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  249. .t('Server-to-server connection failed: Connecting failed: connection timeout');
  250. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  251. expect($chat_content.find('.chat-error').length).toEqual(2);
  252. // If the last message is already an error message,
  253. // then we don't render it another time.
  254. stanza = $msg({
  255. 'to': _converse.connection.jid,
  256. 'type':'error',
  257. 'id':'another-unused-id',
  258. 'from': sender_jid
  259. })
  260. .c('error', {'type': 'cancel'})
  261. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  262. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  263. .t('Server-to-server connection failed: Connecting failed: connection timeout');
  264. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  265. expect($chat_content.find('.chat-error').length).toEqual(2);
  266. // A different error message will however render
  267. stanza = $msg({
  268. 'to': _converse.connection.jid,
  269. 'type':'error',
  270. 'id':'another-id',
  271. 'from': sender_jid
  272. })
  273. .c('error', {'type': 'cancel'})
  274. .c('remote-server-not-found', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" }).up()
  275. .c('text', { 'xmlns': "urn:ietf:params:xml:ns:xmpp-stanzas" })
  276. .t('Something else went wrong as well');
  277. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  278. expect($chat_content.find('.chat-error').length).toEqual(3);
  279. done();
  280. }));
  281. });
  282. it("will cause the chat area to be scrolled down only if it was at the bottom originally",
  283. mock.initConverseWithPromises(
  284. null, ['rosterGroupsFetched'], {},
  285. function (done, _converse) {
  286. test_utils.createContacts(_converse, 'current');
  287. test_utils.openControlBox();
  288. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  289. test_utils.openChatBoxFor(_converse, sender_jid);
  290. var chatboxview = _converse.chatboxviews.get(sender_jid);
  291. spyOn(chatboxview, 'onScrolledDown').and.callThrough();
  292. // Create enough messages so that there's a scrollbar.
  293. var message = 'This message is received while the chat area is scrolled up';
  294. for (var i=0; i<20; i++) {
  295. _converse.chatboxes.onMessage($msg({
  296. from: sender_jid,
  297. to: _converse.connection.jid,
  298. type: 'chat',
  299. id: (new Date()).getTime()
  300. }).c('body').t('Message: '+i).up()
  301. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  302. }
  303. return test_utils.waitUntil(function () {
  304. return chatboxview.content.scrollTop;
  305. }, 1000).then(function () {
  306. return test_utils.waitUntil(function () {
  307. return !chatboxview.model.get('auto_scrolled');
  308. }, 500);
  309. }).then(function () {
  310. chatboxview.content.scrollTop = 0;
  311. return test_utils.waitUntil(function () {
  312. return chatboxview.model.get('scrolled');
  313. }, 900);
  314. }).then(function () {
  315. _converse.chatboxes.onMessage($msg({
  316. from: sender_jid,
  317. to: _converse.connection.jid,
  318. type: 'chat',
  319. id: (new Date()).getTime()
  320. }).c('body').t(message).up()
  321. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  322. // Now check that the message appears inside the chatbox in the DOM
  323. var $chat_content = $(chatboxview.el).find('.chat-content');
  324. var msg_txt = $chat_content.find('.chat-msg:last').find('.chat-msg-text').text();
  325. expect(msg_txt).toEqual(message);
  326. return test_utils.waitUntil(function () {
  327. return u.isVisible(chatboxview.el.querySelector('.new-msgs-indicator'));
  328. }, 500);
  329. }).then(function () {
  330. expect(chatboxview.model.get('scrolled')).toBe(true);
  331. expect(chatboxview.content.scrollTop).toBe(0);
  332. expect(u.isVisible(chatboxview.el.querySelector('.new-msgs-indicator'))).toBeTruthy();
  333. // Scroll down again
  334. chatboxview.content.scrollTop = chatboxview.content.scrollHeight;
  335. return test_utils.waitUntil(function () {
  336. return !u.isVisible(chatboxview.el.querySelector('.new-msgs-indicator'));
  337. }, 700);
  338. }).then(done);
  339. }));
  340. it("is ignored if it's intended for a different resource and filter_by_resource is set to true",
  341. mock.initConverseWithPromises(
  342. null, ['rosterGroupsFetched'], {},
  343. function (done, _converse) {
  344. test_utils.createContacts(_converse, 'current');
  345. test_utils.openControlBox();
  346. test_utils.waitUntil(function () {
  347. return $(_converse.rosterview.el).find('.roster-group').length;
  348. }, 300)
  349. .then(function () {
  350. // Send a message from a different resource
  351. var message, sender_jid, msg;
  352. spyOn(_converse, 'log');
  353. spyOn(_converse.chatboxes, 'getChatBox').and.callThrough();
  354. _converse.filter_by_resource = true;
  355. sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  356. msg = $msg({
  357. from: sender_jid,
  358. to: _converse.bare_jid+"/some-other-resource",
  359. type: 'chat',
  360. id: (new Date()).getTime()
  361. }).c('body').t("This message will not be shown").up()
  362. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  363. _converse.chatboxes.onMessage(msg);
  364. expect(_converse.log).toHaveBeenCalledWith(
  365. "onMessage: Ignoring incoming message intended for a different resource: dummy@localhost/some-other-resource",
  366. Strophe.LogLevel.INFO);
  367. expect(_converse.chatboxes.getChatBox).not.toHaveBeenCalled();
  368. _converse.filter_by_resource = false;
  369. message = "This message sent to a different resource will be shown";
  370. msg = $msg({
  371. from: sender_jid,
  372. to: _converse.bare_jid+"/some-other-resource",
  373. type: 'chat',
  374. id: '134234623462346'
  375. }).c('body').t(message).up()
  376. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  377. _converse.chatboxes.onMessage(msg);
  378. expect(_converse.chatboxes.getChatBox).toHaveBeenCalled();
  379. var chatboxview = _converse.chatboxviews.get(sender_jid);
  380. var $chat_content = $(chatboxview.el).find('.chat-content:last');
  381. var msg_txt = $chat_content.find('.chat-msg').find('.chat-msg-text').text();
  382. expect(msg_txt).toEqual(message);
  383. done();
  384. });
  385. }));
  386. });
  387. it("can be received out of order, and will still be displayed in the right order",
  388. mock.initConverseWithPromises(
  389. null, ['rosterGroupsFetched'], {},
  390. function (done, _converse) {
  391. test_utils.createContacts(_converse, 'current');
  392. test_utils.openControlBox();
  393. test_utils.waitUntil(function () {
  394. return $(_converse.rosterview.el).find('.roster-group').length;
  395. }, 300)
  396. .then(function () {
  397. var message, msg;
  398. spyOn(_converse, 'log');
  399. spyOn(_converse.chatboxes, 'getChatBox').and.callThrough();
  400. _converse.filter_by_resource = true;
  401. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  402. /* <message id='aeb213' to='juliet@capulet.lit/chamber'>
  403. * <forwarded xmlns='urn:xmpp:forward:0'>
  404. * <delay xmlns='urn:xmpp:delay' stamp='2010-07-10T23:08:25Z'/>
  405. * <message xmlns='jabber:client'
  406. * to='juliet@capulet.lit/balcony'
  407. * from='romeo@montague.lit/orchard'
  408. * type='chat'>
  409. * <body>Call me but love, and I'll be new baptized; Henceforth I never will be Romeo.</body>
  410. * </message>
  411. * </forwarded>
  412. * </message>
  413. */
  414. msg = $msg({'id': 'aeb213', 'to': _converse.bare_jid})
  415. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  416. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T13:08:25Z'}).up()
  417. .c('message', {
  418. 'xmlns': 'jabber:client',
  419. 'to': _converse.bare_jid,
  420. 'from': sender_jid,
  421. 'type': 'chat'})
  422. .c('body').t("message")
  423. .tree();
  424. _converse.chatboxes.onMessage(msg);
  425. msg = $msg({'id': 'aeb214', 'to': _converse.bare_jid})
  426. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  427. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2017-12-31T22:08:25Z'}).up()
  428. .c('message', {
  429. 'xmlns': 'jabber:client',
  430. 'to': _converse.bare_jid,
  431. 'from': sender_jid,
  432. 'type': 'chat'})
  433. .c('body').t("Older message")
  434. .tree();
  435. _converse.chatboxes.onMessage(msg);
  436. msg = $msg({'id': 'aeb215', 'to': _converse.bare_jid})
  437. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  438. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-01T13:18:23Z'}).up()
  439. .c('message', {
  440. 'xmlns': 'jabber:client',
  441. 'to': _converse.bare_jid,
  442. 'from': sender_jid,
  443. 'type': 'chat'})
  444. .c('body').t("Inbetween message").up()
  445. .tree();
  446. _converse.chatboxes.onMessage(msg);
  447. msg = $msg({'id': 'aeb216', 'to': _converse.bare_jid})
  448. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  449. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-01T13:18:23Z'}).up()
  450. .c('message', {
  451. 'xmlns': 'jabber:client',
  452. 'to': _converse.bare_jid,
  453. 'from': sender_jid,
  454. 'type': 'chat'})
  455. .c('body').t("another inbetween message")
  456. .tree();
  457. _converse.chatboxes.onMessage(msg);
  458. msg = $msg({'id': 'aeb217', 'to': _converse.bare_jid})
  459. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  460. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T12:18:23Z'}).up()
  461. .c('message', {
  462. 'xmlns': 'jabber:client',
  463. 'to': _converse.bare_jid,
  464. 'from': sender_jid,
  465. 'type': 'chat'})
  466. .c('body').t("An earlier message on the next day")
  467. .tree();
  468. _converse.chatboxes.onMessage(msg);
  469. msg = $msg({'id': 'aeb218', 'to': _converse.bare_jid})
  470. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  471. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':'2018-01-02T22:28:23Z'}).up()
  472. .c('message', {
  473. 'xmlns': 'jabber:client',
  474. 'to': _converse.bare_jid,
  475. 'from': sender_jid,
  476. 'type': 'chat'})
  477. .c('body').t("newer message from the next day")
  478. .tree();
  479. _converse.chatboxes.onMessage(msg);
  480. // Insert <composing> message, to also check that
  481. // text messages are inserted correctly with
  482. // temporary chat events in the chat contents.
  483. msg = $msg({
  484. 'id': 'aeb219',
  485. 'to': _converse.bare_jid,
  486. 'xmlns': 'jabber:client',
  487. 'from': sender_jid,
  488. 'type': 'chat'})
  489. .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up()
  490. .tree();
  491. _converse.chatboxes.onMessage(msg);
  492. msg = $msg({
  493. 'id': 'aeb220',
  494. 'to': _converse.bare_jid,
  495. 'xmlns': 'jabber:client',
  496. 'from': sender_jid,
  497. 'type': 'chat'})
  498. .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up()
  499. .c('body').t("latest message")
  500. .tree();
  501. _converse.chatboxes.onMessage(msg);
  502. var chatboxview = _converse.chatboxviews.get(sender_jid);
  503. var $chat_content = $(chatboxview.el).find('.chat-content');
  504. chatboxview.clearSpinner(); //cleanup
  505. expect($chat_content[0].querySelectorAll('.date-separator').length).toEqual(4);
  506. var $day = $chat_content.find('.date-separator:first');
  507. expect($day.data('isodate')).toEqual(moment('2017-12-31T00:00:00').format());
  508. var $time = $chat_content.find('time:first');
  509. expect($time.text()).toEqual('Sunday Dec 31st 2017')
  510. $day = $chat_content.find('.date-separator:first');
  511. expect($day[0].nextElementSibling.querySelector('.chat-msg-text').textContent).toBe('Older message');
  512. var $el = $chat_content.find('.chat-msg:first').find('.chat-msg-text')
  513. expect($el.hasClass('chat-msg-followup')).toBe(false);
  514. expect($el.text()).toEqual('Older message');
  515. $time = $chat_content.find('time:eq(1)');
  516. expect($time.text()).toEqual("Monday Jan 1st 2018");
  517. $day = $chat_content.find('.date-separator:eq(1)');
  518. expect($day.data('isodate')).toEqual(moment('2018-01-01T00:00:00').format());
  519. expect($day[0].nextElementSibling.querySelector('.chat-msg-text').textContent).toBe('Inbetween message');
  520. $el = $chat_content.find('.chat-msg:eq(1)');
  521. expect($el.find('.chat-msg-text').text()).toEqual('Inbetween message');
  522. expect($el[0].nextElementSibling.querySelector('.chat-msg-text').textContent).toEqual('another inbetween message');
  523. $el = $chat_content.find('.chat-msg:eq(2)');
  524. expect($el.find('.chat-msg-text').text()).toEqual('another inbetween message');
  525. expect($el.hasClass('chat-msg-followup')).toBe(true);
  526. $time = $chat_content.find('time:nth(2)');
  527. expect($time.text()).toEqual("Tuesday Jan 2nd 2018");
  528. $day = $chat_content.find('.date-separator:nth(2)');
  529. expect($day.data('isodate')).toEqual(moment('2018-01-02T00:00:00').format());
  530. expect($day[0].nextElementSibling.querySelector('.chat-msg-text').textContent).toBe('An earlier message on the next day');
  531. $el = $chat_content.find('.chat-msg:eq(3)');
  532. expect($el.find('.chat-msg-text').text()).toEqual('An earlier message on the next day');
  533. expect($el.hasClass('chat-msg-followup')).toBe(false);
  534. $el = $chat_content.find('.chat-msg:eq(4)');
  535. expect($el.find('.chat-msg-text').text()).toEqual('message');
  536. expect($el[0].nextElementSibling.querySelector('.chat-msg-text').textContent).toEqual('newer message from the next day');
  537. expect($el.hasClass('chat-msg-followup')).toBe(false);
  538. $day = $chat_content.find('.date-separator:last');
  539. expect($day.data('isodate')).toEqual(moment().startOf('day').format());
  540. expect($day[0].nextElementSibling.querySelector('.chat-msg-text').textContent).toBe('latest message');
  541. expect($el.hasClass('chat-msg-followup')).toBe(false);
  542. done();
  543. });
  544. }));
  545. it("is ignored if it's a malformed headline message",
  546. mock.initConverseWithPromises(
  547. null, ['rosterGroupsFetched'], {},
  548. function (done, _converse) {
  549. test_utils.createContacts(_converse, 'current');
  550. test_utils.openControlBox();
  551. /* Ideally we wouldn't have to filter out headline
  552. * messages, but Prosody gives them the wrong 'type' :(
  553. */
  554. sinon.spy(_converse, 'log');
  555. sinon.spy(_converse.chatboxes, 'getChatBox');
  556. sinon.spy(utils, 'isHeadlineMessage');
  557. var msg = $msg({
  558. from: 'localhost',
  559. to: _converse.bare_jid,
  560. type: 'chat',
  561. id: (new Date()).getTime()
  562. }).c('body').t("This headline message will not be shown").tree();
  563. _converse.chatboxes.onMessage(msg);
  564. expect(_converse.log.calledWith(
  565. "onMessage: Ignoring incoming headline message sent with type 'chat' from JID: localhost",
  566. Strophe.LogLevel.INFO
  567. )).toBeTruthy();
  568. expect(utils.isHeadlineMessage.called).toBeTruthy();
  569. expect(utils.isHeadlineMessage.returned(true)).toBeTruthy();
  570. expect(_converse.chatboxes.getChatBox.called).toBeFalsy();
  571. // Remove sinon spies
  572. _converse.log.restore();
  573. _converse.chatboxes.getChatBox.restore();
  574. utils.isHeadlineMessage.restore();
  575. done();
  576. }));
  577. it("can be a carbon message, as defined in XEP-0280",
  578. mock.initConverseWithPromises(
  579. null, ['rosterGroupsFetched'], {},
  580. function (done, _converse) {
  581. test_utils.createContacts(_converse, 'current');
  582. test_utils.openControlBox();
  583. // Send a message from a different resource
  584. spyOn(_converse, 'log');
  585. var msgtext = 'This is a carbon message';
  586. var sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@localhost';
  587. var msg = $msg({
  588. 'from': sender_jid,
  589. 'id': (new Date()).getTime(),
  590. 'to': _converse.connection.jid,
  591. 'type': 'chat',
  592. 'xmlns': 'jabber:client'
  593. }).c('received', {'xmlns': 'urn:xmpp:carbons:2'})
  594. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  595. .c('message', {
  596. 'xmlns': 'jabber:client',
  597. 'from': sender_jid,
  598. 'to': _converse.bare_jid+'/another-resource',
  599. 'type': 'chat'
  600. }).c('body').t(msgtext).tree();
  601. _converse.chatboxes.onMessage(msg);
  602. // Check that the chatbox and its view now exist
  603. var chatbox = _converse.chatboxes.get(sender_jid);
  604. var chatboxview = _converse.chatboxviews.get(sender_jid);
  605. expect(chatbox).toBeDefined();
  606. expect(chatboxview).toBeDefined();
  607. // Check that the message was received and check the message parameters
  608. expect(chatbox.messages.length).toEqual(1);
  609. var msg_obj = chatbox.messages.models[0];
  610. expect(msg_obj.get('message')).toEqual(msgtext);
  611. expect(msg_obj.get('fullname')).toEqual(mock.cur_names[1]);
  612. expect(msg_obj.get('sender')).toEqual('them');
  613. expect(msg_obj.get('delayed')).toEqual(false);
  614. // Now check that the message appears inside the chatbox in the DOM
  615. var chat_content = chatboxview.el.querySelector('.chat-content');
  616. expect(chat_content.querySelector('.chat-msg .chat-msg-text').textContent).toEqual(msgtext);
  617. expect(chat_content.querySelector('.chat-msg-time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  618. return test_utils.waitUntil(() => chatbox.vcard.get('fullname') === 'Candice van der Knijff')
  619. .then(function () {
  620. expect(chat_content.querySelector('span.chat-msg-author').textContent).toBe('Candice van der Knijff');
  621. done();
  622. });
  623. }));
  624. it("can be a carbon message that this user sent from a different client, as defined in XEP-0280",
  625. mock.initConverseWithPromises(
  626. null, ['rosterGroupsFetched'], {},
  627. function (done, _converse) {
  628. var contact, sent_stanza, IQ_id, stanza;
  629. test_utils.waitUntilDiscoConfirmed(_converse, 'localhost', [], ['vcard-temp']).then(function () {
  630. test_utils.createContacts(_converse, 'current');
  631. test_utils.openControlBox();
  632. // Send a message from a different resource
  633. spyOn(_converse, 'log');
  634. var msgtext = 'This is a sent carbon message';
  635. var recipient_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@localhost';
  636. var msg = $msg({
  637. 'from': _converse.bare_jid,
  638. 'id': (new Date()).getTime(),
  639. 'to': _converse.connection.jid,
  640. 'type': 'chat',
  641. 'xmlns': 'jabber:client'
  642. }).c('sent', {'xmlns': 'urn:xmpp:carbons:2'})
  643. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  644. .c('message', {
  645. 'xmlns': 'jabber:client',
  646. 'from': _converse.bare_jid+'/another-resource',
  647. 'to': recipient_jid,
  648. 'type': 'chat'
  649. }).c('body').t(msgtext).tree();
  650. _converse.chatboxes.onMessage(msg);
  651. // Check that the chatbox and its view now exist
  652. var chatbox = _converse.chatboxes.get(recipient_jid);
  653. var chatboxview = _converse.chatboxviews.get(recipient_jid);
  654. expect(chatbox).toBeDefined();
  655. expect(chatboxview).toBeDefined();
  656. // Check that the message was received and check the message parameters
  657. expect(chatbox.messages.length).toEqual(1);
  658. var msg_obj = chatbox.messages.models[0];
  659. expect(msg_obj.get('message')).toEqual(msgtext);
  660. expect(msg_obj.get('fullname')).toEqual(_converse.xmppstatus.get('fullname'));
  661. expect(msg_obj.get('sender')).toEqual('me');
  662. expect(msg_obj.get('delayed')).toEqual(false);
  663. // Now check that the message appears inside the chatbox in the DOM
  664. var $chat_content = $(chatboxview.el).find('.chat-content');
  665. var msg_txt = $chat_content.find('.chat-msg').find('.chat-msg-text').text();
  666. expect(msg_txt).toEqual(msgtext);
  667. done();
  668. });
  669. }));
  670. it("will be discarded if it's a malicious message meant to look like a carbon copy",
  671. mock.initConverseWithPromises(
  672. null, ['rosterGroupsFetched'], {},
  673. function (done, _converse) {
  674. test_utils.createContacts(_converse, 'current');
  675. test_utils.openControlBox();
  676. /* <message from="mallory@evil.example" to="b@xmpp.example">
  677. * <received xmlns='urn:xmpp:carbons:2'>
  678. * <forwarded xmlns='urn:xmpp:forward:0'>
  679. * <message from="alice@xmpp.example" to="bob@xmpp.example/client1">
  680. * <body>Please come to Creepy Valley tonight, alone!</body>
  681. * </message>
  682. * </forwarded>
  683. * </received>
  684. * </message>
  685. */
  686. spyOn(_converse, 'log');
  687. var msgtext = 'Please come to Creepy Valley tonight, alone!';
  688. var sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@localhost';
  689. var impersonated_jid = mock.cur_names[2].replace(/ /g,'.').toLowerCase() + '@localhost';
  690. var msg = $msg({
  691. 'from': sender_jid,
  692. 'id': (new Date()).getTime(),
  693. 'to': _converse.connection.jid,
  694. 'type': 'chat',
  695. 'xmlns': 'jabber:client'
  696. }).c('received', {'xmlns': 'urn:xmpp:carbons:2'})
  697. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  698. .c('message', {
  699. 'xmlns': 'jabber:client',
  700. 'from': impersonated_jid,
  701. 'to': _converse.connection.jid,
  702. 'type': 'chat'
  703. }).c('body').t(msgtext).tree();
  704. _converse.chatboxes.onMessage(msg);
  705. // Check that chatbox for impersonated user is not created.
  706. var chatbox = _converse.chatboxes.get(impersonated_jid);
  707. expect(chatbox).not.toBeDefined();
  708. // Check that the chatbox for the malicous user is not created
  709. chatbox = _converse.chatboxes.get(sender_jid);
  710. expect(chatbox).not.toBeDefined();
  711. done();
  712. }));
  713. it("received for a minimized chat box will increment a counter on its header",
  714. mock.initConverseWithPromises(
  715. null, ['rosterGroupsFetched'], {},
  716. function (done, _converse) {
  717. test_utils.createContacts(_converse, 'current');
  718. test_utils.openControlBox();
  719. test_utils.waitUntil(function () {
  720. return $(_converse.rosterview.el).find('.roster-group').length;
  721. }, 300)
  722. .then(function () {
  723. var contact_name = mock.cur_names[0];
  724. var contact_jid = contact_name.replace(/ /g,'.').toLowerCase() + '@localhost';
  725. spyOn(_converse, 'emit').and.callThrough();
  726. test_utils.openChatBoxFor(_converse, contact_jid);
  727. var chatview = _converse.chatboxviews.get(contact_jid);
  728. expect(u.isVisible(chatview.el)).toBeTruthy();
  729. expect(chatview.model.get('minimized')).toBeFalsy();
  730. chatview.el.querySelector('.toggle-chatbox-button').click();
  731. expect(chatview.model.get('minimized')).toBeTruthy();
  732. var message = 'This message is sent to a minimized chatbox';
  733. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  734. var msg = $msg({
  735. from: sender_jid,
  736. to: _converse.connection.jid,
  737. type: 'chat',
  738. id: (new Date()).getTime()
  739. }).c('body').t(message).up()
  740. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  741. _converse.chatboxes.onMessage(msg);
  742. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  743. var trimmed_chatboxes = _converse.minimized_chats;
  744. var trimmedview = trimmed_chatboxes.get(contact_jid);
  745. var $count = $(trimmedview.el).find('.message-count');
  746. expect(u.isVisible(chatview.el)).toBeFalsy();
  747. expect(trimmedview.model.get('minimized')).toBeTruthy();
  748. expect(u.isVisible($count[0])).toBeTruthy();
  749. expect($count.html()).toBe('1');
  750. _converse.chatboxes.onMessage(
  751. $msg({
  752. from: mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost',
  753. to: _converse.connection.jid,
  754. type: 'chat',
  755. id: (new Date()).getTime()
  756. }).c('body').t('This message is also sent to a minimized chatbox').up()
  757. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree()
  758. );
  759. expect(u.isVisible(chatview.el)).toBeFalsy();
  760. expect(trimmedview.model.get('minimized')).toBeTruthy();
  761. $count = $(trimmedview.el).find('.message-count');
  762. expect(u.isVisible($count[0])).toBeTruthy();
  763. expect($count.html()).toBe('2');
  764. trimmedview.el.querySelector('.restore-chat').click();
  765. expect(trimmed_chatboxes.keys().length).toBe(0);
  766. done();
  767. });
  768. }));
  769. it("will indicate when it has a time difference of more than a day between it and its predecessor",
  770. mock.initConverseWithPromises(
  771. null, ['rosterGroupsFetched'], {},
  772. function (done, _converse) {
  773. test_utils.createContacts(_converse, 'current');
  774. test_utils.openControlBox();
  775. test_utils.waitUntil(function () {
  776. return $(_converse.rosterview.el).find('.roster-group').length;
  777. }, 300)
  778. .then(function () {
  779. spyOn(_converse, 'emit');
  780. var contact_name = mock.cur_names[1];
  781. var contact_jid = contact_name.replace(/ /g,'.').toLowerCase() + '@localhost';
  782. test_utils.openChatBoxFor(_converse, contact_jid);
  783. test_utils.clearChatBoxMessages(_converse, contact_jid);
  784. var one_day_ago = moment();
  785. one_day_ago.subtract('days', 1);
  786. var message = 'This is a day old message';
  787. var chatbox = _converse.chatboxes.get(contact_jid);
  788. var chatboxview = _converse.chatboxviews.get(contact_jid);
  789. var $chat_content = $(chatboxview.el).find('.chat-content');
  790. var msg_obj;
  791. var msg_txt;
  792. var sender_txt;
  793. var msg = $msg({
  794. from: contact_jid,
  795. to: _converse.connection.jid,
  796. type: 'chat',
  797. id: one_day_ago.unix()
  798. }).c('body').t(message).up()
  799. .c('delay', { xmlns:'urn:xmpp:delay', from: 'localhost', stamp: one_day_ago.format() })
  800. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  801. _converse.chatboxes.onMessage(msg);
  802. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  803. expect(chatbox.messages.length).toEqual(1);
  804. msg_obj = chatbox.messages.models[0];
  805. expect(msg_obj.get('message')).toEqual(message);
  806. expect(msg_obj.get('fullname')).toEqual(contact_name);
  807. expect(msg_obj.get('sender')).toEqual('them');
  808. expect(msg_obj.get('delayed')).toEqual(true);
  809. return test_utils.waitUntil(() => chatbox.vcard.get('fullname') === 'Candice van der Knijff')
  810. .then(function () {
  811. var chat_content = chatboxview.el.querySelector('.chat-content');
  812. expect(chat_content.querySelector('.chat-msg .chat-msg-text').textContent).toEqual(message);
  813. expect(chat_content.querySelector('.chat-msg-time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  814. expect(chat_content.querySelector('span.chat-msg-author').textContent).toBe('Candice van der Knijff');
  815. var $day = $chat_content.find('.date-separator');
  816. expect($day.length).toEqual(1);
  817. expect($day.attr('class')).toEqual('message date-separator');
  818. expect($day.data('isodate')).toEqual(moment(one_day_ago.startOf('day')).format());
  819. var $time = $chat_content.find('time.separator-text');
  820. expect($time.text()).toEqual(moment(one_day_ago.startOf('day')).format("dddd MMM Do YYYY"));
  821. message = 'This is a current message';
  822. msg = $msg({
  823. from: contact_jid,
  824. to: _converse.connection.jid,
  825. type: 'chat',
  826. id: new Date().getTime()
  827. }).c('body').t(message).up()
  828. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  829. _converse.chatboxes.onMessage(msg);
  830. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  831. // Check that there is a <time> element, with the required
  832. // props.
  833. expect($chat_content[0].querySelectorAll('time').length).toEqual(2); // There are now two time elements
  834. var message_date = new Date();
  835. $day = $chat_content.find('.date-separator:last');
  836. expect($day.length).toEqual(1);
  837. expect($day.attr('class')).toEqual('message date-separator');
  838. expect($day.data('isodate')).toEqual(moment(message_date).startOf('day').format());
  839. $time = $chat_content.find('time.separator-text:last');
  840. expect($time.text()).toEqual(moment(message_date).startOf('day').format("dddd MMM Do YYYY"));
  841. // Normal checks for the 2nd message
  842. expect(chatbox.messages.length).toEqual(2);
  843. msg_obj = chatbox.messages.models[1];
  844. expect(msg_obj.get('message')).toEqual(message);
  845. expect(msg_obj.get('fullname')).toEqual(contact_name);
  846. expect(msg_obj.get('sender')).toEqual('them');
  847. expect(msg_obj.get('delayed')).toEqual(false);
  848. msg_txt = $chat_content.find('.chat-msg').last().find('.chat-msg-text').text();
  849. expect(msg_txt).toEqual(message);
  850. expect(chat_content.querySelector('.chat-msg:last-child .chat-msg-text').textContent).toEqual(message);
  851. expect(chat_content.querySelector('.chat-msg:last-child .chat-msg-time').textContent.match(/^[0-9][0-9]:[0-9][0-9]/)).toBeTruthy();
  852. expect(chat_content.querySelector('.chat-msg:last-child .chat-msg-author').textContent).toBe('Candice van der Knijff');
  853. done();
  854. });
  855. });
  856. }));
  857. it("can be sent from a chatbox, and will appear inside it",
  858. mock.initConverseWithPromises(
  859. null, ['rosterGroupsFetched'], {},
  860. function (done, _converse) {
  861. test_utils.createContacts(_converse, 'current');
  862. test_utils.openControlBox();
  863. spyOn(_converse, 'emit');
  864. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  865. test_utils.openChatBoxFor(_converse, contact_jid);
  866. expect(_converse.emit).toHaveBeenCalledWith('chatBoxFocused', jasmine.any(Object));
  867. var view = _converse.chatboxviews.get(contact_jid);
  868. var message = 'This message is sent from this chatbox';
  869. spyOn(view.model, 'sendMessage').and.callThrough();
  870. test_utils.sendMessage(view, message);
  871. expect(view.model.sendMessage).toHaveBeenCalled();
  872. expect(view.model.messages.length, 2);
  873. expect(_converse.emit.calls.mostRecent().args, ['messageSend', message]);
  874. expect($(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg-text').text()).toEqual(message);
  875. done();
  876. }));
  877. it("is sanitized to prevent Javascript injection attacks",
  878. mock.initConverseWithPromises(
  879. null, ['rosterGroupsFetched'], {},
  880. function (done, _converse) {
  881. test_utils.createContacts(_converse, 'current');
  882. test_utils.openControlBox();
  883. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  884. test_utils.openChatBoxFor(_converse, contact_jid);
  885. var view = _converse.chatboxviews.get(contact_jid);
  886. var message = '<p>This message contains <em>some</em> <b>markup</b></p>';
  887. spyOn(view.model, 'sendMessage').and.callThrough();
  888. test_utils.sendMessage(view, message);
  889. expect(view.model.sendMessage).toHaveBeenCalled();
  890. var msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg-text');
  891. expect(msg.text()).toEqual(message);
  892. expect(msg.html()).toEqual('&lt;p&gt;This message contains &lt;em&gt;some&lt;/em&gt; &lt;b&gt;markup&lt;/b&gt;&lt;/p&gt;');
  893. done();
  894. }));
  895. it("can contain hyperlinks, which will be clickable",
  896. mock.initConverseWithPromises(
  897. null, ['rosterGroupsFetched'], {},
  898. function (done, _converse) {
  899. test_utils.createContacts(_converse, 'current');
  900. test_utils.openControlBox();
  901. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  902. test_utils.openChatBoxFor(_converse, contact_jid);
  903. var view = _converse.chatboxviews.get(contact_jid);
  904. var message = 'This message contains a hyperlink: www.opkode.com';
  905. spyOn(view.model, 'sendMessage').and.callThrough();
  906. test_utils.sendMessage(view, message);
  907. expect(view.model.sendMessage).toHaveBeenCalled();
  908. var msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg-text');
  909. expect(msg.text()).toEqual(message);
  910. expect(msg.html()).toEqual('This message contains a hyperlink: <a target="_blank" rel="noopener" href="http://www.opkode.com">www.opkode.com</a>');
  911. done();
  912. }));
  913. it("will have properly escaped URLs",
  914. mock.initConverseWithPromises(
  915. null, ['rosterGroupsFetched'], {},
  916. function (done, _converse) {
  917. test_utils.createContacts(_converse, 'current');
  918. test_utils.openControlBox();
  919. var message, msg;
  920. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  921. test_utils.openChatBoxFor(_converse, contact_jid);
  922. var view = _converse.chatboxviews.get(contact_jid);
  923. spyOn(view.model, 'sendMessage').and.callThrough();
  924. message = "http://www.opkode.com/'onmouseover='alert(1)'whatever";
  925. test_utils.sendMessage(view, message);
  926. expect(view.model.sendMessage).toHaveBeenCalled();
  927. msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg-text');
  928. expect(msg.text()).toEqual(message);
  929. expect(msg.html()).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>');
  930. message = 'http://www.opkode.com/"onmouseover="alert(1)"whatever';
  931. test_utils.sendMessage(view, message);
  932. expect(view.model.sendMessage).toHaveBeenCalled();
  933. msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg-text');
  934. expect(msg.text()).toEqual(message);
  935. expect(msg.html()).toEqual('<a target="_blank" rel="noopener" href="http://www.opkode.com/%22onmouseover=%22alert%281%29%22whatever">http://www.opkode.com/"onmouseover="alert(1)"whatever</a>');
  936. message = "https://en.wikipedia.org/wiki/Ender's_Game";
  937. test_utils.sendMessage(view, message);
  938. expect(view.model.sendMessage).toHaveBeenCalled();
  939. msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg-text');
  940. expect(msg.text()).toEqual(message);
  941. expect(msg.html()).toEqual('<a target="_blank" rel="noopener" href="https://en.wikipedia.org/wiki/Ender%27s_Game">'+message+'</a>');
  942. message = "https://en.wikipedia.org/wiki/Ender's_Game";
  943. test_utils.sendMessage(view, message);
  944. expect(view.model.sendMessage).toHaveBeenCalled();
  945. msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg-text');
  946. expect(msg.text()).toEqual(message);
  947. expect(msg.html()).toEqual('<a target="_blank" rel="noopener" href="https://en.wikipedia.org/wiki/Ender%27s_Game">'+message+'</a>');
  948. done();
  949. }));
  950. it("will render images from their URLs",
  951. mock.initConverseWithPromises(
  952. null, ['rosterGroupsFetched'], {},
  953. function (done, _converse) {
  954. test_utils.createContacts(_converse, 'current');
  955. var base_url = document.URL.split(window.location.pathname)[0];
  956. var message = base_url+"/logo/conversejs-filled.svg";
  957. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  958. test_utils.openChatBoxFor(_converse, contact_jid);
  959. var view = _converse.chatboxviews.get(contact_jid);
  960. spyOn(view.model, 'sendMessage').and.callThrough();
  961. test_utils.sendMessage(view, message);
  962. test_utils.waitUntil(function () {
  963. return view.el.querySelectorAll('.chat-content .chat-image').length;
  964. }, 1000).then(function () {
  965. expect(view.model.sendMessage).toHaveBeenCalled();
  966. var msg = $(view.el).find('.chat-content .chat-msg').last().find('.chat-msg-text');
  967. expect(msg.html().trim()).toEqual(
  968. '<a href="'+base_url+'/logo/conversejs-filled.svg" target="_blank" rel="noopener"><img class="chat-image img-thumbnail"'+
  969. ' src="' + message + '"></a>');
  970. message += "?param1=val1&param2=val2";
  971. test_utils.sendMessage(view, message);
  972. return test_utils.waitUntil(function () {
  973. return view.el.querySelectorAll('.chat-content .chat-image').length === 2;
  974. }, 1000);
  975. }).then(function () {
  976. expect(view.model.sendMessage).toHaveBeenCalled();
  977. var msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg-text');
  978. expect(msg.html().trim()).toEqual(
  979. '<a href="'+base_url+'/logo/conversejs-filled.svg?param1=val1&amp;param2=val2" target="_blank" rel="noopener"><img'+
  980. ' class="chat-image img-thumbnail" src="'+message.replace(/&/g, '&amp;')+'"></a>')
  981. // Test now with two images in one message
  982. message += ' hello world '+base_url+"/logo/conversejs-filled.svg";
  983. test_utils.sendMessage(view, message);
  984. return test_utils.waitUntil(function () {
  985. return view.el.querySelectorAll('.chat-content .chat-image').length === 4;
  986. }, 1000);
  987. }).then(function () {
  988. expect(view.model.sendMessage).toHaveBeenCalled();
  989. var msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg-text');
  990. expect(msg[0].textContent.trim()).toEqual('hello world');
  991. expect(msg[0].querySelectorAll('img').length).toEqual(2);
  992. done();
  993. });
  994. }));
  995. it("will render the message time as configured",
  996. mock.initConverseWithPromises(
  997. null, ['rosterGroupsFetched'], {},
  998. function (done, _converse) {
  999. test_utils.createContacts(_converse, 'current');
  1000. _converse.time_format = 'hh:mm';
  1001. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1002. test_utils.openChatBoxFor(_converse, contact_jid);
  1003. var view = _converse.chatboxviews.get(contact_jid);
  1004. var message = 'This message is sent from this chatbox';
  1005. test_utils.sendMessage(view, message);
  1006. var chatbox = _converse.chatboxes.get(contact_jid);
  1007. expect(chatbox.messages.models.length, 1);
  1008. var msg_object = chatbox.messages.models[0];
  1009. var msg_author = view.el.querySelector('.chat-content .chat-msg:last-child .chat-msg-author');
  1010. expect(msg_author.textContent).toBe('Max Mustermann');
  1011. var msg_time = view.el.querySelector('.chat-content .chat-msg:last-child .chat-msg-time');
  1012. var time = moment(msg_object.get('time')).format(_converse.time_format);
  1013. expect(msg_time.textContent).toBe(time);
  1014. done();
  1015. }));
  1016. it("will be correctly identified and rendered as a followup message",
  1017. mock.initConverseWithPromises(
  1018. null, ['rosterGroupsFetched'], {},
  1019. function (done, _converse) {
  1020. test_utils.createContacts(_converse, 'current');
  1021. test_utils.openControlBox();
  1022. test_utils.waitUntil(() => $(_converse.rosterview.el).find('.roster-group').length, 300)
  1023. .then(function () {
  1024. const base_time = new Date();
  1025. const ONE_MINUTE_LATER = 60000;
  1026. jasmine.clock().install();
  1027. jasmine.clock().mockDate(base_time);
  1028. var message, msg;
  1029. spyOn(_converse, 'log');
  1030. spyOn(_converse.chatboxes, 'getChatBox').and.callThrough();
  1031. _converse.filter_by_resource = true;
  1032. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1033. _converse.chatboxes.onMessage($msg({
  1034. 'from': sender_jid,
  1035. 'to': _converse.connection.jid,
  1036. 'type': 'chat',
  1037. 'id': (new Date()).getTime()
  1038. }).c('body').t('A message').up()
  1039. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  1040. jasmine.clock().tick(3*ONE_MINUTE_LATER);
  1041. _converse.chatboxes.onMessage($msg({
  1042. 'from': sender_jid,
  1043. 'to': _converse.connection.jid,
  1044. 'type': 'chat',
  1045. 'id': (new Date()).getTime()
  1046. }).c('body').t("Another message 3 minutes later").up()
  1047. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  1048. jasmine.clock().tick(11*ONE_MINUTE_LATER);
  1049. _converse.chatboxes.onMessage($msg({
  1050. 'from': sender_jid,
  1051. 'to': _converse.connection.jid,
  1052. 'type': 'chat',
  1053. 'id': (new Date()).getTime()
  1054. }).c('body').t("Another message 14 minutes since we started").up()
  1055. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  1056. jasmine.clock().tick(1000);
  1057. // Insert <composing> message, to also check that
  1058. // text messages are inserted correctly with
  1059. // temporary chat events in the chat contents.
  1060. _converse.chatboxes.onMessage($msg({
  1061. 'id': 'aeb219',
  1062. 'to': _converse.bare_jid,
  1063. 'xmlns': 'jabber:client',
  1064. 'from': sender_jid,
  1065. 'type': 'chat'})
  1066. .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up()
  1067. .tree());
  1068. jasmine.clock().tick(1*ONE_MINUTE_LATER);
  1069. _converse.chatboxes.onMessage($msg({
  1070. 'from': sender_jid,
  1071. 'to': _converse.connection.jid,
  1072. 'type': 'chat',
  1073. 'id': (new Date()).getTime()
  1074. }).c('body').t("Another message 1 minute and 1 second since the previous one").up()
  1075. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
  1076. jasmine.clock().tick(1*ONE_MINUTE_LATER);
  1077. var view = _converse.chatboxviews.get(sender_jid);
  1078. test_utils.sendMessage(view, "Another message within 10 minutes, but from a different person");
  1079. var chat_content = view.el.querySelector('.chat-content');
  1080. expect(chat_content.querySelectorAll('.message').length).toBe(6);
  1081. expect(chat_content.querySelectorAll('.chat-msg').length).toBe(5);
  1082. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(2)'))).toBe(false);
  1083. expect(chat_content.querySelector('.message:nth-child(2) .chat-msg-text').textContent).toBe("A message");
  1084. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(3)'))).toBe(true);
  1085. expect(chat_content.querySelector('.message:nth-child(3) .chat-msg-text').textContent).toBe(
  1086. "Another message 3 minutes later");
  1087. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(4)'))).toBe(false);
  1088. expect(chat_content.querySelector('.message:nth-child(4) .chat-msg-text').textContent).toBe(
  1089. "Another message 14 minutes since we started");
  1090. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(5)'))).toBe(true);
  1091. expect(chat_content.querySelector('.message:nth-child(5) .chat-msg-text').textContent).toBe(
  1092. "Another message 1 minute and 1 second since the previous one");
  1093. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(6)'))).toBe(false);
  1094. expect(chat_content.querySelector('.message:nth-child(6) .chat-msg-text').textContent).toBe(
  1095. "Another message within 10 minutes, but from a different person");
  1096. // Let's add a delayed, inbetween message
  1097. _converse.chatboxes.onMessage($msg({'id': 'aeb218', 'to': _converse.bare_jid})
  1098. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  1099. .c('delay', {'xmlns': 'urn:xmpp:delay',
  1100. 'stamp': moment(base_time).add(5, 'minutes').format()
  1101. }).up()
  1102. .c('message', {
  1103. 'xmlns': 'jabber:client',
  1104. 'to': _converse.bare_jid,
  1105. 'from': sender_jid,
  1106. 'type': 'chat'})
  1107. .c('body').t("A delayed message, sent 5 minutes since we started")
  1108. .tree());
  1109. expect(chat_content.querySelectorAll('.message').length).toBe(7);
  1110. expect(chat_content.querySelectorAll('.chat-msg').length).toBe(6);
  1111. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(2)'))).toBe(false);
  1112. expect(chat_content.querySelector('.message:nth-child(2) .chat-msg-text').textContent).toBe("A message");
  1113. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(3)'))).toBe(true);
  1114. expect(chat_content.querySelector('.message:nth-child(3) .chat-msg-text').textContent).toBe(
  1115. "Another message 3 minutes later");
  1116. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(4)'))).toBe(true);
  1117. expect(chat_content.querySelector('.message:nth-child(4) .chat-msg-text').textContent).toBe(
  1118. "A delayed message, sent 5 minutes since we started");
  1119. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(5)'))).toBe(true);
  1120. expect(chat_content.querySelector('.message:nth-child(5) .chat-msg-text').textContent).toBe(
  1121. "Another message 14 minutes since we started");
  1122. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(6)'))).toBe(true);
  1123. expect(chat_content.querySelector('.message:nth-child(6) .chat-msg-text').textContent).toBe(
  1124. "Another message 1 minute and 1 second since the previous one");
  1125. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(7)'))).toBe(false);
  1126. _converse.chatboxes.onMessage($msg({'id': 'aeb213', 'to': _converse.bare_jid})
  1127. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  1128. .c('delay', {'xmlns': 'urn:xmpp:delay', 'stamp':moment(base_time).add(4, 'minutes').format()}).up()
  1129. .c('message', {
  1130. 'xmlns': 'jabber:client',
  1131. 'to': sender_jid,
  1132. 'from': _converse.bare_jid+"/some-other-resource",
  1133. 'type': 'chat'})
  1134. .c('body').t("A carbon message 4 minutes later")
  1135. .tree());
  1136. expect(chat_content.querySelectorAll('.message').length).toBe(8);
  1137. expect(chat_content.querySelectorAll('.chat-msg').length).toBe(7);
  1138. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(2)'))).toBe(false);
  1139. expect(chat_content.querySelector('.message:nth-child(2) .chat-msg-text').textContent).toBe("A message");
  1140. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(3)'))).toBe(true);
  1141. expect(chat_content.querySelector('.message:nth-child(3) .chat-msg-text').textContent).toBe(
  1142. "Another message 3 minutes later");
  1143. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(4)'))).toBe(false);
  1144. expect(chat_content.querySelector('.message:nth-child(4) .chat-msg-text').textContent).toBe(
  1145. "A carbon message 4 minutes later");
  1146. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(5)'))).toBe(false);
  1147. expect(chat_content.querySelector('.message:nth-child(5) .chat-msg-text').textContent).toBe(
  1148. "A delayed message, sent 5 minutes since we started");
  1149. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(6)'))).toBe(true);
  1150. expect(chat_content.querySelector('.message:nth-child(6) .chat-msg-text').textContent).toBe(
  1151. "Another message 14 minutes since we started");
  1152. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(7)'))).toBe(true);
  1153. expect(chat_content.querySelector('.message:nth-child(7) .chat-msg-text').textContent).toBe(
  1154. "Another message 1 minute and 1 second since the previous one");
  1155. expect(u.hasClass('chat-msg-followup', chat_content.querySelector('.message:nth-child(8)'))).toBe(false);
  1156. expect(chat_content.querySelector('.message:nth-child(8) .chat-msg-text').textContent).toBe(
  1157. "Another message within 10 minutes, but from a different person");
  1158. jasmine.clock().uninstall();
  1159. done();
  1160. });
  1161. }));
  1162. describe("which contains a OOB URL", function () {
  1163. it("will render audio from oob mp3 URLs",
  1164. mock.initConverseWithPromises(
  1165. null, ['rosterGroupsFetched'], {},
  1166. function (done, _converse) {
  1167. test_utils.createContacts(_converse, 'current');
  1168. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1169. test_utils.openChatBoxFor(_converse, contact_jid);
  1170. var view = _converse.chatboxviews.get(contact_jid);
  1171. spyOn(view.model, 'sendMessage').and.callThrough();
  1172. var stanza = Strophe.xmlHtmlNode(
  1173. "<message from='"+contact_jid+"'"+
  1174. " type='chat'"+
  1175. " to='dummy@localhost/resource'>"+
  1176. " <body>Have you heard this funny audio?</body>"+
  1177. " <x xmlns='jabber:x:oob'><url>http://localhost/audio.mp3</url></x>"+
  1178. "</message>").firstChild;
  1179. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1180. test_utils.waitUntil(function () {
  1181. return view.el.querySelectorAll('.chat-content .chat-msg audio').length;
  1182. }, 1000).then(function () {
  1183. var msg = view.el.querySelector('.chat-msg .chat-msg-text');
  1184. expect(msg.outerHTML).toEqual('<span class="chat-msg-text">Have you heard this funny audio?</span>');
  1185. var media = view.el.querySelector('.chat-msg .chat-msg-media');
  1186. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1187. '<audio controls=""><source src="http://localhost/audio.mp3" type="audio/mpeg"></audio>'+
  1188. '<a target="_blank" rel="noopener" href="http://localhost/audio.mp3">Download audio file</a>');
  1189. // If the <url> and <body> contents is the same, don't duplicate.
  1190. var stanza = Strophe.xmlHtmlNode(
  1191. "<message from='"+contact_jid+"'"+
  1192. " type='chat'"+
  1193. " to='dummy@localhost/resource'>"+
  1194. " <body>http://localhost/audio.mp3</body>"+
  1195. " <x xmlns='jabber:x:oob'><url>http://localhost/audio.mp3</url></x>"+
  1196. "</message>").firstChild;
  1197. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1198. msg = view.el.querySelector('.chat-msg:last-child .chat-msg-text');
  1199. expect(msg.innerHTML).toEqual('');
  1200. media = view.el.querySelector('.chat-msg:last-child .chat-msg-media');
  1201. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1202. '<audio controls=""><source src="http://localhost/audio.mp3" type="audio/mpeg"></audio>'+
  1203. '<a target="_blank" rel="noopener" href="http://localhost/audio.mp3">Download audio file</a>');
  1204. done();
  1205. });
  1206. }));
  1207. it("will render video from oob mp4 URLs",
  1208. mock.initConverseWithPromises(
  1209. null, ['rosterGroupsFetched'], {},
  1210. function (done, _converse) {
  1211. test_utils.createContacts(_converse, 'current');
  1212. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1213. test_utils.openChatBoxFor(_converse, contact_jid);
  1214. var view = _converse.chatboxviews.get(contact_jid);
  1215. spyOn(view.model, 'sendMessage').and.callThrough();
  1216. var stanza = Strophe.xmlHtmlNode(
  1217. "<message from='"+contact_jid+"'"+
  1218. " type='chat'"+
  1219. " to='dummy@localhost/resource'>"+
  1220. " <body>Have you seen this funny video?</body>"+
  1221. " <x xmlns='jabber:x:oob'><url>http://localhost/video.mp4</url></x>"+
  1222. "</message>").firstChild;
  1223. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1224. test_utils.waitUntil(function () {
  1225. return view.el.querySelectorAll('.chat-content .chat-msg video').length;
  1226. }, 2000).then(function () {
  1227. var msg = view.el.querySelector('.chat-msg .chat-msg-text');
  1228. expect(msg.outerHTML).toEqual('<span class="chat-msg-text">Have you seen this funny video?</span>');
  1229. var media = view.el.querySelector('.chat-msg .chat-msg-media');
  1230. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1231. '<video controls=""><source src="http://localhost/video.mp4" type="video/mp4"></video>'+
  1232. '<a target="_blank" rel="noopener" href="http://localhost/video.mp4">Download video file</a>');
  1233. // If the <url> and <body> contents is the same, don't duplicate.
  1234. var stanza = Strophe.xmlHtmlNode(
  1235. "<message from='"+contact_jid+"'"+
  1236. " type='chat'"+
  1237. " to='dummy@localhost/resource'>"+
  1238. " <body>http://localhost/video.mp4</body>"+
  1239. " <x xmlns='jabber:x:oob'><url>http://localhost/video.mp4</url></x>"+
  1240. "</message>").firstChild;
  1241. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1242. msg = view.el.querySelector('.chat-msg:last-child .chat-msg-text');
  1243. expect(msg.innerHTML).toEqual('');
  1244. media = view.el.querySelector('.chat-msg:last-child .chat-msg-media');
  1245. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1246. '<video controls=""><source src="http://localhost/video.mp4" type="video/mp4"></video>'+
  1247. '<a target="_blank" rel="noopener" href="http://localhost/video.mp4">Download video file</a>');
  1248. done();
  1249. });
  1250. }));
  1251. it("will render download links for files from oob URLs",
  1252. mock.initConverseWithPromises(
  1253. null, ['rosterGroupsFetched'], {},
  1254. function (done, _converse) {
  1255. test_utils.createContacts(_converse, 'current');
  1256. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1257. test_utils.openChatBoxFor(_converse, contact_jid);
  1258. var view = _converse.chatboxviews.get(contact_jid);
  1259. spyOn(view.model, 'sendMessage').and.callThrough();
  1260. var stanza = Strophe.xmlHtmlNode(
  1261. "<message from='"+contact_jid+"'"+
  1262. " type='chat'"+
  1263. " to='dummy@localhost/resource'>"+
  1264. " <body>Have you downloaded this funny file?</body>"+
  1265. " <x xmlns='jabber:x:oob'><url>http://localhost/funny.pdf</url></x>"+
  1266. "</message>").firstChild;
  1267. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1268. test_utils.waitUntil(function () {
  1269. return view.el.querySelectorAll('.chat-content .chat-msg a').length;
  1270. }, 1000).then(function () {
  1271. var msg = view.el.querySelector('.chat-msg .chat-msg-text');
  1272. expect(msg.outerHTML).toEqual('<span class="chat-msg-text">Have you downloaded this funny file?</span>');
  1273. var media = view.el.querySelector('.chat-msg .chat-msg-media');
  1274. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1275. '<a target="_blank" rel="noopener" href="http://localhost/funny.pdf">Download: "funny.pdf</a>');
  1276. done();
  1277. });
  1278. }));
  1279. it("will render images from oob URLs",
  1280. mock.initConverseWithPromises(
  1281. null, ['rosterGroupsFetched'], {},
  1282. function (done, _converse) {
  1283. test_utils.createContacts(_converse, 'current');
  1284. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1285. test_utils.openChatBoxFor(_converse, contact_jid);
  1286. var view = _converse.chatboxviews.get(contact_jid);
  1287. spyOn(view.model, 'sendMessage').and.callThrough();
  1288. var base_url = document.URL.split(window.location.pathname)[0];
  1289. var url = base_url+"/logo/conversejs-filled.svg";
  1290. var stanza = Strophe.xmlHtmlNode(
  1291. "<message from='"+contact_jid+"'"+
  1292. " type='chat'"+
  1293. " to='dummy@localhost/resource'>"+
  1294. " <body>Have you seen this funny image?</body>"+
  1295. " <x xmlns='jabber:x:oob'><url>"+url+"</url></x>"+
  1296. "</message>").firstChild;
  1297. _converse.connection._dataRecv(test_utils.createRequest(stanza));
  1298. test_utils.waitUntil(function () {
  1299. return view.el.querySelectorAll('.chat-content .chat-msg img').length;
  1300. }, 2000).then(function () {
  1301. var msg = view.el.querySelector('.chat-msg .chat-msg-text');
  1302. expect(msg.outerHTML).toEqual('<span class="chat-msg-text">Have you seen this funny image?</span>');
  1303. var media = view.el.querySelector('.chat-msg .chat-msg-media');
  1304. expect(media.innerHTML.replace(/(\r\n|\n|\r)/gm, "")).toEqual(
  1305. '<a href="http://localhost:8000/logo/conversejs-filled.svg" target="_blank" rel="noopener">'+
  1306. '<img class="chat-image img-thumbnail" src="http://localhost:8000/logo/conversejs-filled.svg">'+
  1307. '</a>');
  1308. done();
  1309. });
  1310. }));
  1311. });
  1312. });
  1313. }));