Footer visibility test

2 files changed, 13 insertions, 6 deletions

diff --git a/app/components/Login.js b/app/components/Login.js
index d8827959d4..2c5d30034f 100644
--- a/app/components/Login.js
+++ b/app/components/Login.js
@@ -87,7 +87,7 @@ export default class Login extends React.Component<LoginPropTypes, State> {
               </View>}
             </View>
 
-            <Animated.View onLayout={this._onFooterLayout} style={[styles.login_footer, this.state.footerAnimationStyle]} testName='footer'>
+            <Animated.View onLayout={this._onFooterLayout} style={[styles.login_footer, this.state.footerAnimationStyle]} testName={'footerVisibility ' + this._shouldShowFooter(this.props).toString()}>
               { this._createFooter() }
             </Animated.View>
           </View>
diff --git a/test/components/Login.spec.js b/test/components/Login.spec.js
index 04bc6bd896..f8f4af54de 100644
--- a/test/components/Login.spec.js
+++ b/test/components/Login.spec.js
@@ -33,20 +33,27 @@ describe('components/Login', () => {
 
   it('does not show the footer when logging in', () => {
     const component = renderLoggingIn();
-    const footer = getComponent(component, 'footer');
-    //TODO: add footer check
-    expect(footer.length).to.not.equal(0);
+    const visibleFooters = getComponent(component, 'footerVisibility true');
+    const invisibleFooters = getComponent(component, 'footerVisibility false');
+    expect(visibleFooters.length).to.equal(0);
+    expect(invisibleFooters.length).to.equal(1);
   });
 
   it('shows the footer and account input when not logged in', () => {
     const component = renderNotLoggedIn();
-    //TODO: add footer check
+    const visibleFooters = getComponent(component, 'footerVisibility true');
+    const invisibleFooters = getComponent(component, 'footerVisibility false');
+    expect(visibleFooters.length).to.equal(1);
+    expect(invisibleFooters.length).to.equal(0);
     expect(getComponent(component, 'AccountInput').length).to.be.above(0);
   });
 
   it('does not show the footer nor account input when logged in', () => {
     const component = renderLoggedIn();
-    //TODO: add footer check
+    const visibleFooters = getComponent(component, 'footerVisibility true');
+    const invisibleFooters = getComponent(component, 'footerVisibility false');
+    expect(visibleFooters.length).to.equal(0);
+    expect(invisibleFooters.length).to.equal(1);
     expect(getComponent(component, 'AccountInput').length).to.equal(0);
   });