2018-03-17 18:26:18 +05:30
|
|
|
import U2FRegister from '~/u2f/register';
|
2017-09-10 17:25:29 +05:30
|
|
|
import 'vendor/u2f';
|
2018-03-17 18:26:18 +05:30
|
|
|
import MockU2FDevice from './mock_u2f_device';
|
|
|
|
|
|
|
|
describe('U2FRegister', () => {
|
|
|
|
preloadFixtures('u2f/register.html.raw');
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2018-03-27 19:54:05 +05:30
|
|
|
beforeEach((done) => {
|
2018-03-17 18:26:18 +05:30
|
|
|
loadFixtures('u2f/register.html.raw');
|
|
|
|
this.u2fDevice = new MockU2FDevice();
|
|
|
|
this.container = $('#js-register-u2f');
|
|
|
|
this.component = new U2FRegister(this.container, $('#js-register-u2f-templates'), {}, 'token');
|
2018-03-27 19:54:05 +05:30
|
|
|
this.component.start().then(done).catch(done.fail);
|
2018-03-17 18:26:18 +05:30
|
|
|
});
|
2017-08-17 22:00:37 +05:30
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
it('allows registering a U2F device', () => {
|
|
|
|
const setupButton = this.container.find('#js-setup-u2f-device');
|
|
|
|
expect(setupButton.text()).toBe('Setup new U2F device');
|
|
|
|
setupButton.trigger('click');
|
|
|
|
const inProgressMessage = this.container.children('p');
|
|
|
|
expect(inProgressMessage.text()).toContain('Trying to communicate with your device');
|
|
|
|
this.u2fDevice.respondToRegisterRequest({
|
|
|
|
deviceData: 'this is data from the device',
|
2016-09-13 17:45:13 +05:30
|
|
|
});
|
2018-03-17 18:26:18 +05:30
|
|
|
const registeredMessage = this.container.find('p');
|
|
|
|
const deviceResponse = this.container.find('#js-device-response');
|
|
|
|
expect(registeredMessage.text()).toContain('Your device was successfully set up!');
|
|
|
|
return expect(deviceResponse.val()).toBe('{"deviceData":"this is data from the device"}');
|
|
|
|
});
|
|
|
|
|
|
|
|
return describe('errors', () => {
|
|
|
|
it('doesn\'t allow the same device to be registered twice (for the same user', () => {
|
|
|
|
const setupButton = this.container.find('#js-setup-u2f-device');
|
2016-09-13 17:45:13 +05:30
|
|
|
setupButton.trigger('click');
|
|
|
|
this.u2fDevice.respondToRegisterRequest({
|
2018-03-17 18:26:18 +05:30
|
|
|
errorCode: 4,
|
2016-09-13 17:45:13 +05:30
|
|
|
});
|
2018-03-17 18:26:18 +05:30
|
|
|
const errorMessage = this.container.find('p');
|
|
|
|
return expect(errorMessage.text()).toContain('already been registered with us');
|
2016-09-13 17:45:13 +05:30
|
|
|
});
|
2018-03-17 18:26:18 +05:30
|
|
|
|
|
|
|
it('displays an error message for other errors', () => {
|
|
|
|
const setupButton = this.container.find('#js-setup-u2f-device');
|
|
|
|
setupButton.trigger('click');
|
|
|
|
this.u2fDevice.respondToRegisterRequest({
|
|
|
|
errorCode: 'error!',
|
2016-09-13 17:45:13 +05:30
|
|
|
});
|
2018-03-17 18:26:18 +05:30
|
|
|
const errorMessage = this.container.find('p');
|
|
|
|
return expect(errorMessage.text()).toContain('There was a problem communicating with your device');
|
|
|
|
});
|
|
|
|
|
|
|
|
return it('allows retrying registration after an error', () => {
|
|
|
|
let setupButton = this.container.find('#js-setup-u2f-device');
|
|
|
|
setupButton.trigger('click');
|
|
|
|
this.u2fDevice.respondToRegisterRequest({
|
|
|
|
errorCode: 'error!',
|
2016-09-13 17:45:13 +05:30
|
|
|
});
|
2018-03-17 18:26:18 +05:30
|
|
|
const retryButton = this.container.find('#U2FTryAgain');
|
|
|
|
retryButton.trigger('click');
|
|
|
|
setupButton = this.container.find('#js-setup-u2f-device');
|
|
|
|
setupButton.trigger('click');
|
|
|
|
this.u2fDevice.respondToRegisterRequest({
|
|
|
|
deviceData: 'this is data from the device',
|
2016-09-13 17:45:13 +05:30
|
|
|
});
|
2018-03-17 18:26:18 +05:30
|
|
|
const registeredMessage = this.container.find('p');
|
|
|
|
return expect(registeredMessage.text()).toContain('Your device was successfully set up!');
|
2016-09-13 17:45:13 +05:30
|
|
|
});
|
|
|
|
});
|
2018-03-17 18:26:18 +05:30
|
|
|
});
|