summaryrefslogtreecommitdiff
path: root/web-ui/src/backup_account
diff options
context:
space:
mode:
Diffstat (limited to 'web-ui/src/backup_account')
-rw-r--r--web-ui/src/backup_account/confirmation/confirmation.js11
-rw-r--r--web-ui/src/backup_account/confirmation/confirmation.spec.js4
-rw-r--r--web-ui/src/backup_account/page.js2
-rw-r--r--web-ui/src/backup_account/page.spec.js5
4 files changed, 13 insertions, 9 deletions
diff --git a/web-ui/src/backup_account/confirmation/confirmation.js b/web-ui/src/backup_account/confirmation/confirmation.js
index 41637dab..49b0d19c 100644
--- a/web-ui/src/backup_account/confirmation/confirmation.js
+++ b/web-ui/src/backup_account/confirmation/confirmation.js
@@ -18,6 +18,7 @@
import React from 'react';
import { translate } from 'react-i18next';
import SubmitButton from 'src/common/submit_button/submit_button';
+import BackLink from 'src/common/back_link/back_link';
import './confirmation.scss';
@@ -29,12 +30,10 @@ export const Confirmation = ({ t }) => (
<form action='/'>
<SubmitButton buttonText={t('backup-account.confirmation.button')} type='submit' />
</form>
- <div className='link-content'>
- <a href='/backup-account' className='link'>
- <i className='fa fa-angle-left' aria-hidden='true' />
- <span>{t('backup-account.confirmation.retry-button')}</span>
- </a>
- </div>
+ <BackLink
+ href='/backup-account'
+ text={t('backup-account.confirmation.retry-button')}
+ />
</div>
);
diff --git a/web-ui/src/backup_account/confirmation/confirmation.spec.js b/web-ui/src/backup_account/confirmation/confirmation.spec.js
index 291d156d..7a6f38ca 100644
--- a/web-ui/src/backup_account/confirmation/confirmation.spec.js
+++ b/web-ui/src/backup_account/confirmation/confirmation.spec.js
@@ -20,10 +20,10 @@ describe('Confirmation', () => {
});
it('renders confirmation retry button', () => {
- expect(page.find('a').text()).toEqual('backup-account.confirmation.retry-button');
+ expect(page.find('BackLink').props().text).toEqual('backup-account.confirmation.retry-button');
});
it('retries button redirects to backup account', () => {
- expect(page.find('a').props().href).toEqual('/backup-account');
+ expect(page.find('BackLink').props().href).toEqual('/backup-account');
});
});
diff --git a/web-ui/src/backup_account/page.js b/web-ui/src/backup_account/page.js
index be3bae36..e7663205 100644
--- a/web-ui/src/backup_account/page.js
+++ b/web-ui/src/backup_account/page.js
@@ -56,7 +56,7 @@ export class Page extends React.Component {
return (
<DocumentTitle title={t('backup-account.page-title')}>
<div className='page'>
- <Header />
+ <Header renderLogout />
<section>
{this.mainContent()}
</section>
diff --git a/web-ui/src/backup_account/page.spec.js b/web-ui/src/backup_account/page.spec.js
index 2933a64e..8c014ee4 100644
--- a/web-ui/src/backup_account/page.spec.js
+++ b/web-ui/src/backup_account/page.spec.js
@@ -5,6 +5,7 @@ import { Page } from 'src/backup_account/page';
import BackupEmail from 'src/backup_account/backup_email/backup_email';
import Confirmation from 'src/backup_account/confirmation/confirmation';
import SnackbarNotification from 'src/common/snackbar_notification/snackbar_notification';
+import Header from 'src/common/header/header';
describe('BackupAccount', () => {
let page;
@@ -18,6 +19,10 @@ describe('BackupAccount', () => {
expect(page.props().title).toEqual('backup-account.page-title');
});
+ it('renders header with logout button', () => {
+ expect(page.find(Header).props().renderLogout).toEqual(true);
+ });
+
describe('save backup email', () => {
let pageInstance;