Match-id-ea7fb2cf4b62d8a3051ace4f27a15d66601524a4

scripts/__tests__/ComponentTest/ForwardRef.test.js

@@ -0,0 +1,45 @@
+import * as Horizon from '@cloudsop/horizon/index.ts';
+import { getLogUtils } from '../jest/testUtils';
+
+describe('ForwardRef', () => {
+  const LogUtils = getLogUtils();
+  it('ForwardRef包裹的函数组件应该正常触发effect', () => {
+    function App(props, ref) {
+      Horizon.useEffect(() => {
+        LogUtils.log('effect');
+        return () => {
+          LogUtils.log('effect remove');
+        };
+      });
+      return <button ref={ref}></button>;
+    }
+
+    const Wrapper = Horizon.forwardRef(App);
+
+    Horizon.act(() => {
+      Horizon.render(<Wrapper />, container);
+    });
+    expect(LogUtils.getAndClear()).toEqual(['effect']);
+    Horizon.act(() => {
+      Horizon.render(<Wrapper />, container);
+    });
+    expect(LogUtils.getAndClear()).toEqual(['effect remove', 'effect']);
+  });
+
+  it('memo组件包裹的类组件', () => {
+   class Component extends Horizon.Component {
+     render() {
+       return <button>123</button>;
+     }
+   }
+
+    const Wrapper = Horizon.memo(Component);
+
+    Horizon.act(() => {
+      Horizon.render(<Wrapper />, container);
+    });
+    Horizon.act(() => {
+      Horizon.render(<Wrapper />, container);
+    });
+  });
+});