Make test pass – render loading indicator when delay has elapsed

bruceharris · Dec 6, 2017 · 8a75ba5 · 8a75ba5
1 parent 706f34f
commit 8a75ba5
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/components/LoadingIndicator.js b/src/components/LoadingIndicator.js
@@ -6,9 +6,22 @@ export default class LoadingIndicator extends Component {
     isLoading: PropTypes.bool.isRequired,
   };
 
+  state = {
+    isPastDelay: false
+  };
+
+  componentWillMount () {
+    this._delayTimer = setTimeout(
+      () => this.setState({ isPastDelay: true }), 200
+    )
+  }
+
   render() {
     if (this.props.isLoading) {
-      return null;
+      if (!this.state.isPastDelay) {
+        return null;
+      }
+      return <div>loading...</div>;
     }
     return this.props.children;
   }