ad51e1c0f7
More flesh on the view and superview for trimmed chats. Add event handlers. Renamed some methods to make them shorter, more consistent.
356 lines
20 KiB
JavaScript
356 lines
20 KiB
JavaScript
(function (root, factory) {
|
|
define([
|
|
"mock",
|
|
"utils"
|
|
], function (mock, utils) {
|
|
return factory(mock, utils);
|
|
}
|
|
);
|
|
} (this, function (mock, utils) {
|
|
return describe("ChatRooms", $.proxy(function (mock, utils) {
|
|
describe("A Chat Room", $.proxy(function () {
|
|
beforeEach(function () {
|
|
runs(function () {
|
|
utils.closeAllChatBoxes();
|
|
});
|
|
waits(250);
|
|
runs(function () {
|
|
utils.openControlBox();
|
|
});
|
|
waits(250);
|
|
runs(function () {
|
|
utils.openRoomsPanel();
|
|
});
|
|
waits(501);
|
|
runs(function () {
|
|
// Open a new chatroom
|
|
var roomspanel = converse.chatboxviews.get('controlbox').roomspanel;
|
|
var $input = roomspanel.$el.find('input.new-chatroom-name');
|
|
var $nick = roomspanel.$el.find('input.new-chatroom-nick');
|
|
var $server = roomspanel.$el.find('input.new-chatroom-server');
|
|
$input.val('lounge');
|
|
$nick.val('dummy');
|
|
$server.val('muc.localhost');
|
|
roomspanel.$el.find('form').submit();
|
|
});
|
|
waits(250);
|
|
runs(function () {
|
|
utils.closeControlBox();
|
|
});
|
|
waits(250);
|
|
runs(function () {});
|
|
});
|
|
|
|
it("shows users currently present in the room", $.proxy(function () {
|
|
var chatroomview = this.chatboxviews.get('lounge@muc.localhost'),
|
|
$participant_list;
|
|
var roster = {}, room = {}, i;
|
|
for (i=0; i<mock.chatroom_names.length-1; i++) {
|
|
roster[mock.chatroom_names[i]] = {};
|
|
chatroomview.onChatRoomRoster(roster, room);
|
|
$participant_list = chatroomview.$el.find('.participant-list');
|
|
expect($participant_list.find('li').length).toBe(1+i);
|
|
expect($($participant_list.find('li')[i]).text()).toBe(mock.chatroom_names[i]);
|
|
}
|
|
roster[converse.bare_jid] = {};
|
|
chatroomview.onChatRoomRoster(roster, room);
|
|
}, converse));
|
|
|
|
it("indicates moderators by means of a special css class and tooltip", $.proxy(function () {
|
|
var chatroomview = this.chatboxviews.get('lounge@muc.localhost');
|
|
var roster = {}, idx = mock.chatroom_names.length-1;
|
|
roster[mock.chatroom_names[idx]] = {};
|
|
roster[mock.chatroom_names[idx]].role = 'moderator';
|
|
chatroomview.onChatRoomRoster(roster, {});
|
|
var occupant = chatroomview.$el.find('.participant-list').find('li');
|
|
expect(occupant.length).toBe(1);
|
|
expect($(occupant).text()).toBe(mock.chatroom_names[idx]);
|
|
expect($(occupant).attr('class')).toBe('moderator');
|
|
expect($(occupant).attr('title')).toBe('This user is a moderator');
|
|
}, converse));
|
|
|
|
it("shows received groupchat messages", $.proxy(function () {
|
|
spyOn(converse, 'emit');
|
|
var view = this.chatboxviews.get('lounge@muc.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@muc.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('onMessage', message.nodeTree);
|
|
}, converse));
|
|
|
|
it("shows sent groupchat messages", $.proxy(function () {
|
|
spyOn(converse, 'emit');
|
|
var view = this.chatboxviews.get('lounge@muc.localhost');
|
|
if (!view.$el.find('.chat-area').length) { view.renderChatArea(); }
|
|
var nick = mock.chatroom_names[0];
|
|
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('onMessageSend', text);
|
|
|
|
var message = $msg({
|
|
from: 'lounge@muc.localhost/dummy',
|
|
id: '2',
|
|
to: 'dummy@localhost.com',
|
|
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').last().text()).toBe(text);
|
|
// We don't emit an event if it's our own message
|
|
expect(converse.emit.callCount, 1);
|
|
}, converse));
|
|
|
|
it("can be saved to, and retrieved from, localStorage", $.proxy(function () {
|
|
// We instantiate a new ChatBoxes collection, which by default
|
|
// will be empty.
|
|
spyOn(this.chatboxviews, 'trimOpenChats');
|
|
utils.openControlBox();
|
|
var newchatboxes = new this.ChatBoxes();
|
|
expect(newchatboxes.length).toEqual(0);
|
|
// The chatboxes will then be fetched from localStorage inside the
|
|
// onConnected method
|
|
newchatboxes.onConnected();
|
|
expect(this.chatboxviews.trimOpenChats).toHaveBeenCalled();
|
|
expect(newchatboxes.length).toEqual(2); // XXX: Includes controlbox, is this a bug?
|
|
// Check that the chatrooms retrieved from localStorage
|
|
// have the same attributes values as the original ones.
|
|
attrs = ['id', 'box_id', 'visible'];
|
|
for (i=0; i<attrs.length; i++) {
|
|
new_attrs = _.pluck(_.pluck(newchatboxes.models, 'attributes'), attrs[i]);
|
|
old_attrs = _.pluck(_.pluck(this.chatboxes.models, 'attributes'), attrs[i]);
|
|
// FIXME: should have have to sort here? Order must
|
|
// probably be the same...
|
|
// This should be fixed once the controlbox always opens
|
|
// only on the right.
|
|
expect(_.isEqual(new_attrs.sort(), old_attrs.sort())).toEqual(true);
|
|
}
|
|
this.rosterview.render();
|
|
}, converse));
|
|
|
|
it("can be toggled by clicking a DOM element with class 'toggle-chatbox-button'", function () {
|
|
var view = this.chatboxviews.get('lounge@muc.localhost'),
|
|
chatroom = view.model, $el;
|
|
spyOn(view, 'toggleChatBox').andCallThrough();
|
|
spyOn(converse, 'emit');
|
|
view.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
|
|
runs(function () {
|
|
view.$el.find('.toggle-chatbox-button').click();
|
|
});
|
|
waits(250);
|
|
runs(function () {
|
|
expect(view.toggleChatBox).toHaveBeenCalled();
|
|
expect(converse.emit).toHaveBeenCalledWith('onChatBoxToggled', jasmine.any(Object));
|
|
expect(converse.emit.callCount, 2);
|
|
expect(view.$el.find('.chat-body').is(':visible')).toBeFalsy();
|
|
expect(view.$el.find('.toggle-chatbox-button').hasClass('icon-minus')).toBeFalsy();
|
|
expect(view.$el.find('.toggle-chatbox-button').hasClass('icon-plus')).toBeTruthy();
|
|
expect(view.model.get('minimized')).toBeTruthy();
|
|
view.$el.find('.toggle-chatbox-button').click();
|
|
});
|
|
waits(250);
|
|
runs(function () {
|
|
expect(view.toggleChatBox).toHaveBeenCalled();
|
|
expect(converse.emit).toHaveBeenCalledWith('onChatBoxToggled', jasmine.any(Object));
|
|
expect(view.$el.find('.chat-body').is(':visible')).toBeTruthy();
|
|
expect(view.$el.find('.toggle-chatbox-button').hasClass('icon-minus')).toBeTruthy();
|
|
expect(view.$el.find('.toggle-chatbox-button').hasClass('icon-plus')).toBeFalsy();
|
|
expect(view.model.get('minimized')).toBeFalsy();
|
|
expect(converse.emit.callCount, 3);
|
|
});
|
|
}.bind(converse));
|
|
|
|
|
|
it("can be closed again by clicking a DOM element with class 'close-chatbox-button'", $.proxy(function () {
|
|
var view = this.chatboxviews.get('lounge@muc.localhost'), chatroom = view.model, $el;
|
|
spyOn(view, 'close').andCallThrough();
|
|
spyOn(converse, 'emit');
|
|
spyOn(converse.connection.muc, 'leave');
|
|
view.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
|
|
runs(function () {
|
|
view.$el.find('.close-chatbox-button').click();
|
|
});
|
|
waits(250);
|
|
runs(function () {
|
|
expect(view.close).toHaveBeenCalled();
|
|
expect(this.connection.muc.leave).toHaveBeenCalled();
|
|
expect(this.emit).toHaveBeenCalledWith('onChatBoxClosed', jasmine.any(Object));
|
|
}.bind(converse));
|
|
}, converse));
|
|
}, converse));
|
|
|
|
describe("When attempting to enter a chatroom", $.proxy(function () {
|
|
beforeEach($.proxy(function () {
|
|
var roomspanel = this.chatboxviews.get('controlbox').roomspanel;
|
|
var $input = roomspanel.$el.find('input.new-chatroom-name');
|
|
var $nick = roomspanel.$el.find('input.new-chatroom-nick');
|
|
var $server = roomspanel.$el.find('input.new-chatroom-server');
|
|
$input.val('problematic');
|
|
$nick.val('dummy');
|
|
$server.val('muc.localhost');
|
|
roomspanel.$el.find('form').submit();
|
|
}, converse));
|
|
|
|
afterEach($.proxy(function () {
|
|
var view = this.chatboxviews.get('problematic@muc.localhost');
|
|
view.close();
|
|
}, converse));
|
|
|
|
it("will show an error message if the room requires a password", $.proxy(function () {
|
|
var presence = $pres().attrs({
|
|
from:'coven@chat.shakespeare.lit/thirdwitch',
|
|
id:'n13mt3l',
|
|
to:'hag66@shakespeare.lit/pda',
|
|
type:'error'})
|
|
.c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up()
|
|
.c('error').attrs({by:'coven@chat.shakespeare.lit', type:'auth'})
|
|
.c('not-authorized').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree;
|
|
|
|
var view = this.chatboxviews.get('problematic@muc.localhost');
|
|
spyOn(view, 'renderPasswordForm').andCallThrough();
|
|
runs(function () {
|
|
view.onChatRoomPresence(presence, {'nick': 'dummy'});
|
|
});
|
|
waits(250);
|
|
runs(function () {
|
|
var $chat_body = view.$el.find('.chat-body');
|
|
expect(view.renderPasswordForm).toHaveBeenCalled();
|
|
expect($chat_body.find('form.chatroom-form').length).toBe(1);
|
|
expect($chat_body.find('legend').text()).toBe('This chatroom requires a password');
|
|
});
|
|
}, converse));
|
|
|
|
it("will show an error message if the room is members-only and the user not included", $.proxy(function () {
|
|
var presence = $pres().attrs({
|
|
from:'coven@chat.shakespeare.lit/thirdwitch',
|
|
id:'n13mt3l',
|
|
to:'hag66@shakespeare.lit/pda',
|
|
type:'error'})
|
|
.c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up()
|
|
.c('error').attrs({by:'coven@chat.shakespeare.lit', type:'auth'})
|
|
.c('registration-required').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree;
|
|
var view = this.chatboxviews.get('problematic@muc.localhost');
|
|
spyOn(view, 'showErrorMessage').andCallThrough();
|
|
view.onChatRoomPresence(presence, {'nick': 'dummy'});
|
|
expect(view.$el.find('.chat-body p').text()).toBe('You are not on the member list of this room');
|
|
}, converse));
|
|
|
|
it("will show an error message if the user has been banned", $.proxy(function () {
|
|
var presence = $pres().attrs({
|
|
from:'coven@chat.shakespeare.lit/thirdwitch',
|
|
id:'n13mt3l',
|
|
to:'hag66@shakespeare.lit/pda',
|
|
type:'error'})
|
|
.c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up()
|
|
.c('error').attrs({by:'coven@chat.shakespeare.lit', type:'auth'})
|
|
.c('forbidden').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree;
|
|
var view = this.chatboxviews.get('problematic@muc.localhost');
|
|
spyOn(view, 'showErrorMessage').andCallThrough();
|
|
view.onChatRoomPresence(presence, {'nick': 'dummy'});
|
|
expect(view.$el.find('.chat-body p').text()).toBe('You have been banned from this room');
|
|
}, converse));
|
|
|
|
it("will show an error message if no nickname was specified for the user", $.proxy(function () {
|
|
var presence = $pres().attrs({
|
|
from:'coven@chat.shakespeare.lit/thirdwitch',
|
|
id:'n13mt3l',
|
|
to:'hag66@shakespeare.lit/pda',
|
|
type:'error'})
|
|
.c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up()
|
|
.c('error').attrs({by:'coven@chat.shakespeare.lit', type:'modify'})
|
|
.c('jid-malformed').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree;
|
|
var view = this.chatboxviews.get('problematic@muc.localhost');
|
|
spyOn(view, 'showErrorMessage').andCallThrough();
|
|
view.onChatRoomPresence(presence, {'nick': 'dummy'});
|
|
expect(view.$el.find('.chat-body p').text()).toBe('No nickname was specified');
|
|
}, converse));
|
|
|
|
it("will show an error message if the user is not allowed to have created the room", $.proxy(function () {
|
|
var presence = $pres().attrs({
|
|
from:'coven@chat.shakespeare.lit/thirdwitch',
|
|
id:'n13mt3l',
|
|
to:'hag66@shakespeare.lit/pda',
|
|
type:'error'})
|
|
.c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up()
|
|
.c('error').attrs({by:'coven@chat.shakespeare.lit', type:'cancel'})
|
|
.c('not-allowed').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree;
|
|
var view = this.chatboxviews.get('problematic@muc.localhost');
|
|
spyOn(view, 'showErrorMessage').andCallThrough();
|
|
view.onChatRoomPresence(presence, {'nick': 'dummy'});
|
|
expect(view.$el.find('.chat-body p').text()).toBe('You are not allowed to create new rooms');
|
|
}, converse));
|
|
|
|
it("will show an error message if the user's nickname doesn't conform to room policy", $.proxy(function () {
|
|
var presence = $pres().attrs({
|
|
from:'coven@chat.shakespeare.lit/thirdwitch',
|
|
id:'n13mt3l',
|
|
to:'hag66@shakespeare.lit/pda',
|
|
type:'error'})
|
|
.c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up()
|
|
.c('error').attrs({by:'coven@chat.shakespeare.lit', type:'cancel'})
|
|
.c('not-acceptable').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree;
|
|
var view = this.chatboxviews.get('problematic@muc.localhost');
|
|
spyOn(view, 'showErrorMessage').andCallThrough();
|
|
view.onChatRoomPresence(presence, {'nick': 'dummy'});
|
|
expect(view.$el.find('.chat-body p').text()).toBe("Your nickname doesn't conform to this room's policies");
|
|
}, converse));
|
|
|
|
it("will show an error message if the user's nickname is already taken", $.proxy(function () {
|
|
var presence = $pres().attrs({
|
|
from:'coven@chat.shakespeare.lit/thirdwitch',
|
|
id:'n13mt3l',
|
|
to:'hag66@shakespeare.lit/pda',
|
|
type:'error'})
|
|
.c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up()
|
|
.c('error').attrs({by:'coven@chat.shakespeare.lit', type:'cancel'})
|
|
.c('conflict').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree;
|
|
var view = this.chatboxviews.get('problematic@muc.localhost');
|
|
spyOn(view, 'showErrorMessage').andCallThrough();
|
|
view.onChatRoomPresence(presence, {'nick': 'dummy'});
|
|
expect(view.$el.find('.chat-body p').text()).toBe("Your nickname is already taken");
|
|
}, converse));
|
|
|
|
it("will show an error message if the room doesn't yet exist", $.proxy(function () {
|
|
var presence = $pres().attrs({
|
|
from:'coven@chat.shakespeare.lit/thirdwitch',
|
|
id:'n13mt3l',
|
|
to:'hag66@shakespeare.lit/pda',
|
|
type:'error'})
|
|
.c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up()
|
|
.c('error').attrs({by:'coven@chat.shakespeare.lit', type:'cancel'})
|
|
.c('item-not-found').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree;
|
|
var view = this.chatboxviews.get('problematic@muc.localhost');
|
|
spyOn(view, 'showErrorMessage').andCallThrough();
|
|
view.onChatRoomPresence(presence, {'nick': 'dummy'});
|
|
expect(view.$el.find('.chat-body p').text()).toBe("This room does not (yet) exist");
|
|
}, converse));
|
|
|
|
it("will show an error message if the room has reached it's maximum number of occupants", $.proxy(function () {
|
|
var presence = $pres().attrs({
|
|
from:'coven@chat.shakespeare.lit/thirdwitch',
|
|
id:'n13mt3l',
|
|
to:'hag66@shakespeare.lit/pda',
|
|
type:'error'})
|
|
.c('x').attrs({xmlns:'http://jabber.org/protocol/muc'}).up()
|
|
.c('error').attrs({by:'coven@chat.shakespeare.lit', type:'cancel'})
|
|
.c('service-unavailable').attrs({xmlns:'urn:ietf:params:xml:ns:xmpp-stanzas'}).nodeTree;
|
|
var view = this.chatboxviews.get('problematic@muc.localhost');
|
|
spyOn(view, 'showErrorMessage').andCallThrough();
|
|
view.onChatRoomPresence(presence, {'nick': 'dummy'});
|
|
expect(view.$el.find('.chat-body p').text()).toBe("This room has reached it's maximum number of occupants");
|
|
}, converse));
|
|
}, converse));
|
|
}, converse, mock, utils));
|
|
}));
|