Merge branch 'authenticated-children' into 'master'

Only render AuthenticatedComponent children if authenticated

See merge request !116

src/components/AuthenticatedComponent.jsx

@@ -23,7 +23,7 @@ export class AuthenticatedComponent extends React.Component {
   }
 
   render() {
-    return this.props.children
+    return this.props.isAuthenticated ? this.props.children : null
   }
 }
 

test/components/AuthenticatedComponent.test.jsx

@@ -26,6 +26,7 @@ describe('<AuthenticatedComponent/>', () => {
     const wrapper = makeWrapper({ pushState })
     wrapper.instance().checkAuth({ isFetching: true })
 
+    expect(wrapper.find('button').length).toBe(0)
     expect(pushState).not.toHaveBeenCalled()
   })
 
@@ -46,4 +47,11 @@ describe('<AuthenticatedComponent/>', () => {
     wrapper.setProps({ isAuthenticated: false })
     expect(pushState).toHaveBeenCalledWith('/login?next=blah')
   })
+
+  it('renders children components when authenticated', async () => {
+    const pushState = jest.fn()
+    const wrapper = makeWrapper({ pushState, location: { pathname: 'blah' }, isFetching: false, isAuthenticated: true })
+
+    expect(wrapper.find('button').length).toBe(1)
+  })
 })