Failing test – render loading indicator when delay has elapsed

bruceharris · Dec 6, 2017 · 706f34f · 706f34f
1 parent 5a7d8c1
commit 706f34f
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/LoadingIndicator.test.js b/src/components/LoadingIndicator.test.js
@@ -27,5 +27,19 @@ describe('LoadingIndicator', () => {
         wrapper.unmount();
       });
     });
+
+    describe('given 200ms have elapsed', () => {
+      it('should render loading indicator', () => {
+        jest.useFakeTimers();
+        const wrapper = mount(
+          <LoadingIndicator isLoading={true}>
+            <div>ahoy!</div>
+          </LoadingIndicator>
+        );
+        jest.runAllTimers();
+        expect(wrapper.html()).toBe('<div>loading...</div>');
+        wrapper.unmount();
+      });
+    });
   });
 });