From 648aeebe1be3d29a6fdf3199a8d86d92de676b5a Mon Sep 17 00:00:00 2001 From: Anike Arni Date: Wed, 29 Mar 2017 10:49:34 -0300 Subject: [#932] Hides logout button on account recovery flow --- web-ui/src/common/header/header.js | 12 ++++++++++-- web-ui/src/common/header/header.spec.js | 13 +++++++++---- 2 files changed, 19 insertions(+), 6 deletions(-) (limited to 'web-ui/src/common') diff --git a/web-ui/src/common/header/header.js b/web-ui/src/common/header/header.js index 715d54c6..3ad924c0 100644 --- a/web-ui/src/common/header/header.js +++ b/web-ui/src/common/header/header.js @@ -19,7 +19,7 @@ import React from 'react'; import Logout from 'src/common/logout/logout'; import './header.scss'; -export const Header = () => ( +export const Header = ({ renderLogout }) => (
@@ -30,10 +30,18 @@ export const Header = () => ( />
- + { renderLogout ? :
}
); +Header.propTypes = { + renderLogout: React.PropTypes.bool +}; + +Header.defaultProps = { + renderLogout: false +}; + export default Header; diff --git a/web-ui/src/common/header/header.spec.js b/web-ui/src/common/header/header.spec.js index 81a952c7..0c11713b 100644 --- a/web-ui/src/common/header/header.spec.js +++ b/web-ui/src/common/header/header.spec.js @@ -11,11 +11,16 @@ describe('Header', () => { header = shallow(
); }); - it('renders the header containing the logout button', () => { - expect(header.find('header').find(Logout)).toExist(); - }); - it('renders the header pixelated logo', () => { expect(header.find('header').find('img').props().alt).toEqual('Pixelated'); }); + + it('renders the header containing the logout button when renderLogout is true', () => { + header = shallow(
); + expect(header.find('header').find(Logout).length).toEqual(1); + }); + + it('hides logout button when renderLogout is false', () => { + expect(header.find('header').find(Logout).length).toEqual(0); + }); }); -- cgit v1.2.3