fix: click some page & prev btn (#323)

Author: xrkffgg

src/Options.jsx

@@ -35,16 +35,16 @@ class Options extends React.Component {
     if (goButton || goInputText === '') {
       return;
     }
+    this.setState({
+      goInputText: '',
+    });
     if (
       e.relatedTarget &&
-      (e.relatedTarget.className.indexOf(`${rootPrefixCls}-prev`) >= 0 ||
-        e.relatedTarget.className.indexOf(`${rootPrefixCls}-next`) >= 0)
+      (e.relatedTarget.className.indexOf(`${rootPrefixCls}-item-link`) >= 0 ||
+        e.relatedTarget.className.indexOf(`${rootPrefixCls}-item`) >= 0)
     ) {
       return;
     }
-    this.setState({
-      goInputText: '',
-    });
     quickGo(this.getValidValue());
   };
 
@@ -122,7 +122,7 @@ class Options extends React.Component {
           dropdownMatchSelectWidth={false}
           value={(pageSize || pageSizeOptions[0]).toString()}
           onChange={this.changeSize}
-          getPopupContainer={triggerNode => triggerNode.parentNode}
+          getPopupContainer={(triggerNode) => triggerNode.parentNode}
         >
           {options}
         </Select>

tests/jumper.test.js

@@ -38,6 +38,34 @@ describe('Pagination with jumper', () => {
     expect(wrapper.state().current).toBe(10);
     expect(onChange).not.toBeCalled();
   });
+
+  it('should not jumper when click pre/next button', () => {
+    const quickJumper = wrapper.find('.rc-pagination-options-quick-jumper');
+    const input = quickJumper.find('input');
+    input.simulate('change', { target: { value: '13' } });
+    const mockEvent = {
+      relatedTarget: {
+        className: 'rc-pagination-item-link',
+      },
+    };
+    input.simulate('blur', mockEvent);
+    expect(input.instance().value).toBe('');
+    expect(onChange).not.toBeCalled();
+  });
+
+  it('should not jumper when click page', () => {
+    const quickJumper = wrapper.find('.rc-pagination-options-quick-jumper');
+    const input = quickJumper.find('input');
+    input.simulate('change', { target: { value: '13' } });
+    const mockEvent = {
+      relatedTarget: {
+        className: 'rc-pagination-item',
+      },
+    };
+    input.simulate('blur', mockEvent);
+    expect(input.instance().value).toBe('');
+    expect(onChange).not.toBeCalled();
+  });
 });
 
 describe('simple quick jumper', () => {