Merge pull request #1030 from pixelated/forgot-password-page

Add user code and password steps to recovery flow

1 files changed, 20 insertions, 1 deletions

diff --git a/web-ui/src/account_recovery/forms/user_recovery_code_form.spec.js b/web-ui/src/account_recovery/forms/user_recovery_code_form.spec.js
index ade96f9c..a20d3b7b 100644
--- a/web-ui/src/account_recovery/forms/user_recovery_code_form.spec.js
+++ b/web-ui/src/account_recovery/forms/user_recovery_code_form.spec.js
@@ -5,15 +5,34 @@ import { UserRecoveryCodeForm } from 'src/account_recovery/forms/user_recovery_c
 
 describe('UserRecoveryCodeForm', () => {
   let userRecoveryCodeForm;
+  let mockNext;
 
   beforeEach(() => {
     const mockTranslations = key => key;
+    mockNext = expect.createSpy();
     userRecoveryCodeForm = shallow(
-      <UserRecoveryCodeForm t={mockTranslations} />
+      <UserRecoveryCodeForm t={mockTranslations} next={mockNext} />
     );
   });
 
   it('renders title for user recovery code', () => {
     expect(userRecoveryCodeForm.find('h1').text()).toEqual('account-recovery.user-form.title');
   });
+
+  it('renders description', () => {
+    expect(userRecoveryCodeForm.find('p').text()).toEqual('account-recovery.user-form.description');
+  });
+
+  it('renders input for user code', () => {
+    expect(userRecoveryCodeForm.find('InputField').props().label).toEqual('account-recovery.user-form.input-label');
+  });
+
+  it('renders submit button', () => {
+    expect(userRecoveryCodeForm.find('SubmitButton').props().buttonText).toEqual('account-recovery.user-form.button');
+  });
+
+  it('submits form to next step', () => {
+    userRecoveryCodeForm.find('form').simulate('submit');
+    expect(mockNext).toHaveBeenCalled();
+  });
 });