✅ migrate more tests

Author: afc163

tests/Pagination.xx.js

@@ -5,7 +5,7 @@ import Select from 'rc-select';
 import React from 'react';
 import TestUtils from 'react-dom/test-utils';
 import ReactDOM from 'react-dom';
-import TwoPagination from './helper/two-pagination';
+import TwoPagination from './two-pagination';
 
 const Simulate = TestUtils.Simulate;
 
@@ -543,62 +543,6 @@ describe('hideOnSinglePage props', () => {
   });
 });
 
-describe('showPrevNextJumpers props', () => {
-  const container = document.createElement('div');
-  const currentPage = 12;
-  document.body.appendChild(container);
-
-  afterEach(() => {
-    ReactDOM.unmountComponentAtNode(container);
-  });
-
-  it('should hide jump-prev, jump-next if showPrevNextJumpers equals false', done => {
-    ReactDOM.render(
-      <Pagination
-        total={1000}
-        current={currentPage}
-        showPrevNextJumpers={false}
-      />,
-      container,
-      function() {
-        expect(() => {
-          TestUtils.findRenderedDOMComponentWithClass(
-            this,
-            'rc-pagination-jump-prev',
-          );
-        }).to.throwException(/Did not find exactly one match/);
-        expect(() => {
-          TestUtils.findRenderedDOMComponentWithClass(
-            this,
-            'rc-pagination-jump-next',
-          );
-        }).to.throwException(/Did not find exactly one match/);
-        done();
-      },
-    );
-  });
-
-  it('should show jump-prev, jump-next if showPrevNextJumpers equals true', done => {
-    ReactDOM.render(
-      <Pagination total={1000} current={currentPage} showPrevNextJumpers />,
-      container,
-      function() {
-        const jumpPrev = TestUtils.findRenderedDOMComponentWithClass(
-          this,
-          'rc-pagination-jump-prev',
-        );
-        const jumpNext = TestUtils.findRenderedDOMComponentWithClass(
-          this,
-          'rc-pagination-jump-next',
-        );
-        expect(TestUtils.isDOMComponent(jumpPrev)).to.be(true);
-        expect(TestUtils.isDOMComponent(jumpNext)).to.be(true);
-        done();
-      },
-    );
-  });
-});
-
 describe('custom showQuickJumper button Pagination', () => {
   let pagination = null;
   const container = document.createElement('div');
@@ -1057,69 +1001,3 @@ describe('disabled', () => {
     );
   });
 });
-
-describe('Pagination with jumper', () => {
-  let pagination = null;
-  const container = document.createElement('div');
-  document.body.appendChild(container);
-
-  let current = 10;
-  function onChange(page) {
-    current = page;
-  }
-
-  beforeEach(done => {
-    ReactDOM.render(
-      <Pagination
-        onChange={onChange}
-        defaultCurrent={10}
-        total={1000}
-        showQuickJumper
-      />,
-      container,
-      function() {
-        pagination = this;
-        done();
-      },
-    );
-  });
-
-  afterEach(() => {
-    ReactDOM.unmountComponentAtNode(container);
-    current = 10;
-  });
-
-  it('when input less than 1', done => {
-    const quickJumper = TestUtils.findRenderedDOMComponentWithClass(
-      pagination,
-      'rc-pagination-options-quick-jumper',
-    );
-    const input = quickJumper.querySelector('input');
-    expect(TestUtils.isDOMComponent(input)).to.be(true);
-    input.value = '-1';
-    Simulate.change(input);
-    setTimeout(() => {
-      Simulate.keyUp(input, { key: 'Enter', keyCode: 13, which: 13 });
-      setTimeout(() => {
-        expect(pagination.state.current).to.be(1);
-        expect(current).to.be(1);
-        done();
-      }, 10);
-    }, 10);
-  });
-
-  it('when input onBlur', done => {
-    const quickJumper = TestUtils.findRenderedDOMComponentWithClass(
-      pagination,
-      'rc-pagination-options-quick-jumper',
-    );
-    const input = quickJumper.querySelector('input');
-    expect(TestUtils.isDOMComponent(input)).to.be(true);
-    Simulate.blur(input);
-    setTimeout(() => {
-      expect(pagination.state.current).to.be(10);
-      expect(current).to.be(10);
-      done();
-    }, 10);
-  });
-});

tests/index.js

@@ -163,3 +163,85 @@ describe('Controlled Pagination', () => {
     expect(onChange).toHaveBeenLastCalledWith(3, 10);
   });
 });
+
+describe('Other props', () => {
+  it('should support custom default icon', () => {
+    const nextIcon = () => <span>nextIcon</span>;
+    const prevIcon = () => <span>prevIcon</span>;
+    const jumpNextIcon = () => <span>jumpNextIcon</span>;
+    const jumpPrevIcon = () => <span>jumpPrevIcon</span>;
+    const iconsProps = {
+      prevIcon,
+      nextIcon,
+      jumpPrevIcon,
+      jumpNextIcon,
+    };
+    const wrapper = mount(
+      <Pagination total={1000} current={12} {...iconsProps} />,
+    );
+    const prev = wrapper.find('.rc-pagination-prev');
+    const next = wrapper.find('.rc-pagination-next');
+    const jumpPrev = wrapper.find('.rc-pagination-jump-prev');
+    const jumpNext = wrapper.find('.rc-pagination-jump-next');
+    expect(prev.text()).toBe('prevIcon');
+    expect(next.text()).toBe('nextIcon');
+    expect(jumpPrev.text()).toBe('jumpPrevIcon');
+    expect(jumpNext.text()).toBe('jumpNextIcon');
+  });
+
+  describe('showPrevNextJumpers props', () => {
+    it('should hide jump-prev, jump-next if showPrevNextJumpers equals false', () => {
+      const wrapper = mount(
+        <Pagination total={1000} current={12} showPrevNextJumpers={false} />,
+      );
+      const prev = wrapper.find('.rc-pagination-jump-prev');
+      const next = wrapper.find('.rc-pagination-jump-next');
+      expect(prev.exists()).toBe(false);
+      expect(next.exists()).toBe(false);
+    });
+
+    it('should show jump-prev, jump-next if showPrevNextJumpers equals true', () => {
+      const wrapper = mount(
+        <Pagination total={1000} current={12} showPrevNextJumpers />,
+      );
+      const prev = wrapper.find('.rc-pagination-jump-prev');
+      const next = wrapper.find('.rc-pagination-jump-next');
+      expect(prev.exists()).toBe(true);
+      expect(next.exists()).toBe(true);
+    });
+  });
+
+  describe('hideOnSinglePage props', () => {
+    const itemRender = current => <a href={`#${current}`}>{current}</a>;
+
+    it('should hide pager if hideOnSinglePage equals true', () => {
+      const wrapper = mount(
+        <Pagination total={10} itemRender={itemRender} hideOnSinglePage />,
+      );
+      expect(wrapper.find('.rc-pagination').exists()).toBe(false);
+    });
+
+    it('should show pager if hideOnSinglePage equals false', () => {
+      const wrapper = mount(
+        <Pagination
+          total={10}
+          itemRender={itemRender}
+          hideOnSinglePage={false}
+        />,
+      );
+      expect(wrapper.find('.rc-pagination').exists()).toBe(true);
+    });
+
+    it('should show pager if hideOnSinglePage equals true but more than 1 page', () => {
+      const wrapper = mount(
+        <Pagination
+          total={10}
+          pageSize={5}
+          itemRender={itemRender}
+          hideOnSinglePage={false}
+        />,
+      );
+      expect(wrapper.find('.rc-pagination').exists()).toBe(true);
+    });
+  });
+});