/*global converse */ (function (root, factory) { define([ "jquery", "underscore", "mock", "test_utils", "utils" ], function ($, _, mock, test_utils, utils) { return factory($, _, mock, test_utils, utils); } ); } (this, function ($, _, mock, test_utils, utils) { var $pres = converse_api.env.$pres; var $msg = converse_api.env.$msg; var Strophe = converse_api.env.Strophe; return describe("ChatRooms", function (mock, test_utils) { beforeEach(function () { runs(function () { test_utils.closeAllChatBoxes(); test_utils.clearBrowserStorage(); }); }); describe("A Chat Room", function () { beforeEach(function () { runs(function () { test_utils.closeAllChatBoxes(); test_utils.clearBrowserStorage(); }); }); it("can have spaces and special characters in its name", function () { test_utils.openChatRoom('lounge & leisure', 'localhost', 'dummy'); var view = converse.chatboxviews.get( Strophe.escapeNode('lounge & leisure')+'@localhost'); expect(view instanceof converse.ChatRoomView).toBe(true); }); it("shows users currently present in the room", function () { test_utils.openChatRoom('lounge', 'localhost', 'dummy'); var name; var view = this.chatboxviews.get('lounge@localhost'), $participants = view.$('.participant-list'); spyOn(view, 'onChatRoomPresence').andCallThrough(); var presence, role; for (var i=0; i-1; i--) { name = mock.chatroom_names[i]; console.log(name); role = mock.chatroom_roles[name].role; // See example 21 http://xmpp.org/extensions/xep-0045.html#enter-pres presence = $pres({ to:'dummy@localhost/pda', from:'lounge@localhost/'+name, type: 'unavailable' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: mock.chatroom_roles[name].affiliation, jid: name.replace(/ /g,'.').toLowerCase() + '@localhost', role: 'none' }).nodeTree; this.connection._dataRecv(test_utils.createRequest(presence)); expect(view.onChatRoomPresence).toHaveBeenCalled(); expect($participants.find('li').length).toBe(i); } }.bind(converse)); it("indicates moderators by means of a special css class and tooltip", function () { test_utils.openChatRoom('lounge', 'localhost', 'dummy'); var view = this.chatboxviews.get('lounge@localhost'); var presence = $pres({ to:'dummy@localhost/pda', from:'lounge@localhost/moderatorman' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'admin', jid: name.replace(/ /g,'.').toLowerCase() + '@localhost', role: 'moderator', }).up() .c('status').attrs({code:'110'}).nodeTree; this.connection._dataRecv(test_utils.createRequest(presence)); var occupant = view.$el.find('.participant-list').find('li'); expect(occupant.length).toBe(1); expect($(occupant).text()).toBe("moderatorman"); expect($(occupant).attr('class')).toBe('moderator'); expect($(occupant).attr('title')).toBe('This user is a moderator'); }.bind(converse)); it("allows the user to invite their roster contacts to enter the chat room", function () { test_utils.openChatRoom('lounge', 'localhost', 'dummy'); spyOn(converse, 'emit'); spyOn(window, 'prompt').andCallFake(function () { return null; }); var $input; var view = this.chatboxviews.get('lounge@localhost'); view.$el.find('.chat-area').remove(); view.renderChatArea(); // Will init the widget test_utils.createContacts('current'); // We need roster contacts, so that we have someone to invite $input = view.$el.find('input.invited-contact.tt-input'); var $hint = view.$el.find('input.invited-contact.tt-hint'); runs (function () { expect($input.length).toBe(1); expect($input.attr('placeholder')).toBe('Invite...'); $input.val("Felix"); $input.trigger('input'); }); waits(350); // Needed, due to debounce runs (function () { expect($input.val()).toBe('Felix'); expect($hint.val()).toBe('Felix Amsel'); var $sugg = view.$el.find('[data-jid="felix.amsel@localhost"]'); expect($sugg.length).toBe(1); $sugg.trigger('click'); expect(window.prompt).toHaveBeenCalled(); }); }.bind(converse)); it("can be joined automatically, based upon a received invite", function () { test_utils.openChatRoom('lounge', 'localhost', 'dummy'); spyOn(window, 'confirm').andCallFake(function () { return true; }); test_utils.createContacts('current'); // We need roster contacts, who can invite us var view = this.chatboxviews.get('lounge@localhost'); view.close(); var name = mock.cur_names[0]; var from_jid = name.replace(/ /g,'.').toLowerCase() + '@localhost'; var room_jid = 'lounge@localhost'; var reason = "Please join this chat room"; var message = $( "" + ""+ "" )[0]; expect(converse.chatboxes.models.length).toBe(1); expect(converse.chatboxes.models[0].id).toBe("controlbox"); converse.chatboxes.onInvite(message); expect(window.confirm).toHaveBeenCalledWith( name + ' has invited you to join a chat room: '+ room_jid + ', and left the following reason: "'+reason+'"'); expect(converse.chatboxes.models.length).toBe(2); expect(converse.chatboxes.models[0].id).toBe('controlbox'); expect(converse.chatboxes.models[1].id).toBe(room_jid); }.bind(converse)); it("shows received groupchat messages", function () { test_utils.openChatRoom('lounge', 'localhost', 'dummy'); spyOn(converse, 'emit'); var view = this.chatboxviews.get('lounge@localhost'); if (!view.$el.find('.chat-area').length) { view.renderChatArea(); } var nick = mock.chatroom_names[0]; var text = 'This is a received message'; var message = $msg({ from: 'lounge@localhost/'+nick, id: '1', to: 'dummy@localhost', type: 'groupchat' }).c('body').t(text); view.onChatRoomMessage(message.nodeTree); var $chat_content = view.$el.find('.chat-content'); expect($chat_content.find('.chat-message').length).toBe(1); expect($chat_content.find('.chat-message-content').text()).toBe(text); expect(converse.emit).toHaveBeenCalledWith('message', message.nodeTree); }.bind(converse)); it("plays a sound when the current user is mentioned (if configured)", function () { test_utils.openChatRoom('lounge', 'localhost', 'dummy'); spyOn(converse, 'emit'); converse.play_sounds = true; spyOn(converse, 'playNotification'); var view = this.chatboxviews.get('lounge@localhost'); if (!view.$el.find('.chat-area').length) { view.renderChatArea(); } var text = 'This message will play a sound because it mentions dummy'; var message = $msg({ from: 'lounge@localhost/otheruser', id: '1', to: 'dummy@localhost', type: 'groupchat' }).c('body').t(text); view.onChatRoomMessage(message.nodeTree); expect(converse.playNotification).toHaveBeenCalled(); text = "This message won't play a sound"; message = $msg({ from: 'lounge@localhost/otheruser', id: '2', to: 'dummy@localhost', type: 'groupchat' }).c('body').t(text); view.onChatRoomMessage(message.nodeTree); expect(converse.playNotification, 1); converse.play_sounds = false; text = "This message won't play a sound because it is sent by dummy"; message = $msg({ from: 'lounge@localhost/dummy', id: '3', to: 'dummy@localhost', type: 'groupchat' }).c('body').t(text); view.onChatRoomMessage(message.nodeTree); expect(converse.playNotification, 1); converse.play_sounds = false; }.bind(converse)); it("shows sent groupchat messages", function () { test_utils.openChatRoom('lounge', 'localhost', 'dummy'); spyOn(converse, 'emit'); var view = this.chatboxviews.get('lounge@localhost'); if (!view.$el.find('.chat-area').length) { view.renderChatArea(); } var text = 'This is a sent message'; view.$el.find('.chat-textarea').text(text); view.$el.find('textarea.chat-textarea').trigger($.Event('keypress', {keyCode: 13})); expect(converse.emit).toHaveBeenCalledWith('messageSend', text); var message = $msg({ from: 'lounge@localhost/dummy', to: 'dummy@localhost.com', type: 'groupchat', id: view.model.messages.at(0).get('msgid') }).c('body').t(text); view.onChatRoomMessage(message.nodeTree); var $chat_content = view.$el.find('.chat-content'); expect($chat_content.find('.chat-message').length).toBe(1); expect($chat_content.find('.chat-message-content').last().text()).toBe(text); // We don't emit an event if it's our own message expect(converse.emit.callCount, 1); }.bind(converse)); it("informs users if their nicknames has been changed.", function () { /* The service then sends two presence stanzas to the full JID * of each occupant (including the occupant who is changing his * or her room nickname), one of type "unavailable" for the old * nickname and one indicating availability for the new * nickname. * * See: http://xmpp.org/extensions/xep-0045.html#changenick * * * * * * * * * * * * * * * */ var __ = utils.__.bind(converse); test_utils.openChatRoom('lounge', 'localhost', 'oldnick'); var view = this.chatboxviews.get('lounge@localhost'); var $chat_content = view.$el.find('.chat-content'); spyOn(view, 'onChatRoomPresence').andCallThrough(); // The user has just entered the room and receives their own // presence from the server. // See example 24: // http://xmpp.org/extensions/xep-0045.html#enter-pres var presence = $pres({ to:'dummy@localhost/pda', from:'lounge@localhost/oldnick', id:'DC352437-C019-40EC-B590-AF29E879AF97' }).c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'member', jid: 'dummy@localhost/pda', role: 'participant' }).up() .c('status').attrs({code:'110'}).up() .c('status').attrs({code:'210'}).nodeTree; this.connection._dataRecv(test_utils.createRequest(presence)); expect(view.onChatRoomPresence).toHaveBeenCalled(); var $participants = view.$('.participant-list'); expect($participants.children().length).toBe(1); expect($participants.children().first(0).text()).toBe("oldnick"); expect($chat_content.find('div.chat-info').length).toBe(1); expect($chat_content.find('div.chat-info').html()).toBe(__(view.newNicknameMessages["210"], "oldnick")); presence = $pres().attrs({ from:'lounge@localhost/oldnick', id:'DC352437-C019-40EC-B590-AF29E879AF98', to:'dummy@localhost/pda', type:'unavailable' }) .c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'member', jid: 'dummy@localhost/pda', nick: 'newnick', role: 'participant' }).up() .c('status').attrs({code:'303'}).up() .c('status').attrs({code:'110'}).nodeTree; this.connection._dataRecv(test_utils.createRequest(presence)); expect(view.onChatRoomPresence).toHaveBeenCalled(); expect($chat_content.find('div.chat-info').length).toBe(2); expect($chat_content.find('div.chat-info').last().html()).toBe(__(view.newNicknameMessages["303"], "newnick")); $participants = view.$('.participant-list'); expect($participants.children().length).toBe(0); presence = $pres().attrs({ from:'lounge@localhost/newnick', id:'5B4F27A4-25ED-43F7-A699-382C6B4AFC67', to:'dummy@localhost/pda' }) .c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'member', jid: 'dummy@localhost/pda', role: 'participant' }).up() .c('status').attrs({code:'110'}).nodeTree; this.connection._dataRecv(test_utils.createRequest(presence)); expect(view.onChatRoomPresence).toHaveBeenCalled(); expect($chat_content.find('div.chat-info').length).toBe(2); expect($chat_content.find('div.chat-info').last().html()).toBe(__(view.newNicknameMessages["303"], "newnick")); $participants = view.$('.participant-list'); expect($participants.children().length).toBe(1); expect($participants.children().first(0).text()).toBe("newnick"); }.bind(converse)); it("informs users if they have been kicked out of the chat room", function () { /* * * * * Avaunt, you cullion! * * * * */ test_utils.openChatRoom('lounge', 'localhost', 'dummy'); var presence = $pres().attrs({ from:'lounge@localhost/dummy', to:'dummy@localhost/pda', type:'unavailable' }) .c('x').attrs({xmlns:'http://jabber.org/protocol/muc#user'}) .c('item').attrs({ affiliation: 'none', jid: 'dummy@localhost/pda', role: 'none' }) .c('actor').attrs({nick: 'Fluellen'}).up() .c('reason').t('Avaunt, you cullion!').up() .up() .c('status').attrs({code:'307'}).nodeTree; var view = this.chatboxviews.get('lounge@localhost'); view.onChatRoomPresence(presence, {nick: 'dummy', name: 'lounge@localhost'}); expect(view.$('.chat-area').is(':visible')).toBeFalsy(); expect(view.$('.participants').is(':visible')).toBeFalsy(); var $chat_body = view.$('.chatroom-body'); expect($chat_body.html().trim().indexOf('

You have been kicked from this room

The reason given is: "Avaunt, you cullion!"

')).not.toBe(-1); }.bind(converse)); it("can be saved to, and retrieved from, browserStorage", function () { test_utils.openChatRoom('lounge', 'localhost', 'dummy'); // We instantiate a new ChatBoxes collection, which by default // will be empty. test_utils.openControlBox(); var newchatboxes = new this.ChatBoxes(); expect(newchatboxes.length).toEqual(0); // The chatboxes will then be fetched from browserStorage inside the // onConnected method newchatboxes.onConnected(); expect(newchatboxes.length).toEqual(2); // Check that the chatrooms retrieved from browserStorage // have the same attributes values as the original ones. var attrs = ['id', 'box_id', 'visible']; var new_attrs, old_attrs; for (var i=0; i