1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
import { shallow } from 'enzyme';
import expect from 'expect';
import React from 'react';
import fetchMock from 'fetch-mock';
import { NewPasswordForm } from './new_password_form';
describe('NewPasswordForm', () => {
let newPasswordForm;
let mockPrevious;
let mockNext;
let mockTranslations;
beforeEach(() => {
mockTranslations = key => key;
mockPrevious = expect.createSpy();
newPasswordForm = shallow(
<NewPasswordForm t={mockTranslations} previous={mockPrevious} userCode='def234' />
);
});
it('renders title for new password form', () => {
expect(newPasswordForm.find('h1').text()).toEqual('account-recovery.new-password-form.title');
});
it('renders input for new password', () => {
expect(newPasswordForm.find('InputField').at(0).props().type).toEqual('password');
expect(newPasswordForm.find('InputField').at(0).props().label).toEqual('account-recovery.new-password-form.input-label1');
});
it('renders input to confirm new password', () => {
expect(newPasswordForm.find('InputField').at(1).props().type).toEqual('password');
expect(newPasswordForm.find('InputField').at(1).props().label).toEqual('account-recovery.new-password-form.input-label2');
});
it('renders submit button', () => {
expect(newPasswordForm.find('SubmitButton').props().buttonText).toEqual('account-recovery.button-next');
});
it('returns to previous step on link click', () => {
newPasswordForm.find('BackLink').simulate('click');
expect(mockPrevious).toHaveBeenCalled();
});
describe('Submit', () => {
beforeEach((done) => {
mockNext = expect.createSpy().andCall(() => done());
newPasswordForm = shallow(
<NewPasswordForm t={mockTranslations} previous={mockPrevious} userCode='def234' next={mockNext} />
);
fetchMock.post('/account-recovery', 200);
newPasswordForm.find('InputField[name="new-password"]').simulate('change', { target: { value: '123' } });
newPasswordForm.find('InputField[name="confirm-password"]').simulate('change', { target: { value: '456' } });
newPasswordForm.find('form').simulate('submit', { preventDefault: expect.createSpy() });
});
it('posts to account recovery', () => {
expect(fetchMock.called('/account-recovery')).toBe(true, 'POST was not called');
});
it('sends user code as content', () => {
expect(fetchMock.lastOptions('/account-recovery').body).toContain('"userCode":"def234"');
});
it('sends password as content', () => {
expect(fetchMock.lastOptions('/account-recovery').body).toContain('"password":"123"');
});
it('sends password confirmation as content', () => {
expect(fetchMock.lastOptions('/account-recovery').body).toContain('"confirmation":"456"');
});
it('calls next handler on success', () => {
expect(mockNext).toHaveBeenCalled();
});
});
});
|
