chatbox.js 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517
  1. (function (root, factory) {
  2. define([
  3. "mock",
  4. "utils"
  5. ], function (mock, utils) {
  6. return factory(mock, utils);
  7. }
  8. );
  9. } (this, function (mock, utils) {
  10. return describe("Chatboxes", $.proxy(function(mock, utils) {
  11. describe("A Chatbox", $.proxy(function () {
  12. beforeEach(function () {
  13. utils.closeAllChatBoxes();
  14. utils.removeControlBox();
  15. converse.roster.localStorage._clear();
  16. utils.initConverse();
  17. utils.createCurrentContacts();
  18. utils.openControlBox();
  19. utils.openContactsPanel();
  20. });
  21. it("is created when you click on a roster item", $.proxy(function () {
  22. var i, $el, click, jid, view;
  23. // openControlBox was called earlier, so the controlbox is
  24. // visible, but no other chat boxes have been created.
  25. expect(this.chatboxes.length).toEqual(1);
  26. var online_contacts = this.rosterview.$el.find('dt#xmpp-contacts').siblings('dd.current-xmpp-contact.online').find('a.open-chat');
  27. for (i=0; i<online_contacts.length; i++) {
  28. $el = $(online_contacts[i]);
  29. jid = $el.text().replace(' ','.').toLowerCase() + '@localhost';
  30. view = this.rosterview.rosteritemviews[jid];
  31. spyOn(view, 'openChat').andCallThrough();
  32. view.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
  33. $el.click();
  34. expect(view.openChat).toHaveBeenCalled();
  35. expect(this.chatboxes.length).toEqual(i+2);
  36. }
  37. }, converse));
  38. it("can be saved to, and retrieved from, localStorage", $.proxy(function () {
  39. spyOn(converse, 'emit');
  40. utils.closeControlBox();
  41. expect(converse.emit).toHaveBeenCalledWith('onChatBoxClosed', jasmine.any(Object));
  42. // First, we open 6 more chatboxes (controlbox is already open)
  43. utils.openChatBoxes(6);
  44. // We instantiate a new ChatBoxes collection, which by default
  45. // will be empty.
  46. var newchatboxes = new this.ChatBoxes();
  47. expect(newchatboxes.length).toEqual(0);
  48. // The chatboxes will then be fetched from localStorage inside the
  49. // onConnected method
  50. newchatboxes.onConnected();
  51. expect(newchatboxes.length).toEqual(6);
  52. // Check that the chatboxes items retrieved from localStorage
  53. // have the same attributes values as the original ones.
  54. attrs = ['id', 'box_id', 'visible'];
  55. for (i=0; i<attrs.length; i++) {
  56. new_attrs = _.pluck(_.pluck(newchatboxes.models, 'attributes'), attrs[i]);
  57. old_attrs = _.pluck(_.pluck(this.chatboxes.models, 'attributes'), attrs[i]);
  58. expect(_.isEqual(new_attrs, old_attrs)).toEqual(true);
  59. }
  60. this.rosterview.render();
  61. }, converse));
  62. it("can be closed again by clicking a DOM element with class 'close-chatbox-button'", $.proxy(function () {
  63. spyOn(converse, 'emit');
  64. var chatbox, view, $el,
  65. num_open_chats = this.chatboxes.length;
  66. for (i=0; i<num_open_chats; i++) {
  67. chatbox = this.chatboxes.models[0];
  68. view = this.chatboxesview.views[chatbox.get('id')];
  69. spyOn(view, 'closeChat').andCallThrough();
  70. view.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
  71. view.$el.find('.close-chatbox-button').click();
  72. expect(view.closeChat).toHaveBeenCalled();
  73. expect(converse.emit).toHaveBeenCalledWith('onChatBoxClosed', jasmine.any(Object));
  74. }
  75. }, converse));
  76. it("will be removed from localStorage when closed", $.proxy(function () {
  77. spyOn(converse, 'emit');
  78. this.chatboxes.localStorage._clear();
  79. utils.closeControlBox();
  80. expect(converse.chatboxes.length).toEqual(0);
  81. utils.openChatBoxes(6);
  82. expect(converse.chatboxes.length).toEqual(6);
  83. expect(converse.emit).toHaveBeenCalledWith('onChatBoxOpened', jasmine.any(Object));
  84. utils.closeAllChatBoxes();
  85. expect(converse.chatboxes.length).toEqual(0);
  86. expect(converse.emit).toHaveBeenCalledWith('onChatBoxClosed', jasmine.any(Object));
  87. var newchatboxes = new this.ChatBoxes();
  88. expect(newchatboxes.length).toEqual(0);
  89. // onConnected will fetch chatboxes in localStorage, but
  90. // because there aren't any open chatboxes, there won't be any
  91. // in localStorage either.
  92. newchatboxes.onConnected();
  93. expect(newchatboxes.length).toEqual(0);
  94. }, converse));
  95. describe("A chat toolbar", $.proxy(function () {
  96. it("can be found on each chat box", $.proxy(function () {
  97. var contact_jid = mock.cur_names[2].replace(' ','.').toLowerCase() + '@localhost';
  98. utils.openChatBoxFor(contact_jid);
  99. var chatbox = this.chatboxes.get(contact_jid);
  100. var view = this.chatboxesview.views[contact_jid];
  101. expect(chatbox).toBeDefined();
  102. expect(view).toBeDefined();
  103. var $toolbar = view.$el.find('ul.chat-toolbar');
  104. expect($toolbar.length).toBe(1);
  105. expect($toolbar.children('li').length).toBe(3);
  106. }, converse));
  107. it("contains a button for inserting emoticons", $.proxy(function () {
  108. var contact_jid = mock.cur_names[2].replace(' ','.').toLowerCase() + '@localhost';
  109. utils.openChatBoxFor(contact_jid);
  110. var chatbox = this.chatboxes.get(contact_jid);
  111. var view = this.chatboxesview.views[contact_jid];
  112. var $toolbar = view.$el.find('ul.chat-toolbar');
  113. var $textarea = view.$el.find('textarea.chat-textarea');
  114. expect($toolbar.children('li.toggle-smiley').length).toBe(1);
  115. // Register spies
  116. spyOn(view, 'toggleEmoticonMenu').andCallThrough();
  117. spyOn(view, 'insertEmoticon').andCallThrough();
  118. view.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
  119. runs(function () {
  120. $toolbar.children('li.toggle-smiley').click();
  121. });
  122. waits(250);
  123. runs(function () {
  124. expect(view.toggleEmoticonMenu).toHaveBeenCalled();
  125. var $menu = view.$el.find('.toggle-smiley ul');
  126. var $items = $menu.children('li');
  127. expect($menu.is(':visible')).toBeTruthy();
  128. expect($items.length).toBe(13);
  129. expect($($items[0]).children('a').data('emoticon')).toBe(':)');
  130. expect($($items[1]).children('a').data('emoticon')).toBe(';)');
  131. expect($($items[2]).children('a').data('emoticon')).toBe(':D');
  132. expect($($items[3]).children('a').data('emoticon')).toBe(':P');
  133. expect($($items[4]).children('a').data('emoticon')).toBe('8)');
  134. expect($($items[5]).children('a').data('emoticon')).toBe('>:)');
  135. expect($($items[6]).children('a').data('emoticon')).toBe(':S');
  136. expect($($items[7]).children('a').data('emoticon')).toBe(':\\');
  137. expect($($items[8]).children('a').data('emoticon')).toBe('>:(');
  138. expect($($items[9]).children('a').data('emoticon')).toBe(':(');
  139. expect($($items[10]).children('a').data('emoticon')).toBe(':O');
  140. expect($($items[11]).children('a').data('emoticon')).toBe('(^.^)b');
  141. expect($($items[12]).children('a').data('emoticon')).toBe('<3');
  142. $items[0].click();
  143. });
  144. waits(250);
  145. runs(function () {
  146. expect(view.insertEmoticon).toHaveBeenCalled();
  147. expect($textarea.val()).toBe(':) ');
  148. expect(view.$el.find('.toggle-smiley ul').is(':visible')).toBeFalsy();
  149. $toolbar.children('li.toggle-smiley').click();
  150. });
  151. waits(250);
  152. runs(function () {
  153. expect(view.toggleEmoticonMenu).toHaveBeenCalled();
  154. expect(view.$el.find('.toggle-smiley ul').is(':visible')).toBeTruthy();
  155. view.$el.find('.toggle-smiley ul').children('li').last().click();
  156. });
  157. waits(250);
  158. runs(function () {
  159. expect(view.insertEmoticon).toHaveBeenCalled();
  160. expect(view.$el.find('.toggle-smiley ul').is(':visible')).toBeFalsy();
  161. expect($textarea.val()).toBe(':) <3 ');
  162. });
  163. }, converse));
  164. it("contains a button for starting an encrypted chat session", $.proxy(function () {
  165. // TODO: More tests can be added here...
  166. var contact_jid = mock.cur_names[2].replace(' ','.').toLowerCase() + '@localhost';
  167. utils.openChatBoxFor(contact_jid);
  168. var chatbox = this.chatboxes.get(contact_jid);
  169. var view = this.chatboxesview.views[contact_jid];
  170. var $toolbar = view.$el.find('ul.chat-toolbar');
  171. expect($toolbar.children('li.toggle-otr').length).toBe(1);
  172. // Register spies
  173. spyOn(view, 'toggleOTRMenu').andCallThrough();
  174. view.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
  175. runs(function () {
  176. $toolbar.children('li.toggle-otr').click();
  177. });
  178. waits(250);
  179. runs(function () {
  180. expect(view.toggleOTRMenu).toHaveBeenCalled();
  181. var $menu = view.$el.find('.toggle-otr ul');
  182. expect($menu.is(':visible')).toBeTruthy();
  183. expect($menu.children('li').length).toBe(2);
  184. });
  185. }, converse));
  186. it("contains a button for starting a call", $.proxy(function () {
  187. spyOn(converse, 'emit');
  188. var contact_jid = mock.cur_names[2].replace(' ','.').toLowerCase() + '@localhost';
  189. utils.openChatBoxFor(contact_jid);
  190. var chatbox = this.chatboxes.get(contact_jid);
  191. var view = this.chatboxesview.views[contact_jid];
  192. var $toolbar = view.$el.find('ul.chat-toolbar');
  193. var callButton = $toolbar.find('.toggle-call');
  194. expect(callButton.length).toBe(1);
  195. runs(function () {
  196. callButton.click();
  197. expect(converse.emit).toHaveBeenCalledWith('onCallButtonClicked', jasmine.any(Object));
  198. });
  199. }, converse));
  200. }, converse));
  201. describe("A Chat Message", $.proxy(function () {
  202. beforeEach(function () {
  203. runs(function () {
  204. utils.closeAllChatBoxes();
  205. });
  206. waits(250);
  207. runs(function () {});
  208. });
  209. it("can be received which will open a chatbox and be displayed inside it", $.proxy(function () {
  210. spyOn(converse, 'emit');
  211. var message = 'This is a received message';
  212. var sender_jid = mock.cur_names[0].replace(' ','.').toLowerCase() + '@localhost';
  213. msg = $msg({
  214. from: sender_jid,
  215. to: this.connection.jid,
  216. type: 'chat',
  217. id: (new Date()).getTime()
  218. }).c('body').t(message).up()
  219. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  220. // We don't already have an open chatbox for this user
  221. expect(this.chatboxes.get(sender_jid)).not.toBeDefined();
  222. runs($.proxy(function () {
  223. // onMessage is a handler for received XMPP messages
  224. this.chatboxes.onMessage(msg);
  225. expect(converse.emit).toHaveBeenCalledWith('onMessage', msg);
  226. }, converse));
  227. waits(300);
  228. runs($.proxy(function () {
  229. // Check that the chatbox and its view now exist
  230. var chatbox = this.chatboxes.get(sender_jid);
  231. var chatboxview = this.chatboxesview.views[sender_jid];
  232. expect(chatbox).toBeDefined();
  233. expect(chatboxview).toBeDefined();
  234. // Check that the message was received and check the
  235. // message parameters
  236. expect(chatbox.messages.length).toEqual(1);
  237. var msg_obj = chatbox.messages.models[0];
  238. expect(msg_obj.get('message')).toEqual(message);
  239. // XXX: This is stupid, fullname is actually only the
  240. // users first name
  241. expect(msg_obj.get('fullname')).toEqual(mock.cur_names[0].split(' ')[0]);
  242. expect(msg_obj.get('sender')).toEqual('them');
  243. expect(msg_obj.get('delayed')).toEqual(false);
  244. // Now check that the message appears inside the
  245. // chatbox in the DOM
  246. var $chat_content = chatboxview.$el.find('.chat-content');
  247. var msg_txt = $chat_content.find('.chat-message').find('.chat-message-content').text();
  248. expect(msg_txt).toEqual(message);
  249. var sender_txt = $chat_content.find('span.chat-message-them').text();
  250. expect(sender_txt.match(/^[0-9][0-9]:[0-9][0-9] /)).toBeTruthy();
  251. }, converse));
  252. }, converse));
  253. it("will indate when it has a time difference of more than a day between it and it's predecessor", $.proxy(function () {
  254. spyOn(converse, 'emit');
  255. var contact_name = mock.cur_names[1];
  256. var contact_jid = contact_name.replace(' ','.').toLowerCase() + '@localhost';
  257. utils.openChatBoxFor(contact_jid);
  258. utils.clearChatBoxMessages(contact_jid);
  259. var one_day_ago = new Date(new Date().setDate(new Date().getDate()-1));
  260. var message = 'This is a day old message';
  261. var chatbox = this.chatboxes.get(contact_jid);
  262. var chatboxview = this.chatboxesview.views[contact_jid];
  263. var $chat_content = chatboxview.$el.find('.chat-content');
  264. var msg_obj;
  265. var msg_txt;
  266. var sender_txt;
  267. var msg = $msg({
  268. from: contact_jid,
  269. to: this.connection.jid,
  270. type: 'chat',
  271. id: one_day_ago.getTime()
  272. }).c('body').t(message).up()
  273. .c('delay', { xmlns:'urn:xmpp:delay', from: 'localhost', stamp: converse.toISOString(one_day_ago) })
  274. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  275. this.chatboxes.onMessage(msg);
  276. expect(converse.emit).toHaveBeenCalledWith('onMessage', msg);
  277. expect(chatbox.messages.length).toEqual(1);
  278. msg_obj = chatbox.messages.models[0];
  279. expect(msg_obj.get('message')).toEqual(message);
  280. expect(msg_obj.get('fullname')).toEqual(contact_name.split(' ')[0]);
  281. expect(msg_obj.get('sender')).toEqual('them');
  282. expect(msg_obj.get('delayed')).toEqual(true);
  283. msg_txt = $chat_content.find('.chat-message').find('.chat-message-content').text();
  284. expect(msg_txt).toEqual(message);
  285. sender_txt = $chat_content.find('span.chat-message-them').text();
  286. expect(sender_txt.match(/^[0-9][0-9]:[0-9][0-9] /)).toBeTruthy();
  287. message = 'This is a current message';
  288. msg = $msg({
  289. from: contact_jid,
  290. to: this.connection.jid,
  291. type: 'chat',
  292. id: new Date().getTime()
  293. }).c('body').t(message).up()
  294. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  295. this.chatboxes.onMessage(msg);
  296. expect(converse.emit).toHaveBeenCalledWith('onMessage', msg);
  297. // Check that there is a <time> element, with the required
  298. // props.
  299. var $time = $chat_content.find('time');
  300. var message_date = new Date();
  301. message_date.setUTCHours(0,0,0,0);
  302. expect($time.length).toEqual(1);
  303. expect($time.attr('class')).toEqual('chat-date');
  304. expect($time.attr('datetime')).toEqual(converse.toISOString(message_date));
  305. expect($time.text()).toEqual(message_date.toString().substring(0,15));
  306. // Normal checks for the 2nd message
  307. expect(chatbox.messages.length).toEqual(2);
  308. msg_obj = chatbox.messages.models[1];
  309. expect(msg_obj.get('message')).toEqual(message);
  310. expect(msg_obj.get('fullname')).toEqual(contact_name.split(' ')[0]);
  311. expect(msg_obj.get('sender')).toEqual('them');
  312. expect(msg_obj.get('delayed')).toEqual(false);
  313. msg_txt = $chat_content.find('.chat-message').last().find('.chat-message-content').text();
  314. expect(msg_txt).toEqual(message);
  315. sender_txt = $chat_content.find('span.chat-message-them').last().text();
  316. expect(sender_txt.match(/^[0-9][0-9]:[0-9][0-9] /)).toBeTruthy();
  317. }, converse));
  318. it("can be sent from a chatbox, and will appear inside it", $.proxy(function () {
  319. spyOn(converse, 'emit');
  320. var contact_jid = mock.cur_names[0].replace(' ','.').toLowerCase() + '@localhost';
  321. utils.openChatBoxFor(contact_jid);
  322. expect(converse.emit).toHaveBeenCalledWith('onChatBoxOpened', jasmine.any(Object));
  323. var view = this.chatboxesview.views[contact_jid];
  324. var message = 'This message is sent from this chatbox';
  325. spyOn(view, 'sendMessage').andCallThrough();
  326. utils.sendMessage(view, message);
  327. expect(view.sendMessage).toHaveBeenCalled();
  328. expect(view.model.messages.length, 2);
  329. expect(converse.emit.callCount).toEqual(2);
  330. expect(converse.emit.mostRecentCall.args, ['onMessageSend', message]);
  331. var txt = view.$el.find('.chat-content').find('.chat-message').last().find('.chat-message-content').text();
  332. expect(txt).toEqual(message);
  333. }, converse));
  334. it("is sanitized to prevent Javascript injection attacks", $.proxy(function () {
  335. var contact_jid = mock.cur_names[0].replace(' ','.').toLowerCase() + '@localhost';
  336. utils.openChatBoxFor(contact_jid);
  337. var view = this.chatboxesview.views[contact_jid];
  338. var message = '<p>This message contains <em>some</em> <b>markup</b></p>';
  339. spyOn(view, 'sendMessage').andCallThrough();
  340. utils.sendMessage(view, message);
  341. expect(view.sendMessage).toHaveBeenCalled();
  342. var msg = view.$el.find('.chat-content').find('.chat-message').last().find('.chat-message-content');
  343. expect(msg.text()).toEqual(message);
  344. 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;');
  345. }, converse));
  346. it("can contain hyperlinks, which will be clickable", $.proxy(function () {
  347. var contact_jid = mock.cur_names[0].replace(' ','.').toLowerCase() + '@localhost';
  348. utils.openChatBoxFor(contact_jid);
  349. var view = this.chatboxesview.views[contact_jid];
  350. var message = 'This message contains a hyperlink: www.opkode.com';
  351. spyOn(view, 'sendMessage').andCallThrough();
  352. utils.sendMessage(view, message);
  353. expect(view.sendMessage).toHaveBeenCalled();
  354. var msg = view.$el.find('.chat-content').find('.chat-message').last().find('.chat-message-content');
  355. expect(msg.text()).toEqual(message);
  356. expect(msg.html()).toEqual('This message contains a hyperlink: <a target="_blank" href="http://www.opkode.com">www.opkode.com</a>');
  357. }, converse));
  358. it("will have properly escaped URLs", $.proxy(function () {
  359. var contact_jid = mock.cur_names[0].replace(' ','.').toLowerCase() + '@localhost';
  360. utils.openChatBoxFor(contact_jid);
  361. var view = this.chatboxesview.views[contact_jid];
  362. spyOn(view, 'sendMessage').andCallThrough();
  363. var message = "http://www.opkode.com/'onmouseover='alert(1)'whatever";
  364. utils.sendMessage(view, message);
  365. expect(view.sendMessage).toHaveBeenCalled();
  366. var msg = view.$el.find('.chat-content').find('.chat-message').last().find('.chat-message-content');
  367. expect(msg.text()).toEqual(message);
  368. expect(msg.html()).toEqual('<a target="_blank" href="http://www.opkode.com/%27onmouseover=%27alert%281%29%27whatever">http://www.opkode.com/\'onmouseover=\'alert(1)\'whatever</a>');
  369. message = 'http://www.opkode.com/"onmouseover="alert(1)"whatever';
  370. utils.sendMessage(view, message);
  371. expect(view.sendMessage).toHaveBeenCalled();
  372. msg = view.$el.find('.chat-content').find('.chat-message').last().find('.chat-message-content');
  373. expect(msg.text()).toEqual(message);
  374. expect(msg.html()).toEqual('<a target="_blank" href="http://www.opkode.com/%22onmouseover=%22alert%281%29%22whatever">http://www.opkode.com/"onmouseover="alert(1)"whatever</a>');
  375. message = "https://en.wikipedia.org/wiki/Ender's_Game";
  376. utils.sendMessage(view, message);
  377. expect(view.sendMessage).toHaveBeenCalled();
  378. msg = view.$el.find('.chat-content').find('.chat-message').last().find('.chat-message-content');
  379. expect(msg.text()).toEqual(message);
  380. expect(msg.html()).toEqual('<a target="_blank" href="https://en.wikipedia.org/wiki/Ender%27s_Game">https://en.wikipedia.org/wiki/Ender\'s_Game</a>');
  381. message = "https://en.wikipedia.org/wiki/Ender%27s_Game";
  382. utils.sendMessage(view, message);
  383. expect(view.sendMessage).toHaveBeenCalled();
  384. msg = view.$el.find('.chat-content').find('.chat-message').last().find('.chat-message-content');
  385. expect(msg.text()).toEqual(message);
  386. expect(msg.html()).toEqual('<a target="_blank" href="https://en.wikipedia.org/wiki/Ender%27s_Game">https://en.wikipedia.org/wiki/Ender%27s_Game</a>');
  387. }, converse));
  388. }, converse));
  389. }, converse));
  390. describe("Special Messages", $.proxy(function () {
  391. beforeEach(function () {
  392. utils.closeAllChatBoxes();
  393. utils.removeControlBox();
  394. converse.roster.localStorage._clear();
  395. utils.initConverse();
  396. utils.createCurrentContacts();
  397. utils.openControlBox();
  398. utils.openContactsPanel();
  399. });
  400. it("'/clear' can be used to clear messages in a conversation", $.proxy(function () {
  401. spyOn(converse, 'emit');
  402. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  403. utils.openChatBoxFor(contact_jid);
  404. var view = this.chatboxesview.views[contact_jid];
  405. var message = 'This message is another sent from this chatbox';
  406. // Lets make sure there is at least one message already
  407. // (e.g for when this test is run on its own).
  408. utils.sendMessage(view, message);
  409. expect(view.model.messages.length > 0).toBeTruthy();
  410. expect(view.model.messages.localStorage.records.length > 0).toBeTruthy();
  411. expect(converse.emit).toHaveBeenCalledWith('onMessageSend', message);
  412. message = '/clear';
  413. var old_length = view.model.messages.length;
  414. spyOn(view, 'sendMessage').andCallThrough();
  415. utils.sendMessage(view, message);
  416. expect(view.sendMessage).toHaveBeenCalled();
  417. expect(view.model.messages.length, 0); // The messages must be removed from the modal
  418. expect(view.model.messages.localStorage.records.length, 0); // And also from localStorage
  419. expect(converse.emit.callCount, 1);
  420. expect(converse.emit.mostRecentCall.args, ['onMessageSend', message]);
  421. }, converse));
  422. }, converse));
  423. describe("A Message Counter", $.proxy(function () {
  424. beforeEach($.proxy(function () {
  425. converse.clearMsgCounter();
  426. }, converse));
  427. it("is incremented when the message is received and the window is not focused", $.proxy(function () {
  428. spyOn(converse, 'emit');
  429. expect(this.msg_counter).toBe(0);
  430. spyOn(converse, 'incrementMsgCounter').andCallThrough();
  431. $(window).trigger('blur');
  432. var message = 'This message will increment the message counter';
  433. var sender_jid = mock.cur_names[0].replace(' ','.').toLowerCase() + '@localhost';
  434. msg = $msg({
  435. from: sender_jid,
  436. to: this.connection.jid,
  437. type: 'chat',
  438. id: (new Date()).getTime()
  439. }).c('body').t(message).up()
  440. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  441. this.chatboxes.onMessage(msg);
  442. expect(converse.incrementMsgCounter).toHaveBeenCalled();
  443. expect(this.msg_counter).toBe(1);
  444. expect(converse.emit).toHaveBeenCalledWith('onMessage', msg);
  445. }, converse));
  446. it("is cleared when the window is focused", $.proxy(function () {
  447. spyOn(converse, 'clearMsgCounter').andCallThrough();
  448. runs(function () {
  449. $(window).trigger('focus');
  450. });
  451. waits(50);
  452. runs(function () {
  453. expect(converse.clearMsgCounter).toHaveBeenCalled();
  454. });
  455. }, converse));
  456. it("is not incremented when the message is received and the window is focused", $.proxy(function () {
  457. expect(this.msg_counter).toBe(0);
  458. spyOn(converse, 'incrementMsgCounter').andCallThrough();
  459. $(window).trigger('focus');
  460. var message = 'This message will not increment the message counter';
  461. var sender_jid = mock.cur_names[0].replace(' ','.').toLowerCase() + '@localhost';
  462. msg = $msg({
  463. from: sender_jid,
  464. to: this.connection.jid,
  465. type: 'chat',
  466. id: (new Date()).getTime()
  467. }).c('body').t(message).up()
  468. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  469. this.chatboxes.onMessage(msg);
  470. expect(converse.incrementMsgCounter).not.toHaveBeenCalled();
  471. expect(this.msg_counter).toBe(0);
  472. }, converse));
  473. }, converse));
  474. }, converse, mock, utils));
  475. }));