Add skipped tests of useLayoutEffect for shallow

Once the [shallow renderer can run useEffect](facebook/react#15275) we should reopen these tests.
chenesan · May 11, 2019 · 3d0983b · 3d0983b
1 parent ef737c7
commit 3d0983b
Showing 1 changed file with 35 additions and 3 deletions.
diff --git a/packages/enzyme-test-suite/test/ShallowWrapper-spec.jsx b/packages/enzyme-test-suite/test/ShallowWrapper-spec.jsx
@@ -27,6 +27,7 @@ import {
   PureComponent,
   Suspense,
   useEffect,
+  useLayoutEffect,
   useState,
   Profiler,
   memo,
@@ -1131,13 +1132,44 @@ describe('shallow', () => {
   describeIf(is('>= 16.8.5'), 'hooks', () => {
     // TODO: enable when the shallow renderer fixes its bug
     it.skip('works with `useEffect`', (done) => {
-      function ComponentUsingEffectHook() {
+      function ComponentUsingLayoutEffectHook() {
         const [ctr, setCtr] = useState(0);
         useEffect(() => {
           setCtr(1);
           setTimeout(() => {
             setCtr(2);
-          }, 1e3);
+          }, 100);
+        }, []);
+        return (
+          <div>
+            {ctr}
+          </div>
+        );
+      }
+      const wrapper = shallow(<ComponentUsingLayoutEffectHook />);
+
+      expect(wrapper.debug()).to.equal(`<div>
+  1
+</div>`);
+
+      setTimeout(() => {
+        wrapper.update();
+        expect(wrapper.debug()).to.equal(`<div>
+  2
+</div>`);
+        done();
+      }, 100);
+    });
+
+    // TODO: enable when the shallow renderer fixes its bug
+    it.skip('works with `useLayoutEffect`', (done) => {
+      function ComponentUsingEffectHook() {
+        const [ctr, setCtr] = useState(0);
+        useLayoutEffect(() => {
+          setCtr(1);
+          setTimeout(() => {
+            setCtr(2);
+          }, 100);
         }, []);
         return (
           <div>
@@ -1157,7 +1189,7 @@ describe('shallow', () => {
   2
 </div>`);
         done();
-      }, 1e3);
+      }, 100);
     });
   });