fix: mount resize (#12)

* fix: mount resize

* test: fix test case

Author: zombieJ

package.json

@@ -49,6 +49,7 @@
   },
   "devDependencies": {
     "@types/classnames": "^2.2.9",
+    "@types/enzyme": "^3.10.10",
     "@types/react": "^16.9.2",
     "@types/react-dom": "^16.9.0",
     "@umijs/fabric": "^2.0.8",

src/ResizableTextArea.tsx

@@ -42,10 +42,6 @@ class ResizableTextArea extends React.Component<TextAreaProps, TextAreaState> {
     this.textArea = textArea;
   };
 
-  componentDidMount() {
-    this.resizeTextarea();
-  }
-
   componentDidUpdate(prevProps: TextAreaProps) {
     // Re-render with the new content then recalculate the height as required.
     if (prevProps.value !== this.props.value) {

tests/index.spec.js

@@ -168,18 +168,16 @@ describe('TextArea', () => {
       resizeStatus: 2,
     });
     await sleep(100);
-    wrapper
-      .find('ResizeObserver')
-      .instance()
-      .onResize([
-        {
-          target: {
-            getBoundingClientRect() {
-              return {};
-            },
-          },
-        },
-      ]);
+    wrapper.find('ResizeObserver').prop('onResize')(
+      {
+        width: 100,
+        height: 100,
+        offsetWidth: 100,
+        offsetHeight: 100,
+      },
+      {},
+    );
+
     expect(resizeTextarea).not.toHaveBeenCalled();
   });
 
@@ -202,19 +200,20 @@ describe('TextArea', () => {
     const onResize = jest.fn();
     const wrapper = mount(<TextArea onResize={onResize} autoSize />);
     await sleep(100);
-    wrapper
-      .find('ResizeObserver')
-      .instance()
-      .onResize([
-        {
-          target: {
-            getBoundingClientRect() {
-              return {};
-            },
-          },
-        },
-      ]);
+
+    const internalResize = wrapper.find('ResizeObserver').prop('onResize');
+
+    internalResize(
+      {
+        width: 100,
+        height: 100,
+        offsetWidth: 100,
+        offsetHeight: 100,
+      },
+      {},
+    );
     await Promise.resolve();
+
     expect(onResize).toHaveBeenCalledWith(
       expect.objectContaining({
         width: expect.any(Number),
@@ -231,7 +230,7 @@ describe('TextArea', () => {
       wrapper.find('textarea').getDOMNode(),
       'setSelectionRange',
     );
-    wrapper.find('textarea').simulate('input', { target: { value: '\n1' } });
+    wrapper.find('textarea').simulate('change', { target: { value: '\n1' } });
     await sleep(100);
     expect(setSelectionRangeFn).toHaveBeenCalled();
     wrapper.unmount();