[#932] Tests next step of account recovery is translated

4 files changed, 31 insertions, 2 deletions

diff --git a/web-ui/app/locales/en_US/translation.json b/web-ui/app/locales/en_US/translation.json
index 275e8d91..26dccfcd 100644
--- a/web-ui/app/locales/en_US/translation.json
+++ b/web-ui/app/locales/en_US/translation.json
@@ -90,6 +90,9 @@
         "tip3": "Don't ever ask for it via email.",
         "input-label": "type here admin's backup code",
         "button": "Next"
+      },
+      "user-form": {
+        "title": "Remember your backup account?"
       }
     },
     "backup-account": {
diff --git a/web-ui/src/account_recovery/forms/admin_recovery_code_form.js b/web-ui/src/account_recovery/forms/admin_recovery_code_form.js
index ea71566b..0a28e8b2 100644
--- a/web-ui/src/account_recovery/forms/admin_recovery_code_form.js
+++ b/web-ui/src/account_recovery/forms/admin_recovery_code_form.js
@@ -25,7 +25,7 @@ import './admin_recovery_code_form.scss';
 
 
 export const AdminRecoveryCodeForm = ({ t, next }) => (
-  <form onSubmit={next}>
+  <form className='admin-code-form' onSubmit={next}>
     <h1>{t('account-recovery.admin-form.title')}</h1>
     <ul>
       <li>{t('account-recovery.admin-form.tip1')}</li>
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
new file mode 100644
index 00000000..ade96f9c
--- /dev/null
+++ b/web-ui/src/account_recovery/forms/user_recovery_code_form.spec.js
@@ -0,0 +1,19 @@
+import { shallow } from 'enzyme';
+import expect from 'expect';
+import React from 'react';
+import { UserRecoveryCodeForm } from 'src/account_recovery/forms/user_recovery_code_form';
+
+describe('UserRecoveryCodeForm', () => {
+  let userRecoveryCodeForm;
+
+  beforeEach(() => {
+    const mockTranslations = key => key;
+    userRecoveryCodeForm = shallow(
+      <UserRecoveryCodeForm t={mockTranslations} />
+    );
+  });
+
+  it('renders title for user recovery code', () => {
+    expect(userRecoveryCodeForm.find('h1').text()).toEqual('account-recovery.user-form.title');
+  });
+});
diff --git a/web-ui/test/integration/translations.spec.js b/web-ui/test/integration/translations.spec.js
index f8cf6c52..7821ac55 100644
--- a/web-ui/test/integration/translations.spec.js
+++ b/web-ui/test/integration/translations.spec.js
@@ -9,8 +9,15 @@ import testI18n from './i18n';
 
 describe('Translations', () => {
   context('Account Recovery Page', () => {
-    it('translates all key', () => {
+    it('translates all keys on first step', () => {
+      const app = mount(<App i18n={testI18n} child={<AccountRecoveryPage />} />);
+      expect(app.text()).toNotContain('untranslated', 'Unstranslated message found in the text: ' + app.text());
+    });
+
+    it('translates all keys on second step', () => {
       const app = mount(<App i18n={testI18n} child={<AccountRecoveryPage />} />);
+      app.find('form.admin-code-form').simulate('submit');
+
       expect(app.text()).toNotContain('untranslated', 'Unstranslated message found in the text: ' + app.text());
     });
   });