fix: Proxy of setSelectionRange (#70)

* fix: rc-input change event * test: add test case
react-component · May 22, 2024 · 490c37e · 490c37e
1 parent fe30455
commit 490c37e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/utils/commonUtils.ts b/src/utils/commonUtils.ts
@@ -38,6 +38,10 @@ function cloneEvent<
     currentTarget.selectionEnd = target.selectionEnd;
   }
 
+  currentTarget.setSelectionRange = (...args) => {
+    target.setSelectionRange(...args);
+  };
+
   return newEvent;
 }
 

diff --git a/tests/index.test.tsx b/tests/index.test.tsx
@@ -353,6 +353,10 @@ describe('Input ref', () => {
     it('selectionXXX should pass', () => {
       const onChange = jest.fn();
       const { container } = render(<Input onChange={onChange} />);
+      const spySetSelectionRange = jest.spyOn(
+        container.querySelector('input')!,
+        'setSelectionRange',
+      );
 
       const inputEl = container.querySelector('input')!;
       fireEvent.change(inputEl, { target: { value: 'test' } });
@@ -361,6 +365,10 @@ describe('Input ref', () => {
       const event = onChange.mock.calls[0][0];
       expect(event.target.selectionStart).toBe(4);
       expect(event.target.selectionEnd).toBe(4);
+
+      // Call `setSelectionRange`
+      event.target.setSelectionRange(1, 2);
+      expect(spySetSelectionRange).toHaveBeenCalledWith(1, 2);
     });
 
     it('email type not support selection', () => {