fix eslint

Author: afc163

src/Options.tsx

@@ -121,13 +121,14 @@ const Options: React.FC<OptionsProps> = (props) => {
   let gotoButton: React.ReactNode = null;
 
   if (showSizeChanger && Select) {
-    // use showSizeChanger.options if existed, otherwise use pageSizeOptions
-    const showSizeChangerOptions =
-      typeof showSizeChanger === 'object' ? showSizeChanger.options : undefined;
-    const showSizeChangerClassName =
+    const {
+      options: showSizeChangerOptions,
+      className: showSizeChangerClassName,
+    } =
       typeof showSizeChanger === 'object'
-        ? showSizeChanger.className
-        : undefined;
+        ? showSizeChanger
+        : ({} as SelectProps);
+    // use showSizeChanger.options if existed, otherwise use pageSizeOptions
     const options = showSizeChangerOptions
       ? undefined
       : getPageSizeOptions().map((opt, i) => (

tests/__snapshots__/demo.test.tsx.snap

@@ -3169,7 +3169,7 @@ exports[`Example showSizeChanger 1`] = `
     >
       <div
         aria-label="页码"
-        class="rc-select rc-pagination-options-size-changer rc-select-single rc-select-show-search"
+        class="rc-select rc-pagination-options-size-changer my-select rc-select-single rc-select-show-search"
       >
         <div
           class="rc-select-selector"
@@ -3194,9 +3194,9 @@ exports[`Example showSizeChanger 1`] = `
           </span>
           <span
             class="rc-select-selection-item"
-            title="10 条/页"
+            title="10 条每页"
           >
-            10 条/页
+            10 条每页
           </span>
         </div>
       </div>

tests/options.test.tsx

@@ -12,6 +12,7 @@ const WrapperOptions: React.FC<any> = (props) => (
     pageSize={10}
     changeSize={jest.fn()}
     quickGo={jest.fn()}
+    showSizeChanger
     {...props}
   />
 );
@@ -22,19 +23,17 @@ describe('Options', () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 
-  describe('props:buildOptionText', () => {
-    it('should render correctly', () => {
-      const mockBuildOptionText = jest
-        .fn()
-        .mockImplementation((value) => (
-          <div className="custom-options">buildOptionText-{value}</div>
-        ));
-      const { container } = render(
-        <WrapperOptions buildOptionText={mockBuildOptionText} />,
-      );
-      const options = container.querySelector('.custom-options');
-      expect(options).toBeTruthy();
-      expect(options).toHaveTextContent('buildOptionText-10');
-    });
+  it('props:buildOptionText should render correctly', () => {
+    const mockBuildOptionText = jest
+      .fn()
+      .mockImplementation((value) => (
+        <div className="custom-options">buildOptionText-{value}</div>
+      ));
+    const { container } = render(
+      <WrapperOptions buildOptionText={mockBuildOptionText} />,
+    );
+    const options = container.querySelector('.custom-options');
+    expect(options).toBeTruthy();
+    expect(options).toHaveTextContent('buildOptionText-10');
   });
 });

tests/showSizeChanger.test.tsx

@@ -5,6 +5,14 @@ import Pagination from '../src';
 
 const onChange = jest.fn();
 
+const options = [
+  { value: '10', label: '10 条每页' },
+  { value: '25', label: '25 条每页' },
+  { value: '50', label: '50 条每页' },
+  { value: '75', label: '75 条每页' },
+  { value: '100', label: '100 条每页' },
+];
+
 describe('Pagination with showSizeChanger', () => {
   it('should onChange called when pageSize change', () => {
     const { container, getByRole } = render(
@@ -13,17 +21,17 @@ describe('Pagination with showSizeChanger', () => {
         total={500}
         selectComponentClass={Select}
         showSizeChanger={{
-          options: [10, 25, 50, 75, 100],
+          options,
           showSearch: false,
-          onChange: onChange,
+          onChange,
         }}
       />,
     );
     const select = getByRole('combobox');
     expect(select).toBeTruthy();
     fireEvent.mouseDown(select);
     expect(container.querySelectorAll('.rc-select-item')[2]).toHaveTextContent(
-      '50 条/页',
+      '50 条每页',
     );
     const pageSize1 = container.querySelectorAll('.rc-select-item')[0];
     expect(pageSize1).toBeInTheDocument();
@@ -37,15 +45,21 @@ describe('Pagination with showSizeChanger', () => {
         total={500}
         selectComponentClass={Select}
         showSizeChanger={{
-          options: [10, 25, 50, 75, 100],
+          options,
           showSearch: false,
-          onChange: onChange,
+          onChange,
         }}
       />,
     );
-    fireEvent.change(container.querySelector('input'), { target: { value: '25' } });
-    expect(container.querySelectorAll('.rc-select-item-option-content')).toHaveLength(1);
-    expect(container.querySelector('.rc-select-item-option-content').textContent).toBe('25 条/页');
+    fireEvent.change(container.querySelector('input'), {
+      target: { value: '25' },
+    });
+    expect(
+      container.querySelectorAll('.rc-select-item-option-content'),
+    ).toHaveLength(1);
+    expect(
+      container.querySelector('.rc-select-item-option-content').textContent,
+    ).toBe('25 条每页');
     const pageSize1 = container.querySelector('.rc-select-item-option-content');
     expect(pageSize1).toBeInTheDocument();
     fireEvent.click(pageSize1);