fix: Back of motion should work

Author: zombieJ

src/hooks/useStatus.ts

@@ -167,13 +167,13 @@ export default function useStatus(
   useIsomorphicLayoutEffect(() => {
     setAsyncVisible(visible);
 
+    const isMounted = mountedRef.current;
+    mountedRef.current = true;
+
     if (!supportMotion) {
       return;
     }
 
-    const isMounted = mountedRef.current;
-    mountedRef.current = true;
-
     let nextStatus: MotionStatus;
 
     // Appear

tests/CSSMotion.spec.tsx

@@ -265,7 +265,10 @@ describe('CSSMotion', () => {
         });
       }
 
-      test('without ref', React.forwardRef(props => <div {...props} />));
+      test(
+        'without ref',
+        React.forwardRef((props) => <div {...props} />),
+      );
 
       test(
         'FC with ref',
@@ -364,6 +367,30 @@ describe('CSSMotion', () => {
     });
   });
 
+  it('not block motion when motion set delay', () => {
+    const wrapper = mount(
+      <CSSMotion visible>
+        {({ style, className }) => (
+          <div style={style} className={classNames('motion-box', className)} />
+        )}
+      </CSSMotion>,
+    );
+
+    wrapper.setProps({
+      motionName: 'animation',
+      motionLeave: true,
+      visible: false,
+    });
+
+    act(() => {
+      jest.runAllTimers();
+      wrapper.update();
+    });
+
+    const activeBoxNode = wrapper.find('.motion-box');
+    expect(activeBoxNode.hasClass(`animation-leave-active`)).toBeTruthy();
+  });
+
   describe('immediately', () => {
     it('motionLeaveImmediately', async () => {
       const wrapper = mount(
@@ -525,7 +552,7 @@ describe('CSSMotion', () => {
     let lockResolve: Function;
     const onAppearPrepare = jest.fn(
       () =>
-        new Promise(resolve => {
+        new Promise((resolve) => {
           lockResolve = resolve;
         }),
     );