2018-03-09 20:18:59 +00:00
|
|
|
import $ from 'jquery';
|
2017-10-09 22:21:56 +00:00
|
|
|
import U2FRegister from '~/u2f/register';
|
2017-05-16 21:01:51 +00:00
|
|
|
import 'vendor/u2f';
|
2017-10-09 22:21:56 +00:00
|
|
|
import MockU2FDevice from './mock_u2f_device';
|
|
|
|
|
2018-10-17 07:13:26 +00:00
|
|
|
describe('U2FRegister', function() {
|
2019-03-26 16:03:28 +00:00
|
|
|
preloadFixtures('u2f/register.html');
|
2016-07-24 20:45:11 +00:00
|
|
|
|
2018-10-17 07:13:26 +00:00
|
|
|
beforeEach(done => {
|
2019-03-26 16:03:28 +00:00
|
|
|
loadFixtures('u2f/register.html');
|
2017-10-09 22:21:56 +00:00
|
|
|
this.u2fDevice = new MockU2FDevice();
|
|
|
|
this.container = $('#js-register-u2f');
|
|
|
|
this.component = new U2FRegister(this.container, $('#js-register-u2f-templates'), {}, 'token');
|
2018-10-17 07:13:26 +00:00
|
|
|
this.component
|
|
|
|
.start()
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
2017-10-09 22:21:56 +00:00
|
|
|
});
|
2017-01-03 20:48:37 +00:00
|
|
|
|
2017-10-09 22:21:56 +00:00
|
|
|
it('allows registering a U2F device', () => {
|
|
|
|
const setupButton = this.container.find('#js-setup-u2f-device');
|
2018-10-09 18:03:09 +00:00
|
|
|
|
2018-09-17 09:17:33 +00:00
|
|
|
expect(setupButton.text()).toBe('Set up new U2F device');
|
2017-10-09 22:21:56 +00:00
|
|
|
setupButton.trigger('click');
|
|
|
|
const inProgressMessage = this.container.children('p');
|
2018-10-09 18:03:09 +00:00
|
|
|
|
2017-10-09 22:21:56 +00:00
|
|
|
expect(inProgressMessage.text()).toContain('Trying to communicate with your device');
|
|
|
|
this.u2fDevice.respondToRegisterRequest({
|
|
|
|
deviceData: 'this is data from the device',
|
2016-07-24 20:45:11 +00:00
|
|
|
});
|
2017-10-09 22:21:56 +00:00
|
|
|
const registeredMessage = this.container.find('p');
|
|
|
|
const deviceResponse = this.container.find('#js-device-response');
|
2018-10-09 18:03:09 +00:00
|
|
|
|
2017-10-09 22:21:56 +00:00
|
|
|
expect(registeredMessage.text()).toContain('Your device was successfully set up!');
|
2018-10-09 18:03:09 +00:00
|
|
|
expect(deviceResponse.val()).toBe('{"deviceData":"this is data from the device"}');
|
2017-10-09 22:21:56 +00:00
|
|
|
});
|
|
|
|
|
2018-10-09 18:03:09 +00:00
|
|
|
describe('errors', () => {
|
2018-10-17 07:13:26 +00:00
|
|
|
it("doesn't allow the same device to be registered twice (for the same user", () => {
|
2017-10-09 22:21:56 +00:00
|
|
|
const setupButton = this.container.find('#js-setup-u2f-device');
|
2016-07-24 20:45:11 +00:00
|
|
|
setupButton.trigger('click');
|
|
|
|
this.u2fDevice.respondToRegisterRequest({
|
2017-10-09 22:21:56 +00:00
|
|
|
errorCode: 4,
|
2016-07-24 20:45:11 +00:00
|
|
|
});
|
2017-10-09 22:21:56 +00:00
|
|
|
const errorMessage = this.container.find('p');
|
2018-10-09 18:03:09 +00:00
|
|
|
|
|
|
|
expect(errorMessage.text()).toContain('already been registered with us');
|
2016-07-24 20:45:11 +00:00
|
|
|
});
|
2017-10-09 22:21:56 +00:00
|
|
|
|
|
|
|
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-07-24 20:45:11 +00:00
|
|
|
});
|
2017-10-09 22:21:56 +00:00
|
|
|
const errorMessage = this.container.find('p');
|
2018-10-09 18:03:09 +00:00
|
|
|
|
|
|
|
expect(errorMessage.text()).toContain('There was a problem communicating with your device');
|
2017-10-09 22:21:56 +00:00
|
|
|
});
|
|
|
|
|
2018-10-09 18:03:09 +00:00
|
|
|
it('allows retrying registration after an error', () => {
|
2017-10-09 22:21:56 +00:00
|
|
|
let setupButton = this.container.find('#js-setup-u2f-device');
|
|
|
|
setupButton.trigger('click');
|
|
|
|
this.u2fDevice.respondToRegisterRequest({
|
|
|
|
errorCode: 'error!',
|
2016-07-24 20:45:11 +00:00
|
|
|
});
|
2017-10-09 22:21:56 +00:00
|
|
|
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-07-24 20:45:11 +00:00
|
|
|
});
|
2017-10-09 22:21:56 +00:00
|
|
|
const registeredMessage = this.container.find('p');
|
2018-10-09 18:03:09 +00:00
|
|
|
|
|
|
|
expect(registeredMessage.text()).toContain('Your device was successfully set up!');
|
2016-07-24 20:45:11 +00:00
|
|
|
});
|
|
|
|
});
|
2017-10-09 22:21:56 +00:00
|
|
|
});
|