9bc8bdf34c
`toLocaleString` now returns element attributes in alphabetical order (for better cross-browser consistency). Also, `toLocaleString` is now used in favor of `outerHTML` because browsers aren't consistent with one another in their output.
290 lines
15 KiB
JavaScript
290 lines
15 KiB
JavaScript
(function (root, factory) {
|
|
define(["jquery", "jasmine", "mock", "test-utils"], factory);
|
|
} (this, function ($, jasmine, mock, test_utils) {
|
|
var Strophe = converse.env.Strophe;
|
|
var $iq = converse.env.$iq;
|
|
var _ = converse.env._;
|
|
|
|
describe("The Registration Panel", function () {
|
|
|
|
it("is not available unless allow_registration=true",
|
|
mock.initConverseWithPromises(
|
|
null, ['connectionInitialized', 'chatBoxesInitialized'],
|
|
{ auto_login: false,
|
|
allow_registration: false },
|
|
function (done, _converse) {
|
|
|
|
test_utils.waitUntil(() => _converse.chatboxviews.get('controlbox'))
|
|
.then(function () {
|
|
test_utils.openControlBox();
|
|
var cbview = _converse.chatboxviews.get('controlbox');
|
|
expect($(cbview.el.querySelector('a.register-account')).length).toBe(0);
|
|
done();
|
|
});
|
|
}));
|
|
|
|
it("can be opened by clicking on the registration tab",
|
|
mock.initConverseWithPromises(
|
|
null, ['connectionInitialized', 'chatBoxesInitialized'],
|
|
{ auto_login: false,
|
|
allow_registration: true },
|
|
function (done, _converse) {
|
|
|
|
test_utils.waitUntil(() => _.get(_converse.chatboxviews.get('controlbox'), 'registerpanel'), 300)
|
|
.then(function () {
|
|
var cbview = _converse.chatboxviews.get('controlbox');
|
|
test_utils.openControlBox();
|
|
var $panels = $(cbview.el.querySelector('.controlbox-panes'));
|
|
var $login = $panels.children().first();
|
|
var $registration = $panels.children().last();
|
|
|
|
var register_link = cbview.el.querySelector('a.register-account');
|
|
expect(register_link.textContent).toBe("Create an account");
|
|
register_link.click();
|
|
test_utils.waitUntil(function () {
|
|
return $registration.is(':visible');
|
|
}, 300).then(function () {
|
|
expect($login.is(':visible')).toBe(false);
|
|
done();
|
|
});
|
|
});
|
|
}));
|
|
|
|
it("allows the user to choose an XMPP provider's domain",
|
|
mock.initConverseWithPromises(
|
|
null, ['connectionInitialized', 'chatBoxesInitialized'],
|
|
{ auto_login: false,
|
|
allow_registration: true },
|
|
function (done, _converse) {
|
|
|
|
test_utils.waitUntil(function () {
|
|
return _.get(_converse.chatboxviews.get('controlbox'), 'registerpanel');
|
|
}, 300)
|
|
.then(function () {
|
|
|
|
test_utils.openControlBox();
|
|
var cbview = _converse.chatboxviews.get('controlbox');
|
|
var registerview = cbview.registerpanel;
|
|
spyOn(registerview, 'onProviderChosen').and.callThrough();
|
|
registerview.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
|
|
spyOn(_converse.connection, 'connect');
|
|
|
|
// Open the register panel
|
|
cbview.el.querySelector('.toggle-register-login').click();
|
|
|
|
// Check the form layout
|
|
var $form = $(cbview.el.querySelector('#converse-register'));
|
|
expect($form.find('input').length).toEqual(2);
|
|
expect($form.find('input').first().attr('name')).toEqual('domain');
|
|
expect($form.find('input').last().attr('type')).toEqual('submit');
|
|
// Check that the input[type=domain] input is required
|
|
$form.find('input[type=submit]')[0].click();
|
|
expect(registerview.onProviderChosen).not.toHaveBeenCalled();
|
|
|
|
// Check that the form is accepted if input[type=domain] has a value
|
|
$form.find('input[name=domain]').val('conversejs.org');
|
|
$form.find('input[type=submit]')[0].click();
|
|
expect(registerview.onProviderChosen).toHaveBeenCalled();
|
|
expect(_converse.connection.connect).toHaveBeenCalled();
|
|
done();
|
|
});
|
|
}));
|
|
|
|
it("will render a registration form as received from the XMPP provider",
|
|
mock.initConverseWithPromises(
|
|
null, ['connectionInitialized', 'chatBoxesInitialized'],
|
|
{ auto_login: false,
|
|
allow_registration: true },
|
|
function (done, _converse) {
|
|
|
|
test_utils.waitUntil(function () {
|
|
return _.get(_converse.chatboxviews.get('controlbox'), 'registerpanel');
|
|
}, 300).then(function () {
|
|
test_utils.openControlBox();
|
|
var cbview = _converse.chatboxviews.get('controlbox');
|
|
cbview.el.querySelector('.toggle-register-login').click();
|
|
|
|
var registerview = _converse.chatboxviews.get('controlbox').registerpanel;
|
|
spyOn(registerview, 'onProviderChosen').and.callThrough();
|
|
spyOn(registerview, 'getRegistrationFields').and.callThrough();
|
|
spyOn(registerview, 'onRegistrationFields').and.callThrough();
|
|
spyOn(registerview, 'renderRegistrationForm').and.callThrough();
|
|
registerview.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
|
|
spyOn(_converse.connection, 'connect').and.callThrough();
|
|
|
|
expect(registerview._registering).toBeFalsy();
|
|
expect(_converse.connection.connected).toBeFalsy();
|
|
registerview.el.querySelector('input[name=domain]').value = 'conversejs.org';
|
|
registerview.el.querySelector('input[type=submit]').click();
|
|
expect(registerview.onProviderChosen).toHaveBeenCalled();
|
|
expect(registerview._registering).toBeTruthy();
|
|
expect(_converse.connection.connect).toHaveBeenCalled();
|
|
|
|
var stanza = new Strophe.Builder("stream:features", {
|
|
'xmlns:stream': "http://etherx.jabber.org/streams",
|
|
'xmlns': "jabber:client"
|
|
})
|
|
.c('register', {xmlns: "http://jabber.org/features/iq-register"}).up()
|
|
.c('mechanisms', {xmlns: "urn:ietf:params:xml:ns:xmpp-sasl"});
|
|
_converse.connection._connect_cb(test_utils.createRequest(stanza));
|
|
|
|
expect(registerview.getRegistrationFields).toHaveBeenCalled();
|
|
|
|
stanza = $iq({
|
|
'type': 'result',
|
|
'id': 'reg1'
|
|
}).c('query', {'xmlns': 'jabber:iq:register'})
|
|
.c('instructions')
|
|
.t('Please choose a username, password and provide your email address').up()
|
|
.c('username').up()
|
|
.c('password').up()
|
|
.c('email');
|
|
_converse.connection._dataRecv(test_utils.createRequest(stanza));
|
|
expect(registerview.onRegistrationFields).toHaveBeenCalled();
|
|
expect(registerview.renderRegistrationForm).toHaveBeenCalled();
|
|
expect(registerview.el.querySelectorAll('input').length).toBe(5);
|
|
expect(registerview.el.querySelectorAll('input[type=submit]').length).toBe(1);
|
|
expect(registerview.el.querySelectorAll('input[type=button]').length).toBe(1);
|
|
done();
|
|
});
|
|
}));
|
|
|
|
it("will set form_type to legacy and submit it as legacy",
|
|
mock.initConverseWithPromises(
|
|
null, ['connectionInitialized', 'chatBoxesInitialized'],
|
|
{ auto_login: false,
|
|
allow_registration: true },
|
|
function (done, _converse) {
|
|
|
|
test_utils.waitUntil(function () {
|
|
return _.get(_converse.chatboxviews.get('controlbox'), 'registerpanel');
|
|
}, 300)
|
|
.then(function () {
|
|
test_utils.openControlBox();
|
|
var cbview = _converse.chatboxviews.get('controlbox');
|
|
cbview.el.querySelector('.toggle-register-login').click();
|
|
|
|
var registerview = cbview.registerpanel;
|
|
spyOn(registerview, 'onProviderChosen').and.callThrough();
|
|
spyOn(registerview, 'getRegistrationFields').and.callThrough();
|
|
spyOn(registerview, 'onRegistrationFields').and.callThrough();
|
|
spyOn(registerview, 'renderRegistrationForm').and.callThrough();
|
|
registerview.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
|
|
spyOn(_converse.connection, 'connect').and.callThrough();
|
|
|
|
registerview.el.querySelector('input[name=domain]').value = 'conversejs.org';
|
|
registerview.el.querySelector('input[type=submit]').click();
|
|
|
|
var stanza = new Strophe.Builder("stream:features", {
|
|
'xmlns:stream': "http://etherx.jabber.org/streams",
|
|
'xmlns': "jabber:client"
|
|
})
|
|
.c('register', {xmlns: "http://jabber.org/features/iq-register"}).up()
|
|
.c('mechanisms', {xmlns: "urn:ietf:params:xml:ns:xmpp-sasl"});
|
|
_converse.connection._connect_cb(test_utils.createRequest(stanza));
|
|
stanza = $iq({
|
|
'type': 'result',
|
|
'id': 'reg1'
|
|
}).c('query', {'xmlns': 'jabber:iq:register'})
|
|
.c('instructions')
|
|
.t('Please choose a username, password and provide your email address').up()
|
|
.c('username').up()
|
|
.c('password').up()
|
|
.c('email');
|
|
_converse.connection._dataRecv(test_utils.createRequest(stanza));
|
|
expect(registerview.form_type).toBe('legacy');
|
|
|
|
$(registerview.el.querySelector('input[name=username]')).val('testusername');
|
|
$(registerview.el.querySelector('input[name=password]')).val('testpassword');
|
|
$(registerview.el.querySelector('input[name=email]')).val('test@email.local');
|
|
|
|
spyOn(_converse.connection, 'send');
|
|
|
|
registerview.el.querySelector('input[type=submit]').click();
|
|
|
|
expect(_converse.connection.send).toHaveBeenCalled();
|
|
var $stanza = $(_converse.connection.send.calls.argsFor(0)[0].tree());
|
|
expect($stanza.children('query').children().length).toBe(3);
|
|
expect($stanza.children('query').children()[0].tagName).toBe('username');
|
|
done();
|
|
});
|
|
}));
|
|
|
|
it("will set form_type to xform and submit it as xform",
|
|
mock.initConverseWithPromises(
|
|
null, ['connectionInitialized', 'chatBoxesInitialized'],
|
|
{ auto_login: false,
|
|
allow_registration: true },
|
|
function (done, _converse) {
|
|
|
|
test_utils.waitUntil(function () {
|
|
return _.get(_converse.chatboxviews.get('controlbox'), 'registerpanel');
|
|
}, 300).then(function () {
|
|
test_utils.openControlBox();
|
|
var cbview = _converse.chatboxviews.get('controlbox');
|
|
cbview.el.querySelector('.toggle-register-login').click();
|
|
var registerview = _converse.chatboxviews.get('controlbox').registerpanel;
|
|
spyOn(registerview, 'onProviderChosen').and.callThrough();
|
|
spyOn(registerview, 'getRegistrationFields').and.callThrough();
|
|
spyOn(registerview, 'onRegistrationFields').and.callThrough();
|
|
spyOn(registerview, 'renderRegistrationForm').and.callThrough();
|
|
registerview.delegateEvents(); // We need to rebind all events otherwise our spy won't be called
|
|
spyOn(_converse.connection, 'connect').and.callThrough();
|
|
|
|
registerview.el.querySelector('input[name=domain]').value = 'conversejs.org';
|
|
registerview.el.querySelector('input[type=submit]').click();
|
|
|
|
var stanza = new Strophe.Builder("stream:features", {
|
|
'xmlns:stream': "http://etherx.jabber.org/streams",
|
|
'xmlns': "jabber:client"
|
|
})
|
|
.c('register', {xmlns: "http://jabber.org/features/iq-register"}).up()
|
|
.c('mechanisms', {xmlns: "urn:ietf:params:xml:ns:xmpp-sasl"});
|
|
_converse.connection._connect_cb(test_utils.createRequest(stanza));
|
|
stanza = $iq({
|
|
'type': 'result',
|
|
'id': 'reg1'
|
|
}).c('query', {'xmlns': 'jabber:iq:register'})
|
|
.c('instructions')
|
|
.t('Using xform data').up()
|
|
.c('x', { 'xmlns': 'jabber:x:data', 'type': 'form' })
|
|
.c('instructions').t('xform instructions').up()
|
|
.c('field', {'type': 'text-single', 'var': 'username'}).c('required').up().up()
|
|
.c('field', {'type': 'text-private', 'var': 'password'}).c('required').up().up()
|
|
.c('field', {'type': 'text-single', 'var': 'email'}).c('required').up().up();
|
|
_converse.connection._dataRecv(test_utils.createRequest(stanza));
|
|
expect(registerview.form_type).toBe('xform');
|
|
|
|
$(registerview.el.querySelector('input[name=username]')).val('testusername');
|
|
$(registerview.el.querySelector('input[name=password]')).val('testpassword');
|
|
$(registerview.el.querySelector('input[name=email]')).val('test@email.local');
|
|
|
|
spyOn(_converse.connection, 'send');
|
|
|
|
registerview.el.querySelector('input[type=submit]').click();
|
|
|
|
expect(_converse.connection.send).toHaveBeenCalled();
|
|
stanza = _converse.connection.send.calls.argsFor(0)[0].tree();
|
|
expect(Strophe.serialize(stanza).toLocaleString().trim().replace(/(\n|\s{2,})/g, '')).toEqual(
|
|
'<iq id="'+stanza.getAttribute('id')+'" type="set" xmlns="jabber:client">'+
|
|
'<query xmlns="jabber:iq:register">'+
|
|
'<x type="submit" xmlns="jabber:x:data">'+
|
|
'<field var="username">'+
|
|
'<value>testusername</value>'+
|
|
'</field>'+
|
|
'<field var="password">'+
|
|
'<value>testpassword</value>'+
|
|
'</field>'+
|
|
'<field var="email">'+
|
|
'<value>test@email.local</value>'+
|
|
'</field>'+
|
|
'</x>'+
|
|
'</query>'+
|
|
'</iq>'
|
|
);
|
|
done();
|
|
});
|
|
}));
|
|
});
|
|
}));
|