revert: ref back of func

react-component · Feb 11, 2025 · f387335 · f387335
1 parent 4494497
commit f387335
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/CSSMotion.tsx b/src/CSSMotion.tsx
@@ -18,8 +18,8 @@ import { getTransitionName, supportTransition } from './util/motion';
 
 export interface CSSMotionRef {
   nativeElement: HTMLElement;
-  inMotion: boolean;
-  enableMotion: boolean;
+  inMotion: () => boolean;
+  enableMotion: () => boolean;
 }
 
 export type CSSMotionConfig =
@@ -173,11 +173,11 @@ export function genCSSMotion(config: CSSMotionConfig) {
           },
           inMotion: {
             enumerable: true,
-            get: () => getStatus() !== STATUS_NONE,
+            get: () => () => getStatus() !== STATUS_NONE,
           },
           enableMotion: {
             enumerable: true,
-            get: () => supportMotion,
+            get: () => () => supportMotion,
           },
         });
         return obj;

diff --git a/tests/StrictMode.spec.tsx b/tests/StrictMode.spec.tsx
@@ -43,7 +43,7 @@ describe('StrictMode', () => {
       </React.StrictMode>,
     );
 
-    expect(ref.current.enableMotion).toBeTruthy();
+    expect(ref.current.enableMotion()).toBeTruthy();
 
     const node = container.querySelector('.motion-box');
     expect(node).toHaveClass('transition-appear', 'transition-appear-start');
@@ -52,15 +52,15 @@ describe('StrictMode', () => {
     act(() => {
       jest.runAllTimers();
     });
-    expect(ref.current.inMotion).toBeTruthy();
+    expect(ref.current.inMotion()).toBeTruthy();
     expect(node).not.toHaveClass('transition-appear-start');
     expect(node).toHaveClass('transition-appear-active');
 
     // Trigger End
     fireEvent.transitionEnd(node);
     expect(node).not.toHaveClass('transition-appear');
 
-    expect(ref.current.inMotion).toBeFalsy();
+    expect(ref.current.inMotion()).toBeFalsy();
     expect(ref.current.nativeElement).toBe(node);
   });
 });