chatbox.js 87 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655
  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 u = converse.env.utils;
  17. return describe("Chatboxes", function () {
  18. describe("A Chatbox", function () {
  19. it("has a /help command to show the available commands",
  20. mock.initConverseWithPromises(
  21. null, ['rosterGroupsFetched'], {},
  22. function (done, _converse) {
  23. test_utils.createContacts(_converse, 'current');
  24. test_utils.openControlBox();
  25. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  26. test_utils.openChatBoxFor(_converse, contact_jid);
  27. var view = _converse.chatboxviews.get(contact_jid);
  28. test_utils.sendMessage(view, '/help');
  29. const info_messages = Array.prototype.slice.call(view.el.querySelectorAll('.chat-info:not(.chat-date)'), 0);
  30. expect(info_messages.length).toBe(3);
  31. expect(info_messages.pop().textContent).toBe('/help: Show this menu');
  32. expect(info_messages.pop().textContent).toBe('/me: Write in the third person');
  33. expect(info_messages.pop().textContent).toBe('/clear: Remove messages');
  34. var msg = $msg({
  35. from: contact_jid,
  36. to: _converse.connection.jid,
  37. type: 'chat',
  38. id: (new Date()).getTime()
  39. }).c('body').t('hello world').tree();
  40. _converse.chatboxes.onMessage(msg);
  41. expect(view.content.lastElementChild.textContent.trim().indexOf('hello world')).not.toBe(-1);
  42. done();
  43. }));
  44. it("supports the /me command",
  45. mock.initConverseWithPromises(
  46. null, ['rosterGroupsFetched'], {},
  47. function (done, _converse) {
  48. var view;
  49. test_utils.createContacts(_converse, 'current');
  50. test_utils.waitUntilDiscoConfirmed(_converse, 'localhost', [], ['vcard-temp'])
  51. .then(function () {
  52. return test_utils.waitUntil(function () {
  53. return _converse.xmppstatus.get('fullname');
  54. }, 300);
  55. }).then(function () {
  56. test_utils.openControlBox();
  57. expect(_converse.chatboxes.length).toEqual(1);
  58. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  59. var message = '/me is tired';
  60. var msg = $msg({
  61. from: sender_jid,
  62. to: _converse.connection.jid,
  63. type: 'chat',
  64. id: (new Date()).getTime()
  65. }).c('body').t(message).up()
  66. .c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree();
  67. _converse.chatboxes.onMessage(msg);
  68. view = _converse.chatboxviews.get(sender_jid);
  69. test_utils.waitUntil(function () {
  70. return u.isVisible(view.el);
  71. }).then(function () {
  72. expect(_.includes(view.el.querySelector('.chat-msg-author').textContent, '**Max Frankfurter')).toBeTruthy();
  73. expect($(view.el).find('.chat-msg-text').text()).toBe(' is tired');
  74. message = '/me is as well';
  75. test_utils.sendMessage(view, message);
  76. expect(_.includes($(view.el).find('.chat-msg-author:last').text(), '**Max Mustermann')).toBeTruthy();
  77. expect($(view.el).find('.chat-msg-text:last').text()).toBe(' is as well');
  78. done();
  79. });
  80. });
  81. }));
  82. it("is created when you click on a roster item",
  83. mock.initConverseWithPromises(
  84. null, ['rosterGroupsFetched'], {},
  85. function (done, _converse) {
  86. test_utils.createContacts(_converse, 'current');
  87. test_utils.openControlBox();
  88. var i, $el, jid, chatboxview;
  89. // openControlBox was called earlier, so the controlbox is
  90. // visible, but no other chat boxes have been created.
  91. expect(_converse.chatboxes.length).toEqual(1);
  92. spyOn(_converse.chatboxviews, 'trimChats');
  93. expect($("#conversejs .chatbox").length).toBe(1); // Controlbox is open
  94. test_utils.waitUntil(function () {
  95. return $(_converse.rosterview.el).find('.roster-group li').length;
  96. }, 700).then(function () {
  97. var online_contacts = $(_converse.rosterview.el).find('.roster-group .current-xmpp-contact a.open-chat');
  98. expect(online_contacts.length).toBe(15);
  99. for (i=0; i<online_contacts.length; i++) {
  100. $el = $(online_contacts[i]);
  101. jid = $el.text().trim().replace(/ /g,'.').toLowerCase() + '@localhost';
  102. $el[0].click();
  103. chatboxview = _converse.chatboxviews.get(jid);
  104. expect(_converse.chatboxes.length).toEqual(i+2);
  105. expect(_converse.chatboxviews.trimChats).toHaveBeenCalled();
  106. // Check that new chat boxes are created to the left of the
  107. // controlbox (but to the right of all existing chat boxes)
  108. expect($("#conversejs .chatbox").length).toBe(i+2);
  109. expect($("#conversejs .chatbox")[1].id).toBe(chatboxview.model.get('box_id'));
  110. }
  111. done();
  112. });
  113. }));
  114. it("can be trimmed to conserve space",
  115. mock.initConverseWithPromises(
  116. null, ['rosterGroupsFetched'], {},
  117. function (done, _converse) {
  118. test_utils.createContacts(_converse, 'current');
  119. test_utils.openControlBox();
  120. var i, $el, jid, chatbox, chatboxview, trimmedview;
  121. // openControlBox was called earlier, so the controlbox is
  122. // visible, but no other chat boxes have been created.
  123. var trimmed_chatboxes = _converse.minimized_chats;
  124. expect(_converse.chatboxes.length).toEqual(1);
  125. spyOn(_converse.chatboxviews, 'trimChats');
  126. spyOn(trimmed_chatboxes, 'addChat').and.callThrough();
  127. spyOn(trimmed_chatboxes, 'removeChat').and.callThrough();
  128. expect($("#conversejs .chatbox").length).toBe(1); // Controlbox is open
  129. _converse.rosterview.update(); // XXX: Hack to make sure $roster element is attached.
  130. test_utils.waitUntil(function () {
  131. return $(_converse.rosterview.el).find('.roster-group li').length;
  132. }, 700).then(function () {
  133. // Test that they can be maximized again
  134. var online_contacts = $(_converse.rosterview.el).find('.roster-group .current-xmpp-contact a.open-chat');
  135. expect(online_contacts.length).toBe(15);
  136. for (i=0; i<online_contacts.length; i++) {
  137. $el = $(online_contacts[i]);
  138. jid = _.trim($el.text().trim()).replace(/ /g,'.').toLowerCase() + '@localhost';
  139. $el[0].click();
  140. expect(_converse.chatboxviews.trimChats).toHaveBeenCalled();
  141. chatboxview = _converse.chatboxviews.get(jid);
  142. spyOn(chatboxview, 'minimize').and.callThrough();
  143. chatboxview.model.set({'minimized': true});
  144. expect(trimmed_chatboxes.addChat).toHaveBeenCalled();
  145. expect(chatboxview.minimize).toHaveBeenCalled();
  146. }
  147. return test_utils.waitUntil(function () {
  148. return _converse.chatboxviews.keys().length > 1;
  149. }, 500);
  150. }).then(function () {
  151. var key = _converse.chatboxviews.keys()[1];
  152. trimmedview = trimmed_chatboxes.get(key);
  153. chatbox = trimmedview.model;
  154. spyOn(chatbox, 'maximize').and.callThrough();
  155. spyOn(trimmedview, 'restore').and.callThrough();
  156. trimmedview.delegateEvents();
  157. trimmedview.el.querySelector("a.restore-chat").click();
  158. expect(trimmedview.restore).toHaveBeenCalled();
  159. expect(chatbox.maximize).toHaveBeenCalled();
  160. expect(_converse.chatboxviews.trimChats).toHaveBeenCalled();
  161. done();
  162. });
  163. done();
  164. }));
  165. it("can be opened in minimized mode initially",
  166. mock.initConverseWithPromises(
  167. null, ['rosterGroupsFetched'], {},
  168. function (done, _converse) {
  169. test_utils.createContacts(_converse, 'current');
  170. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  171. var chat = _converse.api.chats.create(sender_jid, {
  172. minimized: true
  173. });
  174. var chatBoxView = _converse.chatboxviews.get(sender_jid);
  175. expect(u.isVisible(chatBoxView.el)).toBeFalsy();
  176. var minimized_chat = _converse.minimized_chats.get(sender_jid);
  177. expect(minimized_chat).toBeTruthy();
  178. expect($(minimized_chat.el).is(':visible')).toBeTruthy();
  179. done();
  180. }));
  181. it("is focused if its already open and you click on its corresponding roster item",
  182. mock.initConverseWithPromises(
  183. null, ['rosterGroupsFetched'], {},
  184. function (done, _converse) {
  185. test_utils.createContacts(_converse, 'current');
  186. _converse.rosterview.update(); // XXX: Hack to make sure $roster element is attaced.
  187. test_utils.openControlBox();
  188. var contact_jid = mock.cur_names[2].replace(/ /g,'.').toLowerCase() + '@localhost';
  189. var $el, jid, chatbox;
  190. // openControlBox was called earlier, so the controlbox is
  191. // visible, but no other chat boxes have been created.
  192. expect(_converse.chatboxes.length).toEqual(1);
  193. chatbox = test_utils.openChatBoxFor(_converse, contact_jid);
  194. $el = $(_converse.rosterview.el).find('a.open-chat:contains("'+chatbox.get('fullname')+'")');
  195. jid = $el.text().replace(/ /g,'.').toLowerCase() + '@localhost';
  196. spyOn(_converse, 'emit');
  197. $el[0].click();
  198. test_utils.waitUntil(function () {
  199. return _converse.emit.calls.count();
  200. }, 300).then(function () {
  201. expect(_converse.chatboxes.length).toEqual(2);
  202. expect(_converse.emit).toHaveBeenCalledWith('chatBoxFocused', jasmine.any(Object));
  203. done();
  204. });
  205. }));
  206. it("can be saved to, and retrieved from, browserStorage",
  207. mock.initConverseWithPromises(
  208. null, ['rosterGroupsFetched'], {},
  209. function (done, _converse) {
  210. test_utils.createContacts(_converse, 'current');
  211. test_utils.openControlBox();
  212. spyOn(_converse, 'emit');
  213. spyOn(_converse.chatboxviews, 'trimChats');
  214. test_utils.openControlBox();
  215. test_utils.openChatBoxes(_converse, 6);
  216. expect(_converse.chatboxviews.trimChats).toHaveBeenCalled();
  217. // We instantiate a new ChatBoxes collection, which by default
  218. // will be empty.
  219. var newchatboxes = new _converse.ChatBoxes();
  220. expect(newchatboxes.length).toEqual(0);
  221. // The chatboxes will then be fetched from browserStorage inside the
  222. // onConnected method
  223. newchatboxes.onConnected();
  224. expect(newchatboxes.length).toEqual(7);
  225. // Check that the chatboxes items retrieved from browserStorage
  226. // have the same attributes values as the original ones.
  227. var attrs = ['id', 'box_id', 'visible'];
  228. var new_attrs, old_attrs;
  229. for (var i=0; i<attrs.length; i++) {
  230. new_attrs = _.map(_.map(newchatboxes.models, 'attributes'), attrs[i]);
  231. old_attrs = _.map(_.map(_converse.chatboxes.models, 'attributes'), attrs[i]);
  232. expect(_.isEqual(new_attrs, old_attrs)).toEqual(true);
  233. }
  234. _converse.rosterview.render();
  235. done();
  236. }));
  237. it("can be closed by clicking a DOM element with class 'close-chatbox-button'",
  238. mock.initConverseWithPromises(
  239. null, ['rosterGroupsFetched'], {},
  240. function (done, _converse) {
  241. test_utils.createContacts(_converse, 'current');
  242. test_utils.openControlBox();
  243. test_utils.waitUntil(function () {
  244. return $(_converse.rosterview.el).find('.roster-group').length;
  245. }, 300).then(function () {
  246. var chatbox = test_utils.openChatBoxes(_converse, 1)[0],
  247. controlview = _converse.chatboxviews.get('controlbox'), // The controlbox is currently open
  248. chatview = _converse.chatboxviews.get(chatbox.get('jid'));
  249. spyOn(chatview, 'close').and.callThrough();
  250. spyOn(controlview, 'close').and.callThrough();
  251. spyOn(_converse, 'emit');
  252. // We need to rebind all events otherwise our spy won't be called
  253. controlview.delegateEvents();
  254. chatview.delegateEvents();
  255. controlview.el.querySelector('.close-chatbox-button').click();
  256. expect(controlview.close).toHaveBeenCalled();
  257. expect(_converse.emit).toHaveBeenCalledWith('chatBoxClosed', jasmine.any(Object));
  258. expect(_converse.emit.calls.count(), 1);
  259. chatview.el.querySelector('.close-chatbox-button').click();
  260. expect(chatview.close).toHaveBeenCalled();
  261. expect(_converse.emit).toHaveBeenCalledWith('chatBoxClosed', jasmine.any(Object));
  262. expect(_converse.emit.calls.count(), 2);
  263. done();
  264. });
  265. }));
  266. it("can be minimized by clicking a DOM element with class 'toggle-chatbox-button'",
  267. mock.initConverseWithPromises(
  268. null, ['rosterGroupsFetched'], {},
  269. function (done, _converse) {
  270. var chatview;
  271. test_utils.createContacts(_converse, 'current');
  272. test_utils.openControlBox();
  273. test_utils.waitUntil(function () {
  274. return $(_converse.rosterview.el).find('.roster-group').length;
  275. }, 300)
  276. .then(function () {
  277. var chatbox = test_utils.openChatBoxes(_converse, 1)[0],
  278. trimmed_chatboxes = _converse.minimized_chats,
  279. trimmedview;
  280. chatview = _converse.chatboxviews.get(chatbox.get('jid'));
  281. spyOn(chatview, 'minimize').and.callThrough();
  282. spyOn(_converse, 'emit');
  283. // We need to rebind all events otherwise our spy won't be called
  284. chatview.delegateEvents();
  285. chatview.el.querySelector('.toggle-chatbox-button').click();
  286. expect(chatview.minimize).toHaveBeenCalled();
  287. expect(_converse.emit).toHaveBeenCalledWith('chatBoxMinimized', jasmine.any(Object));
  288. expect(_converse.emit.calls.count(), 2);
  289. expect(u.isVisible(chatview.el)).toBeFalsy();
  290. expect(chatview.model.get('minimized')).toBeTruthy();
  291. chatview.el.querySelector('.toggle-chatbox-button').click();
  292. trimmedview = trimmed_chatboxes.get(chatview.model.get('id'));
  293. spyOn(trimmedview, 'restore').and.callThrough();
  294. trimmedview.delegateEvents();
  295. trimmedview.el.querySelector("a.restore-chat").click();
  296. expect(trimmedview.restore).toHaveBeenCalled();
  297. expect(_converse.emit).toHaveBeenCalledWith('chatBoxMaximized', jasmine.any(Object));
  298. return test_utils.waitUntil(function () {
  299. return $(chatview.el).find('.chat-body').is(':visible');
  300. }, 500);
  301. }).then(function () {
  302. expect($(chatview.el).find('.toggle-chatbox-button').hasClass('fa-minus')).toBeTruthy();
  303. expect($(chatview.el).find('.toggle-chatbox-button').hasClass('fa-plus')).toBeFalsy();
  304. expect(chatview.model.get('minimized')).toBeFalsy();
  305. done();
  306. });
  307. }));
  308. it("will be removed from browserStorage when closed",
  309. mock.initConverseWithPromises(
  310. null, ['rosterGroupsFetched'], {},
  311. function (done, _converse) {
  312. test_utils.createContacts(_converse, 'current');
  313. test_utils.openControlBox();
  314. test_utils.waitUntil(function () {
  315. return $(_converse.rosterview.el).find('.roster-group').length;
  316. }, 300).then(function () {
  317. spyOn(_converse, 'emit');
  318. spyOn(_converse.chatboxviews, 'trimChats');
  319. _converse.chatboxes.browserStorage._clear();
  320. test_utils.closeControlBox();
  321. expect(_converse.emit).toHaveBeenCalledWith('chatBoxClosed', jasmine.any(Object));
  322. expect(_converse.chatboxes.length).toEqual(1);
  323. expect(_converse.chatboxes.pluck('id')).toEqual(['controlbox']);
  324. test_utils.openChatBoxes(_converse, 6);
  325. expect(_converse.chatboxviews.trimChats).toHaveBeenCalled();
  326. expect(_converse.chatboxes.length).toEqual(7);
  327. expect(_converse.emit).toHaveBeenCalledWith('chatBoxOpened', jasmine.any(Object));
  328. test_utils.closeAllChatBoxes(_converse);
  329. expect(_converse.chatboxes.length).toEqual(1);
  330. expect(_converse.chatboxes.pluck('id')).toEqual(['controlbox']);
  331. expect(_converse.emit).toHaveBeenCalledWith('chatBoxClosed', jasmine.any(Object));
  332. var newchatboxes = new _converse.ChatBoxes();
  333. expect(newchatboxes.length).toEqual(0);
  334. expect(_converse.chatboxes.pluck('id')).toEqual(['controlbox']);
  335. // onConnected will fetch chatboxes in browserStorage, but
  336. // because there aren't any open chatboxes, there won't be any
  337. // in browserStorage either. XXX except for the controlbox
  338. newchatboxes.onConnected();
  339. expect(newchatboxes.length).toEqual(1);
  340. expect(newchatboxes.models[0].id).toBe("controlbox");
  341. done();
  342. });
  343. }));
  344. describe("A chat toolbar", function () {
  345. it("can be found on each chat box",
  346. mock.initConverseWithPromises(
  347. null, ['rosterGroupsFetched'], {},
  348. function (done, _converse) {
  349. test_utils.createContacts(_converse, 'current');
  350. test_utils.openControlBox();
  351. var contact_jid = mock.cur_names[2].replace(/ /g,'.').toLowerCase() + '@localhost';
  352. test_utils.openChatBoxFor(_converse, contact_jid);
  353. var chatbox = _converse.chatboxes.get(contact_jid);
  354. var view = _converse.chatboxviews.get(contact_jid);
  355. expect(chatbox).toBeDefined();
  356. expect(view).toBeDefined();
  357. var $toolbar = $(view.el).find('ul.chat-toolbar');
  358. expect($toolbar.length).toBe(1);
  359. expect($toolbar.children('li').length).toBe(2);
  360. done();
  361. }));
  362. it("contains a button for inserting emojis",
  363. mock.initConverseWithPromises(
  364. null, ['rosterGroupsFetched'], {},
  365. function (done, _converse) {
  366. test_utils.createContacts(_converse, 'current');
  367. test_utils.openControlBox();
  368. var contact_jid = mock.cur_names[2].replace(/ /g,'.').toLowerCase() + '@localhost';
  369. test_utils.openChatBoxFor(_converse, contact_jid);
  370. var view = _converse.chatboxviews.get(contact_jid);
  371. var toolbar = view.el.querySelector('ul.chat-toolbar');
  372. expect(toolbar.querySelectorAll('li.toggle-smiley').length).toBe(1);
  373. // Register spies
  374. spyOn(view, 'toggleEmojiMenu').and.callThrough();
  375. spyOn(view, 'insertEmoji').and.callThrough();
  376. view.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
  377. toolbar.querySelector('li.toggle-smiley').click();
  378. var timeout = false;
  379. test_utils.waitUntil(function () {
  380. return utils.isVisible(view.el.querySelector('.toggle-smiley .emoji-picker-container'));
  381. }, 150).then(function () {
  382. var picker = view.el.querySelector('.toggle-smiley .emoji-picker-container');
  383. var items = picker.querySelectorAll('.emoji-picker li');
  384. items[0].click()
  385. expect(view.insertEmoji).toHaveBeenCalled();
  386. setTimeout(function () { timeout = true; }, 100);
  387. return test_utils.waitUntil(function () {
  388. return timeout;
  389. }, 300);
  390. }).then(function () {
  391. timeout = false;
  392. toolbar.querySelector('li.toggle-smiley').click(); // Close the panel again
  393. return test_utils.waitUntil(function () {
  394. return !view.el.querySelector('.toggle-smiley .toolbar-menu').offsetHeight;
  395. }, 300);
  396. }).then(function () {
  397. setTimeout(function () { timeout = true; }, 100);
  398. return test_utils.waitUntil(function () {
  399. return timeout;
  400. }, 300);
  401. }).then(function () {
  402. toolbar.querySelector('li.toggle-smiley').click();
  403. expect(view.toggleEmojiMenu).toHaveBeenCalled();
  404. return test_utils.waitUntil(function () {
  405. var $picker = $(view.el).find('.toggle-smiley .emoji-picker-container');
  406. return u.isVisible($picker[0]);
  407. }, 300);
  408. }).then(function () {
  409. var nodes = view.el.querySelectorAll('.toggle-smiley ul li');
  410. nodes[nodes.length-1].click();
  411. expect(view.el.querySelector('textarea.chat-textarea').value).toBe(':grinning: ');
  412. expect(view.insertEmoji).toHaveBeenCalled();
  413. done();
  414. }).catch(_.partial(_converse.log, _, Strophe.LogLevel.FATAL));
  415. }));
  416. it("contains a button for starting an encrypted chat session",
  417. mock.initConverseWithPromises(
  418. null, ['rosterGroupsFetched'], {},
  419. function (done, _converse) {
  420. var timeout = true, $toolbar, view;
  421. test_utils.createContacts(_converse, 'current');
  422. test_utils.openControlBox();
  423. test_utils.waitUntil(function () {
  424. return $(_converse.rosterview.el).find('.roster-group').length;
  425. }, 300).then(function () {
  426. // TODO: More tests can be added here...
  427. var contact_jid = mock.cur_names[2].replace(/ /g,'.').toLowerCase() + '@localhost';
  428. test_utils.openChatBoxFor(_converse, contact_jid);
  429. view = _converse.chatboxviews.get(contact_jid);
  430. $toolbar = $(view.el).find('ul.chat-toolbar');
  431. expect($toolbar.find('.toggle-otr').length).toBe(1);
  432. // Register spies
  433. spyOn(view, 'toggleOTRMenu').and.callThrough();
  434. view.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
  435. timeout = false;
  436. $toolbar[0].querySelector('.toggle-otr').click();
  437. return test_utils.waitUntil(function () {
  438. return view.el.querySelector('.otr-menu').offsetHeight;
  439. }, 300)
  440. }).then(function () {
  441. expect(view.toggleOTRMenu).toHaveBeenCalled();
  442. done();
  443. });
  444. }));
  445. it("can contain a button for starting a call",
  446. mock.initConverseWithPromises(
  447. null, ['rosterGroupsFetched'], {},
  448. function (done, _converse) {
  449. test_utils.createContacts(_converse, 'current');
  450. test_utils.openControlBox();
  451. var view;
  452. var contact_jid = mock.cur_names[2].replace(/ /g,'.').toLowerCase() + '@localhost';
  453. spyOn(_converse, 'emit');
  454. // First check that the button doesn't show if it's not enabled
  455. // via "visible_toolbar_buttons"
  456. _converse.visible_toolbar_buttons.call = false;
  457. test_utils.openChatBoxFor(_converse, contact_jid);
  458. view = _converse.chatboxviews.get(contact_jid);
  459. var toolbar = view.el.querySelector('ul.chat-toolbar');
  460. var call_button = toolbar.querySelector('.toggle-call');
  461. expect(_.isNull(call_button)).toBeTruthy();
  462. view.close();
  463. // Now check that it's shown if enabled and that it emits
  464. // callButtonClicked
  465. _converse.visible_toolbar_buttons.call = true; // enable the button
  466. test_utils.openChatBoxFor(_converse, contact_jid);
  467. view = _converse.chatboxviews.get(contact_jid);
  468. toolbar = view.el.querySelector('ul.chat-toolbar');
  469. call_button = toolbar.querySelector('.toggle-call');
  470. call_button.click();
  471. expect(_converse.emit).toHaveBeenCalledWith('callButtonClicked', jasmine.any(Object));
  472. done();
  473. }));
  474. });
  475. describe("A Chat Status Notification", function () {
  476. it("does not open a new chatbox",
  477. mock.initConverseWithPromises(
  478. null, ['rosterGroupsFetched'], {},
  479. function (done, _converse) {
  480. test_utils.createContacts(_converse, 'current');
  481. test_utils.openControlBox();
  482. spyOn(_converse, 'emit');
  483. var sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@localhost';
  484. // <composing> state
  485. var msg = $msg({
  486. 'from': sender_jid,
  487. 'to': _converse.connection.jid,
  488. 'type': 'chat',
  489. 'id': (new Date()).getTime()
  490. }).c('composing', {'xmlns': Strophe.NS.CHATSTATES}).tree();
  491. _converse.chatboxes.onMessage(msg);
  492. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  493. done();
  494. }));
  495. describe("An active notification", function () {
  496. it("is sent when the user opens a chat box",
  497. mock.initConverseWithPromises(
  498. null, ['rosterGroupsFetched'], {},
  499. function (done, _converse) {
  500. test_utils.createContacts(_converse, 'current');
  501. test_utils.openControlBox();
  502. test_utils.waitUntil(function () {
  503. return $(_converse.rosterview.el).find('.roster-group').length;
  504. }, 300).then(function () {
  505. spyOn(_converse.connection, 'send');
  506. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  507. test_utils.openChatBoxFor(_converse, contact_jid);
  508. var view = _converse.chatboxviews.get(contact_jid);
  509. expect(view.model.get('chat_state')).toBe('active');
  510. expect(_converse.connection.send).toHaveBeenCalled();
  511. var $stanza = $(_converse.connection.send.calls.argsFor(0)[0].tree());
  512. expect($stanza.attr('to')).toBe(contact_jid);
  513. expect($stanza.children().length).toBe(3);
  514. expect($stanza.children().get(0).tagName).toBe('active');
  515. expect($stanza.children().get(1).tagName).toBe('no-store');
  516. expect($stanza.children().get(2).tagName).toBe('no-permanent-store');
  517. done();
  518. });
  519. }));
  520. it("is sent when the user maximizes a minimized a chat box", mock.initConverseWithPromises(
  521. null, ['rosterGroupsFetched'], {},
  522. function (done, _converse) {
  523. test_utils.createContacts(_converse, 'current');
  524. test_utils.openControlBox();
  525. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  526. test_utils.waitUntil(function () {
  527. return $(_converse.rosterview.el).find('.roster-group').length;
  528. }, 500).then(function () {
  529. test_utils.openChatBoxFor(_converse, contact_jid);
  530. var view = _converse.chatboxviews.get(contact_jid);
  531. view.model.minimize();
  532. expect(view.model.get('chat_state')).toBe('inactive');
  533. spyOn(_converse.connection, 'send');
  534. view.model.maximize();
  535. return test_utils.waitUntil(function () {
  536. return view.model.get('chat_state') === 'active';
  537. }, 700);
  538. }).then(function () {
  539. expect(_converse.connection.send).toHaveBeenCalled();
  540. var calls = _.filter(_converse.connection.send.calls.all(), function (call) {
  541. return call.args[0] instanceof Strophe.Builder;
  542. });
  543. expect(calls.length).toBe(1);
  544. var $stanza = $(calls[0].args[0].tree());
  545. expect($stanza.attr('to')).toBe(contact_jid);
  546. expect($stanza.children().length).toBe(3);
  547. expect($stanza.children().get(0).tagName).toBe('active');
  548. expect($stanza.children().get(1).tagName).toBe('no-store');
  549. expect($stanza.children().get(2).tagName).toBe('no-permanent-store');
  550. done();
  551. });
  552. }));
  553. });
  554. describe("A composing notification", function () {
  555. it("is sent as soon as the user starts typing a message which is not a command",
  556. mock.initConverseWithPromises(
  557. null, ['rosterGroupsFetched'], {},
  558. function (done, _converse) {
  559. test_utils.createContacts(_converse, 'current');
  560. test_utils.openControlBox();
  561. test_utils.waitUntil(function () {
  562. return $(_converse.rosterview.el).find('.roster-group').length;
  563. }, 300).then(function () {
  564. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  565. test_utils.openChatBoxFor(_converse, contact_jid);
  566. var view = _converse.chatboxviews.get(contact_jid);
  567. expect(view.model.get('chat_state')).toBe('active');
  568. spyOn(_converse.connection, 'send');
  569. spyOn(_converse, 'emit');
  570. view.keyPressed({
  571. target: $(view.el).find('textarea.chat-textarea'),
  572. keyCode: 1
  573. });
  574. expect(view.model.get('chat_state')).toBe('composing');
  575. expect(_converse.connection.send).toHaveBeenCalled();
  576. var $stanza = $(_converse.connection.send.calls.argsFor(0)[0].tree());
  577. expect($stanza.attr('to')).toBe(contact_jid);
  578. expect($stanza.children().get(0).tagName).toBe('composing');
  579. expect($stanza.children().get(1).tagName).toBe('no-store');
  580. expect($stanza.children().get(2).tagName).toBe('no-permanent-store');
  581. // The notification is not sent again
  582. view.keyPressed({
  583. target: $(view.el).find('textarea.chat-textarea'),
  584. keyCode: 1
  585. });
  586. expect(view.model.get('chat_state')).toBe('composing');
  587. expect(_converse.emit.calls.count(), 1);
  588. done();
  589. });
  590. }));
  591. it("will be shown if received",
  592. mock.initConverseWithPromises(
  593. null, ['rosterGroupsFetched'], {},
  594. function (done, _converse) {
  595. test_utils.createContacts(_converse, 'current');
  596. test_utils.openControlBox();
  597. // See XEP-0085 http://xmpp.org/extensions/xep-0085.html#definitions
  598. spyOn(_converse, 'emit');
  599. var sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@localhost';
  600. test_utils.openChatBoxFor(_converse, sender_jid);
  601. // <composing> state
  602. var msg = $msg({
  603. from: sender_jid,
  604. to: _converse.connection.jid,
  605. type: 'chat',
  606. id: (new Date()).getTime()
  607. }).c('body').c('composing', {'xmlns': Strophe.NS.CHATSTATES}).tree();
  608. _converse.chatboxes.onMessage(msg);
  609. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  610. var chatboxview = _converse.chatboxviews.get(sender_jid);
  611. expect(chatboxview).toBeDefined();
  612. // Check that the notification appears inside the chatbox in the DOM
  613. var events = chatboxview.el.querySelectorAll('.chat-state-notification');
  614. expect(events.length).toBe(1);
  615. expect(events[0].textContent).toEqual(mock.cur_names[1] + ' is typing');
  616. // Check that it doesn't appear twice
  617. msg = $msg({
  618. from: sender_jid,
  619. to: _converse.connection.jid,
  620. type: 'chat',
  621. id: (new Date()).getTime()
  622. }).c('body').c('composing', {'xmlns': Strophe.NS.CHATSTATES}).tree();
  623. _converse.chatboxes.onMessage(msg);
  624. events = chatboxview.el.querySelectorAll('.chat-state-notification');
  625. expect(events.length).toBe(1);
  626. expect(events[0].textContent).toEqual(mock.cur_names[1] + ' is typing');
  627. done();
  628. }));
  629. it("can be a composing carbon message that this user sent from a different client",
  630. mock.initConverseWithPromises(
  631. null, ['rosterGroupsFetched'], {},
  632. function (done, _converse) {
  633. var contact, sent_stanza, IQ_id, stanza;
  634. test_utils.waitUntilDiscoConfirmed(_converse, 'localhost', [], ['vcard-temp'])
  635. .then(function () {
  636. return test_utils.waitUntil(function () {
  637. return _converse.xmppstatus.get('fullname');
  638. }, 300);
  639. }).then(function () {
  640. test_utils.createContacts(_converse, 'current');
  641. // Send a message from a different resource
  642. spyOn(_converse, 'log');
  643. var recipient_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@localhost';
  644. test_utils.openChatBoxFor(_converse, recipient_jid);
  645. var msg = $msg({
  646. 'from': _converse.bare_jid,
  647. 'id': (new Date()).getTime(),
  648. 'to': _converse.connection.jid,
  649. 'type': 'chat',
  650. 'xmlns': 'jabber:client'
  651. }).c('sent', {'xmlns': 'urn:xmpp:carbons:2'})
  652. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  653. .c('message', {
  654. 'xmlns': 'jabber:client',
  655. 'from': _converse.bare_jid+'/another-resource',
  656. 'to': recipient_jid,
  657. 'type': 'chat'
  658. }).c('composing', {'xmlns': Strophe.NS.CHATSTATES}).tree();
  659. _converse.chatboxes.onMessage(msg);
  660. // Check that the chatbox and its view now exist
  661. var chatbox = _converse.chatboxes.get(recipient_jid);
  662. var chatboxview = _converse.chatboxviews.get(recipient_jid);
  663. // Check that the message was received and check the message parameters
  664. expect(chatbox.messages.length).toEqual(1);
  665. var msg_obj = chatbox.messages.models[0];
  666. expect(msg_obj.get('fullname')).toEqual(_converse.xmppstatus.get('fullname'));
  667. expect(msg_obj.get('sender')).toEqual('me');
  668. expect(msg_obj.get('delayed')).toEqual(false);
  669. var $chat_content = $(chatboxview.el).find('.chat-content');
  670. var status_text = $chat_content.find('.chat-info.chat-state-notification').text();
  671. expect(status_text).toBe('Typing from another device');
  672. done();
  673. });
  674. }));
  675. });
  676. describe("A paused notification", function () {
  677. it("is sent if the user has stopped typing since 30 seconds",
  678. mock.initConverseWithPromises(
  679. null, ['rosterGroupsFetched'], {},
  680. function (done, _converse) {
  681. var view, contact_jid;
  682. test_utils.createContacts(_converse, 'current');
  683. test_utils.openControlBox();
  684. test_utils.waitUntil(function () {
  685. return $(_converse.rosterview.el).find('.roster-group li').length;
  686. }, 700).then(function () {
  687. _converse.TIMEOUTS.PAUSED = 200; // Make the timeout shorter so that we can test
  688. contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  689. test_utils.openChatBoxFor(_converse, contact_jid);
  690. view = _converse.chatboxviews.get(contact_jid);
  691. spyOn(_converse.connection, 'send');
  692. spyOn(view, 'setChatState').and.callThrough();
  693. expect(view.model.get('chat_state')).toBe('active');
  694. view.keyPressed({
  695. target: $(view.el).find('textarea.chat-textarea'),
  696. keyCode: 1
  697. });
  698. expect(view.model.get('chat_state')).toBe('composing');
  699. expect(_converse.connection.send).toHaveBeenCalled();
  700. var $stanza = $(_converse.connection.send.calls.argsFor(0)[0].tree());
  701. expect($stanza.children().get(0).tagName).toBe('composing');
  702. return test_utils.waitUntil(function () {
  703. return view.model.get('chat_state') === 'paused';
  704. }, 500);
  705. }).then(function () {
  706. expect(_converse.connection.send).toHaveBeenCalled();
  707. var calls = _.filter(_converse.connection.send.calls.all(), function (call) {
  708. return call.args[0] instanceof Strophe.Builder;
  709. });
  710. expect(calls.length).toBe(2);
  711. var $stanza = $(calls[1].args[0].tree());
  712. expect($stanza.attr('to')).toBe(contact_jid);
  713. expect($stanza.children().length).toBe(3);
  714. expect($stanza.children().get(0).tagName).toBe('paused');
  715. expect($stanza.children().get(1).tagName).toBe('no-store');
  716. expect($stanza.children().get(2).tagName).toBe('no-permanent-store');
  717. // Test #359. A paused notification should not be sent
  718. // out if the user simply types longer than the
  719. // timeout.
  720. view.keyPressed({
  721. target: $(view.el).find('textarea.chat-textarea'),
  722. keyCode: 1
  723. });
  724. expect(view.setChatState).toHaveBeenCalled();
  725. expect(view.model.get('chat_state')).toBe('composing');
  726. view.keyPressed({
  727. target: $(view.el).find('textarea.chat-textarea'),
  728. keyCode: 1
  729. });
  730. expect(view.model.get('chat_state')).toBe('composing');
  731. done();
  732. });
  733. }));
  734. it("will be shown if received",
  735. mock.initConverseWithPromises(
  736. null, ['rosterGroupsFetched'], {},
  737. function (done, _converse) {
  738. test_utils.createContacts(_converse, 'current');
  739. test_utils.openControlBox();
  740. test_utils.waitUntil(function () {
  741. return $(_converse.rosterview.el).find('.roster-group').length;
  742. }, 300)
  743. .then(function () {
  744. // TODO: only show paused state if the previous state was composing
  745. // See XEP-0085 http://xmpp.org/extensions/xep-0085.html#definitions
  746. spyOn(_converse, 'emit');
  747. var sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@localhost';
  748. // <paused> state
  749. var msg = $msg({
  750. from: sender_jid,
  751. to: _converse.connection.jid,
  752. type: 'chat',
  753. id: (new Date()).getTime()
  754. }).c('body').c('paused', {'xmlns': Strophe.NS.CHATSTATES}).tree();
  755. _converse.chatboxes.onMessage(msg);
  756. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  757. var chatboxview = _converse.chatboxviews.get(sender_jid);
  758. var $events = $(chatboxview.el).find('.chat-info.chat-state-notification');
  759. expect($events.text()).toEqual(mock.cur_names[1] + ' has stopped typing');
  760. done();
  761. });
  762. }));
  763. it("can be a paused carbon message that this user sent from a different client",
  764. mock.initConverseWithPromises(
  765. null, ['rosterGroupsFetched'], {},
  766. function (done, _converse) {
  767. var contact, sent_stanza, IQ_id, stanza;
  768. test_utils.waitUntilDiscoConfirmed(_converse, 'localhost', [], ['vcard-temp'])
  769. .then(function () {
  770. return test_utils.waitUntil(function () {
  771. return _converse.xmppstatus.get('fullname');
  772. }, 300);
  773. }).then(function () {
  774. test_utils.createContacts(_converse, 'current');
  775. // Send a message from a different resource
  776. spyOn(_converse, 'log');
  777. var recipient_jid = mock.cur_names[5].replace(/ /g,'.').toLowerCase() + '@localhost';
  778. test_utils.openChatBoxFor(_converse, recipient_jid);
  779. var msg = $msg({
  780. 'from': _converse.bare_jid,
  781. 'id': (new Date()).getTime(),
  782. 'to': _converse.connection.jid,
  783. 'type': 'chat',
  784. 'xmlns': 'jabber:client'
  785. }).c('sent', {'xmlns': 'urn:xmpp:carbons:2'})
  786. .c('forwarded', {'xmlns': 'urn:xmpp:forward:0'})
  787. .c('message', {
  788. 'xmlns': 'jabber:client',
  789. 'from': _converse.bare_jid+'/another-resource',
  790. 'to': recipient_jid,
  791. 'type': 'chat'
  792. }).c('paused', {'xmlns': Strophe.NS.CHATSTATES}).tree();
  793. _converse.chatboxes.onMessage(msg);
  794. // Check that the chatbox and its view now exist
  795. var chatbox = _converse.chatboxes.get(recipient_jid);
  796. var chatboxview = _converse.chatboxviews.get(recipient_jid);
  797. // Check that the message was received and check the message parameters
  798. expect(chatbox.messages.length).toEqual(1);
  799. var msg_obj = chatbox.messages.models[0];
  800. expect(msg_obj.get('fullname')).toEqual(_converse.xmppstatus.get('fullname'));
  801. expect(msg_obj.get('sender')).toEqual('me');
  802. expect(msg_obj.get('delayed')).toEqual(false);
  803. var $chat_content = $(chatboxview.el).find('.chat-content');
  804. var status_text = $chat_content.find('.chat-info.chat-state-notification').text();
  805. expect(status_text).toBe('Stopped typing on the other device');
  806. done();
  807. });
  808. }));
  809. });
  810. describe("An inactive notifciation", function () {
  811. it("is sent if the user has stopped typing since 2 minutes",
  812. mock.initConverseWithPromises(
  813. null, ['rosterGroupsFetched'], {},
  814. function (done, _converse) {
  815. var view, contact_jid;
  816. test_utils.createContacts(_converse, 'current');
  817. test_utils.openControlBox();
  818. test_utils.waitUntil(function () {
  819. return $(_converse.rosterview.el).find('.roster-group').length;
  820. }, 500).then(function () {
  821. // Make the timeouts shorter so that we can test
  822. _converse.TIMEOUTS.PAUSED = 200;
  823. _converse.TIMEOUTS.INACTIVE = 200;
  824. contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  825. test_utils.openChatBoxFor(_converse, contact_jid);
  826. view = _converse.chatboxviews.get(contact_jid);
  827. return test_utils.waitUntil(function () {
  828. return view.model.get('chat_state') === 'active';
  829. }, 500);
  830. }).then(function () {
  831. console.log('chat_state set to active');
  832. view = _converse.chatboxviews.get(contact_jid);
  833. expect(view.model.get('chat_state')).toBe('active');
  834. view.keyPressed({
  835. target: $(view.el).find('textarea.chat-textarea'),
  836. keyCode: 1
  837. });
  838. return test_utils.waitUntil(function () {
  839. return view.model.get('chat_state') === 'composing';
  840. }, 500);
  841. }).then(function () {
  842. console.log('chat_state set to composing');
  843. view = _converse.chatboxviews.get(contact_jid);
  844. expect(view.model.get('chat_state')).toBe('composing');
  845. spyOn(_converse.connection, 'send');
  846. return test_utils.waitUntil(function () {
  847. return view.model.get('chat_state') === 'paused';
  848. }, 500);
  849. }).then(function () {
  850. console.log('chat_state set to paused');
  851. return test_utils.waitUntil(function () {
  852. return view.model.get('chat_state') === 'inactive';
  853. }, 500);
  854. }).then(function () {
  855. console.log('chat_state set to inactive');
  856. expect(_converse.connection.send).toHaveBeenCalled();
  857. var calls = _.filter(_converse.connection.send.calls.all(), function (call) {
  858. return call.args[0] instanceof Strophe.Builder;
  859. });
  860. expect(calls.length).toBe(2);
  861. var $stanza = $(calls[0].args[0].tree());
  862. expect($stanza.attr('to')).toBe(contact_jid);
  863. expect($stanza.children().length).toBe(3);
  864. expect($stanza.children().get(0).tagName).toBe('paused');
  865. expect($stanza.children().get(1).tagName).toBe('no-store');
  866. expect($stanza.children().get(2).tagName).toBe('no-permanent-store');
  867. $stanza = $(_converse.connection.send.calls.mostRecent().args[0].tree());
  868. expect($stanza.attr('to')).toBe(contact_jid);
  869. expect($stanza.children().length).toBe(3);
  870. expect($stanza.children().get(0).tagName).toBe('inactive');
  871. expect($stanza.children().get(1).tagName).toBe('no-store');
  872. expect($stanza.children().get(2).tagName).toBe('no-permanent-store');
  873. }).catch(_.partial(_converse.log, _, Strophe.LogLevel.FATAL))
  874. .then(done);
  875. }));
  876. it("is sent when the user a minimizes a chat box",
  877. mock.initConverseWithPromises(
  878. null, ['rosterGroupsFetched'], {},
  879. function (done, _converse) {
  880. test_utils.createContacts(_converse, 'current');
  881. test_utils.openControlBox();
  882. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  883. test_utils.openChatBoxFor(_converse, contact_jid);
  884. var view = _converse.chatboxviews.get(contact_jid);
  885. spyOn(_converse.connection, 'send');
  886. view.minimize();
  887. expect(view.model.get('chat_state')).toBe('inactive');
  888. expect(_converse.connection.send).toHaveBeenCalled();
  889. var $stanza = $(_converse.connection.send.calls.argsFor(0)[0].tree());
  890. expect($stanza.attr('to')).toBe(contact_jid);
  891. expect($stanza.children().get(0).tagName).toBe('inactive');
  892. done();
  893. }));
  894. it("is sent if the user closes a chat box",
  895. mock.initConverseWithPromises(
  896. null, ['rosterGroupsFetched'], {},
  897. function (done, _converse) {
  898. test_utils.createContacts(_converse, 'current');
  899. test_utils.openControlBox();
  900. test_utils.waitUntil(function () {
  901. return $(_converse.rosterview.el).find('.roster-group').length;
  902. }, 300).then(function () {
  903. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  904. test_utils.openChatBoxFor(_converse, contact_jid);
  905. var view = _converse.chatboxviews.get(contact_jid);
  906. expect(view.model.get('chat_state')).toBe('active');
  907. spyOn(_converse.connection, 'send');
  908. view.close();
  909. expect(view.model.get('chat_state')).toBe('inactive');
  910. expect(_converse.connection.send).toHaveBeenCalled();
  911. var $stanza = $(_converse.connection.send.calls.argsFor(0)[0].tree());
  912. expect($stanza.attr('to')).toBe(contact_jid);
  913. expect($stanza.children().length).toBe(3);
  914. expect($stanza.children().get(0).tagName).toBe('inactive');
  915. expect($stanza.children().get(1).tagName).toBe('no-store');
  916. expect($stanza.children().get(2).tagName).toBe('no-permanent-store');
  917. done();
  918. });
  919. }));
  920. it("will clear any other chat status notifications",
  921. mock.initConverseWithPromises(
  922. null, ['rosterGroupsFetched'], {},
  923. function (done, _converse) {
  924. test_utils.createContacts(_converse, 'current');
  925. test_utils.openControlBox();
  926. // See XEP-0085 http://xmpp.org/extensions/xep-0085.html#definitions
  927. spyOn(_converse, 'emit');
  928. var sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@localhost';
  929. test_utils.openChatBoxFor(_converse, sender_jid);
  930. var view = _converse.chatboxviews.get(sender_jid);
  931. expect(view.el.querySelectorAll('.chat-event').length).toBe(0);
  932. // Insert <composing> message, to also check that
  933. // text messages are inserted correctly with
  934. // temporary chat events in the chat contents.
  935. var msg = $msg({
  936. 'to': _converse.bare_jid,
  937. 'xmlns': 'jabber:client',
  938. 'from': sender_jid,
  939. 'type': 'chat'})
  940. .c('composing', {'xmlns': Strophe.NS.CHATSTATES}).up()
  941. .tree();
  942. _converse.chatboxes.onMessage(msg);
  943. expect(view.el.querySelectorAll('.chat-state-notification').length).toBe(1);
  944. msg = $msg({
  945. from: sender_jid,
  946. to: _converse.connection.jid,
  947. type: 'chat',
  948. id: (new Date()).getTime()
  949. }).c('body').c('inactive', {'xmlns': Strophe.NS.CHATSTATES}).tree();
  950. _converse.chatboxes.onMessage(msg);
  951. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  952. expect($(view.el).find('.chat-state-notification').length).toBe(0);
  953. done();
  954. }));
  955. });
  956. describe("A gone notifciation", function () {
  957. it("will be shown if received",
  958. mock.initConverseWithPromises(
  959. null, ['rosterGroupsFetched'], {},
  960. function (done, _converse) {
  961. test_utils.createContacts(_converse, 'current');
  962. test_utils.openControlBox();
  963. spyOn(_converse, 'emit');
  964. var sender_jid = mock.cur_names[1].replace(/ /g,'.').toLowerCase() + '@localhost';
  965. // <paused> state
  966. var msg = $msg({
  967. from: sender_jid,
  968. to: _converse.connection.jid,
  969. type: 'chat',
  970. id: (new Date()).getTime()
  971. }).c('body').c('gone', {'xmlns': Strophe.NS.CHATSTATES}).tree();
  972. _converse.chatboxes.onMessage(msg);
  973. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  974. var chatboxview = _converse.chatboxviews.get(sender_jid);
  975. var $events = $(chatboxview.el).find('.chat-state-notification');
  976. expect($events.text()).toEqual(mock.cur_names[1] + ' has gone away');
  977. done();
  978. }));
  979. });
  980. });
  981. });
  982. describe("Special Messages", function () {
  983. it("'/clear' can be used to clear messages in a conversation",
  984. mock.initConverseWithPromises(
  985. null, ['rosterGroupsFetched'], {},
  986. function (done, _converse) {
  987. test_utils.createContacts(_converse, 'current');
  988. test_utils.openControlBox();
  989. spyOn(_converse, 'emit');
  990. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  991. test_utils.openChatBoxFor(_converse, contact_jid);
  992. var view = _converse.chatboxviews.get(contact_jid);
  993. var message = 'This message is another sent from this chatbox';
  994. // Lets make sure there is at least one message already
  995. // (e.g for when this test is run on its own).
  996. test_utils.sendMessage(view, message);
  997. expect(view.model.messages.length > 0).toBeTruthy();
  998. expect(view.model.messages.browserStorage.records.length > 0).toBeTruthy();
  999. expect(_converse.emit).toHaveBeenCalledWith('messageSend', message);
  1000. message = '/clear';
  1001. spyOn(view, 'onMessageSubmitted').and.callThrough();
  1002. spyOn(view, 'clearMessages').and.callThrough();
  1003. spyOn(window, 'confirm').and.callFake(function () {
  1004. return true;
  1005. });
  1006. test_utils.sendMessage(view, message);
  1007. expect(view.onMessageSubmitted).toHaveBeenCalled();
  1008. expect(view.clearMessages).toHaveBeenCalled();
  1009. expect(window.confirm).toHaveBeenCalled();
  1010. expect(view.model.messages.length, 0); // The messages must be removed from the chatbox
  1011. expect(view.model.messages.browserStorage.records.length, 0); // And also from browserStorage
  1012. expect(_converse.emit.calls.count(), 1);
  1013. expect(_converse.emit.calls.mostRecent().args, ['messageSend', message]);
  1014. done();
  1015. }));
  1016. });
  1017. describe("A Message Counter", function () {
  1018. it("is incremented when the message is received and the window is not focused",
  1019. mock.initConverseWithPromises(
  1020. null, ['rosterGroupsFetched'], {},
  1021. function (done, _converse) {
  1022. test_utils.createContacts(_converse, 'current');
  1023. test_utils.openControlBox();
  1024. spyOn(_converse, 'emit');
  1025. expect(_converse.msg_counter).toBe(0);
  1026. spyOn(_converse, 'incrementMsgCounter').and.callThrough();
  1027. spyOn(_converse, 'clearMsgCounter').and.callThrough();
  1028. var previous_state = _converse.windowState;
  1029. var message = 'This message will increment the message counter';
  1030. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost',
  1031. msg = $msg({
  1032. from: sender_jid,
  1033. to: _converse.connection.jid,
  1034. type: 'chat',
  1035. id: (new Date()).getTime()
  1036. }).c('body').t(message).up()
  1037. .c('active', {'xmlns': Strophe.NS.CHATSTATES}).tree();
  1038. _converse.windowState = 'hidden';
  1039. _converse.chatboxes.onMessage(msg);
  1040. expect(_converse.incrementMsgCounter).toHaveBeenCalled();
  1041. expect(_converse.clearMsgCounter).not.toHaveBeenCalled();
  1042. expect(_converse.msg_counter).toBe(1);
  1043. expect(_converse.emit).toHaveBeenCalledWith('message', jasmine.any(Object));
  1044. _converse.windowSate = previous_state;
  1045. done();
  1046. }));
  1047. it("is cleared when the window is focused",
  1048. mock.initConverseWithPromises(
  1049. null, ['rosterGroupsFetched'], {},
  1050. function (done, _converse) {
  1051. test_utils.createContacts(_converse, 'current');
  1052. test_utils.openControlBox();
  1053. _converse.windowState = 'hidden';
  1054. spyOn(_converse, 'clearMsgCounter').and.callThrough();
  1055. _converse.saveWindowState(null, 'focus');
  1056. _converse.saveWindowState(null, 'blur');
  1057. expect(_converse.clearMsgCounter).toHaveBeenCalled();
  1058. done();
  1059. }));
  1060. it("is not incremented when the message is received and the window is focused",
  1061. mock.initConverseWithPromises(
  1062. null, ['rosterGroupsFetched'], {},
  1063. function (done, _converse) {
  1064. test_utils.createContacts(_converse, 'current');
  1065. test_utils.openControlBox();
  1066. expect(_converse.msg_counter).toBe(0);
  1067. spyOn(_converse, 'incrementMsgCounter').and.callThrough();
  1068. _converse.saveWindowState(null, 'focus');
  1069. var message = 'This message will not increment the message counter';
  1070. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost',
  1071. msg = $msg({
  1072. from: sender_jid,
  1073. to: _converse.connection.jid,
  1074. type: 'chat',
  1075. id: (new Date()).getTime()
  1076. }).c('body').t(message).up()
  1077. .c('active', {'xmlns': Strophe.NS.CHATSTATES}).tree();
  1078. _converse.chatboxes.onMessage(msg);
  1079. expect(_converse.incrementMsgCounter).not.toHaveBeenCalled();
  1080. expect(_converse.msg_counter).toBe(0);
  1081. done();
  1082. }));
  1083. it("is incremented from zero when chatbox was closed after viewing previously received messages and the window is not focused now",
  1084. mock.initConverseWithPromises(
  1085. null, ['rosterGroupsFetched'], {},
  1086. function (done, _converse) {
  1087. test_utils.createContacts(_converse, 'current');
  1088. // initial state
  1089. expect(_converse.msg_counter).toBe(0);
  1090. var message = 'This message will always increment the message counter from zero',
  1091. sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost',
  1092. msgFactory = function () {
  1093. return $msg({
  1094. from: sender_jid,
  1095. to: _converse.connection.jid,
  1096. type: 'chat',
  1097. id: (new Date()).getTime()
  1098. })
  1099. .c('body').t(message).up()
  1100. .c('active', {'xmlns': Strophe.NS.CHATSTATES})
  1101. .tree();
  1102. };
  1103. // leave converse-chat page
  1104. _converse.windowState = 'hidden';
  1105. _converse.chatboxes.onMessage(msgFactory());
  1106. expect(_converse.msg_counter).toBe(1);
  1107. // come back to converse-chat page
  1108. _converse.saveWindowState(null, 'focus');
  1109. var view = _converse.chatboxviews.get(sender_jid);
  1110. expect(u.isVisible(view.el)).toBeTruthy();
  1111. expect(_converse.msg_counter).toBe(0);
  1112. // close chatbox and leave converse-chat page again
  1113. view.close();
  1114. _converse.windowState = 'hidden';
  1115. // check that msg_counter is incremented from zero again
  1116. _converse.chatboxes.onMessage(msgFactory());
  1117. view = _converse.chatboxviews.get(sender_jid);
  1118. expect(u.isVisible(view.el)).toBeTruthy();
  1119. expect(_converse.msg_counter).toBe(1);
  1120. done();
  1121. }));
  1122. });
  1123. describe("A ChatBox's Unread Message Count", function () {
  1124. it("is incremented when the message is received and ChatBoxView is scrolled up",
  1125. mock.initConverseWithPromises(
  1126. null, ['rosterGroupsFetched'], {},
  1127. function (done, _converse) {
  1128. test_utils.createContacts(_converse, 'current');
  1129. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost',
  1130. msg = test_utils.createChatMessage(_converse, sender_jid, 'This message will be unread');
  1131. test_utils.openChatBoxFor(_converse, sender_jid);
  1132. var chatbox = _converse.chatboxes.get(sender_jid);
  1133. chatbox.save('scrolled', true);
  1134. _converse.chatboxes.onMessage(msg);
  1135. expect(chatbox.get('num_unread')).toBe(1);
  1136. done();
  1137. }));
  1138. it("is not incremented when the message is received and ChatBoxView is scrolled down",
  1139. mock.initConverseWithPromises(
  1140. null, ['rosterGroupsFetched'], {},
  1141. function (done, _converse) {
  1142. test_utils.createContacts(_converse, 'current');
  1143. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost',
  1144. msg = test_utils.createChatMessage(_converse, sender_jid, 'This message will be read');
  1145. test_utils.openChatBoxFor(_converse, sender_jid);
  1146. var chatbox = _converse.chatboxes.get(sender_jid);
  1147. _converse.chatboxes.onMessage(msg);
  1148. expect(chatbox.get('num_unread')).toBe(0);
  1149. done();
  1150. }));
  1151. it("is incremeted when message is received, chatbox is scrolled down and the window is not focused",
  1152. mock.initConverseWithPromises(
  1153. null, ['rosterGroupsFetched'], {},
  1154. function (done, _converse) {
  1155. test_utils.createContacts(_converse, 'current');
  1156. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1157. var msgFactory = function () {
  1158. return test_utils.createChatMessage(_converse, sender_jid, 'This message will be unread');
  1159. };
  1160. test_utils.openChatBoxFor(_converse, sender_jid);
  1161. var chatbox = _converse.chatboxes.get(sender_jid);
  1162. _converse.windowState = 'hidden';
  1163. _converse.chatboxes.onMessage(msgFactory());
  1164. expect(chatbox.get('num_unread')).toBe(1);
  1165. done();
  1166. }));
  1167. it("is incremeted when message is received, chatbox is scrolled up and the window is not focused",
  1168. mock.initConverseWithPromises(
  1169. null, ['rosterGroupsFetched'], {},
  1170. function (done, _converse) {
  1171. test_utils.createContacts(_converse, 'current');
  1172. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1173. var msgFactory = function () {
  1174. return test_utils.createChatMessage(_converse, sender_jid, 'This message will be unread');
  1175. };
  1176. test_utils.openChatBoxFor(_converse, sender_jid);
  1177. var chatbox = _converse.chatboxes.get(sender_jid);
  1178. chatbox.save('scrolled', true);
  1179. _converse.windowState = 'hidden';
  1180. _converse.chatboxes.onMessage(msgFactory());
  1181. expect(chatbox.get('num_unread')).toBe(1);
  1182. done();
  1183. }));
  1184. it("is cleared when ChatBoxView was scrolled down and the window become focused",
  1185. mock.initConverseWithPromises(
  1186. null, ['rosterGroupsFetched'], {},
  1187. function (done, _converse) {
  1188. test_utils.createContacts(_converse, 'current');
  1189. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1190. var msgFactory = function () {
  1191. return test_utils.createChatMessage(_converse, sender_jid, 'This message will be unread');
  1192. };
  1193. test_utils.openChatBoxFor(_converse, sender_jid);
  1194. var chatbox = _converse.chatboxes.get(sender_jid);
  1195. _converse.windowState = 'hidden';
  1196. _converse.chatboxes.onMessage(msgFactory());
  1197. expect(chatbox.get('num_unread')).toBe(1);
  1198. _converse.saveWindowState(null, 'focus');
  1199. expect(chatbox.get('num_unread')).toBe(0);
  1200. done();
  1201. }));
  1202. it("is not cleared when ChatBoxView was scrolled up and the windows become focused",
  1203. mock.initConverseWithPromises(
  1204. null, ['rosterGroupsFetched'], {},
  1205. function (done, _converse) {
  1206. test_utils.createContacts(_converse, 'current');
  1207. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1208. var msgFactory = function () {
  1209. return test_utils.createChatMessage(_converse, sender_jid, 'This message will be unread');
  1210. };
  1211. test_utils.openChatBoxFor(_converse, sender_jid);
  1212. var chatbox = _converse.chatboxes.get(sender_jid);
  1213. chatbox.save('scrolled', true);
  1214. _converse.windowState = 'hidden';
  1215. _converse.chatboxes.onMessage(msgFactory());
  1216. expect(chatbox.get('num_unread')).toBe(1);
  1217. _converse.saveWindowState(null, 'focus');
  1218. expect(chatbox.get('num_unread')).toBe(1);
  1219. done();
  1220. }));
  1221. });
  1222. describe("A RosterView's Unread Message Count", function () {
  1223. it("is updated when message is received and chatbox is scrolled up",
  1224. mock.initConverseWithPromises(
  1225. null, ['rosterGroupsFetched'], {},
  1226. function (done, _converse) {
  1227. test_utils.createContacts(_converse, 'current');
  1228. test_utils.waitUntil(function () {
  1229. return $(_converse.rosterview.el).find('.roster-group').length;
  1230. }, 500)
  1231. .then(function () {
  1232. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1233. test_utils.openChatBoxFor(_converse, sender_jid);
  1234. var chatbox = _converse.chatboxes.get(sender_jid);
  1235. chatbox.save('scrolled', true);
  1236. var msg = test_utils.createChatMessage(_converse, sender_jid, 'This message will be unread');
  1237. _converse.chatboxes.onMessage(msg);
  1238. var msgIndicatorSelector = 'a.open-chat:contains("' + chatbox.get('fullname') + '") .msgs-indicator',
  1239. $msgIndicator = $($(_converse.rosterview.el).find(msgIndicatorSelector));
  1240. expect($msgIndicator.text()).toBe('1');
  1241. msg = test_utils.createChatMessage(_converse, sender_jid, 'This message will be unread too');
  1242. _converse.chatboxes.onMessage(msg);
  1243. $msgIndicator = $($(_converse.rosterview.el).find(msgIndicatorSelector));
  1244. expect($msgIndicator.text()).toBe('2');
  1245. done();
  1246. });
  1247. }));
  1248. it("is updated when message is received and chatbox is minimized",
  1249. mock.initConverseWithPromises(
  1250. null, ['rosterGroupsFetched'], {},
  1251. function (done, _converse) {
  1252. test_utils.createContacts(_converse, 'current');
  1253. test_utils.waitUntil(function () {
  1254. return $(_converse.rosterview.el).find('.roster-group').length;
  1255. }, 500)
  1256. .then(function () {
  1257. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1258. test_utils.openChatBoxFor(_converse, sender_jid);
  1259. var chatbox = _converse.chatboxes.get(sender_jid);
  1260. var chatboxview = _converse.chatboxviews.get(sender_jid);
  1261. chatboxview.minimize();
  1262. var msg = test_utils.createChatMessage(_converse, sender_jid, 'This message will be unread');
  1263. _converse.chatboxes.onMessage(msg);
  1264. var msgIndicatorSelector = 'a.open-chat:contains("' + chatbox.get('fullname') + '") .msgs-indicator',
  1265. $msgIndicator = $($(_converse.rosterview.el).find(msgIndicatorSelector));
  1266. expect($msgIndicator.text()).toBe('1');
  1267. msg = test_utils.createChatMessage(_converse, sender_jid, 'This message will be unread too');
  1268. _converse.chatboxes.onMessage(msg);
  1269. $msgIndicator = $($(_converse.rosterview.el).find(msgIndicatorSelector));
  1270. expect($msgIndicator.text()).toBe('2');
  1271. done();
  1272. });
  1273. }));
  1274. it("is cleared when chatbox is maximzied after receiving messages in minimized mode",
  1275. mock.initConverseWithPromises(
  1276. null, ['rosterGroupsFetched'], {},
  1277. function (done, _converse) {
  1278. test_utils.createContacts(_converse, 'current');
  1279. test_utils.waitUntil(function () {
  1280. return $(_converse.rosterview.el).find('.roster-group').length;
  1281. }, 500)
  1282. .then(function () {
  1283. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1284. test_utils.openChatBoxFor(_converse, sender_jid);
  1285. var chatbox = _converse.chatboxes.get(sender_jid);
  1286. var chatboxview = _converse.chatboxviews.get(sender_jid);
  1287. var msgsIndicatorSelector = 'a.open-chat:contains("' + chatbox.get('fullname') + '") .msgs-indicator';
  1288. var selectMsgsIndicator = function () { return $($(_converse.rosterview.el).find(msgsIndicatorSelector)); };
  1289. var msgFactory = function () {
  1290. return test_utils.createChatMessage(_converse, sender_jid, 'This message will be received as unread, but eventually will be read');
  1291. };
  1292. chatboxview.minimize();
  1293. _converse.chatboxes.onMessage(msgFactory());
  1294. expect(selectMsgsIndicator().text()).toBe('1');
  1295. _converse.chatboxes.onMessage(msgFactory());
  1296. expect(selectMsgsIndicator().text()).toBe('2');
  1297. chatboxview.maximize();
  1298. expect(selectMsgsIndicator().length).toBe(0);
  1299. done();
  1300. });
  1301. }));
  1302. it("is cleared when unread messages are viewed which were received in scrolled-up chatbox",
  1303. mock.initConverseWithPromises(
  1304. null, ['rosterGroupsFetched'], {},
  1305. function (done, _converse) {
  1306. test_utils.createContacts(_converse, 'current');
  1307. test_utils.waitUntil(function () {
  1308. return $(_converse.rosterview.el).find('.roster-group').length;
  1309. }, 500)
  1310. .then(function () {
  1311. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1312. test_utils.openChatBoxFor(_converse, sender_jid);
  1313. var chatbox = _converse.chatboxes.get(sender_jid);
  1314. var chatboxview = _converse.chatboxviews.get(sender_jid);
  1315. var msgFactory = function () {
  1316. return test_utils.createChatMessage(_converse, sender_jid, 'This message will be received as unread, but eventually will be read');
  1317. };
  1318. var msgsIndicatorSelector = 'a.open-chat:contains("' + chatbox.get('fullname') + '") .msgs-indicator',
  1319. selectMsgsIndicator = function () { return $($(_converse.rosterview.el).find(msgsIndicatorSelector)); };
  1320. chatbox.save('scrolled', true);
  1321. _converse.chatboxes.onMessage(msgFactory());
  1322. expect(selectMsgsIndicator().text()).toBe('1');
  1323. chatboxview.viewUnreadMessages();
  1324. _converse.rosterview.render();
  1325. expect(selectMsgsIndicator().length).toBe(0);
  1326. done();
  1327. });
  1328. }));
  1329. it("is not cleared after user clicks on roster view when chatbox is already opened and scrolled up",
  1330. mock.initConverseWithPromises(
  1331. null, ['rosterGroupsFetched'], {},
  1332. function (done, _converse) {
  1333. test_utils.createContacts(_converse, 'current');
  1334. test_utils.waitUntil(function () {
  1335. return $(_converse.rosterview.el).find('.roster-group').length;
  1336. }, 500)
  1337. .then(function () {
  1338. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1339. test_utils.openChatBoxFor(_converse, sender_jid);
  1340. var chatbox = _converse.chatboxes.get(sender_jid);
  1341. var chatboxview = _converse.chatboxviews.get(sender_jid);
  1342. var msgFactory = function () {
  1343. return test_utils.createChatMessage(_converse, sender_jid, 'This message will be received as unread, but eventually will be read');
  1344. };
  1345. var msgsIndicatorSelector = 'a.open-chat:contains("' + chatbox.get('fullname') + '") .msgs-indicator',
  1346. selectMsgsIndicator = function () { return $($(_converse.rosterview.el).find(msgsIndicatorSelector)); };
  1347. chatbox.save('scrolled', true);
  1348. _converse.chatboxes.onMessage(msgFactory());
  1349. expect(selectMsgsIndicator().text()).toBe('1');
  1350. test_utils.openChatBoxFor(_converse, sender_jid);
  1351. expect(selectMsgsIndicator().text()).toBe('1');
  1352. done();
  1353. });
  1354. }));
  1355. });
  1356. describe("A Minimized ChatBoxView's Unread Message Count", function () {
  1357. it("is displayed when scrolled up chatbox is minimized after receiving unread messages",
  1358. mock.initConverseWithPromises(
  1359. null, ['rosterGroupsFetched'], {},
  1360. function (done, _converse) {
  1361. test_utils.createContacts(_converse, 'current');
  1362. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1363. test_utils.openChatBoxFor(_converse, sender_jid);
  1364. var msgFactory = function () {
  1365. return test_utils.createChatMessage(_converse, sender_jid, 'This message will be received as unread, but eventually will be read');
  1366. };
  1367. var selectUnreadMsgCount = function () {
  1368. var minimizedChatBoxView = _converse.minimized_chats.get(sender_jid);
  1369. return $(minimizedChatBoxView.el).find('.message-count');
  1370. };
  1371. var chatbox = _converse.chatboxes.get(sender_jid);
  1372. chatbox.save('scrolled', true);
  1373. _converse.chatboxes.onMessage(msgFactory());
  1374. var chatboxview = _converse.chatboxviews.get(sender_jid);
  1375. chatboxview.minimize();
  1376. var $unreadMsgCount = selectUnreadMsgCount();
  1377. expect(u.isVisible($unreadMsgCount[0])).toBeTruthy();
  1378. expect($unreadMsgCount.html()).toBe('1');
  1379. done();
  1380. }));
  1381. it("is incremented when message is received and windows is not focused",
  1382. mock.initConverseWithPromises(
  1383. null, ['rosterGroupsFetched'], {},
  1384. function (done, _converse) {
  1385. test_utils.createContacts(_converse, 'current');
  1386. var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1387. test_utils.openChatBoxFor(_converse, sender_jid);
  1388. var msgFactory = function () {
  1389. return test_utils.createChatMessage(_converse, sender_jid, 'This message will be received as unread, but eventually will be read');
  1390. };
  1391. var selectUnreadMsgCount = function () {
  1392. var minimizedChatBoxView = _converse.minimized_chats.get(sender_jid);
  1393. return $(minimizedChatBoxView.el).find('.message-count');
  1394. };
  1395. var chatboxview = _converse.chatboxviews.get(sender_jid);
  1396. chatboxview.minimize();
  1397. _converse.chatboxes.onMessage(msgFactory());
  1398. var $unreadMsgCount = selectUnreadMsgCount();
  1399. expect(u.isVisible($unreadMsgCount[0])).toBeTruthy();
  1400. expect($unreadMsgCount.html()).toBe('1');
  1401. done();
  1402. }));
  1403. it("will render Openstreetmap-URL from geo-URI",
  1404. mock.initConverseWithPromises(
  1405. null, ['rosterGroupsFetched'], {},
  1406. function (done, _converse) {
  1407. test_utils.createContacts(_converse, 'current');
  1408. var base_url = document.URL.split(window.location.pathname)[0];
  1409. var message = "geo:37.786971,-122.399677";
  1410. var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost';
  1411. test_utils.openChatBoxFor(_converse, contact_jid);
  1412. var view = _converse.chatboxviews.get(contact_jid);
  1413. spyOn(view.model, 'sendMessage').and.callThrough();
  1414. test_utils.sendMessage(view, message);
  1415. test_utils.waitUntil(function () {
  1416. return $(view.el).find('.chat-content').find('.chat-msg').length;
  1417. }, 1000).then(function () {
  1418. expect(view.model.sendMessage).toHaveBeenCalled();
  1419. var msg = $(view.el).find('.chat-content').find('.chat-msg').last().find('.chat-msg-text');
  1420. expect(msg.html()).toEqual(
  1421. '<a target="_blank" rel="noopener" href="https://www.openstreetmap.org/?mlat=37.786971&amp;'+
  1422. 'mlon=-122.399677#map=18/37.786971/-122.399677">https://www.openstreetmap.org/?mlat=37.7869'+
  1423. '71&amp;mlon=-122.399677#map=18/37.786971/-122.399677</a>');
  1424. done();
  1425. });
  1426. }));
  1427. });
  1428. });
  1429. }));