react-router-pagination 3.1.21 → 3.2.0

package/src/__tests__/pagination/centered/index.test.tsx

@@ -1,123 +0,0 @@
-import React from 'react'
-import renderer from 'react-test-renderer'
-
-import {
-  MemoryRouter
-} from 'react-router-dom'
-
-import {
-  toInteger,
-  calculateTotalPages,
-  calculatePageNumber,
-  Centered
-} from '#pagination/centered/index.tsx'
-
-describe('react-router-pagination/pagination/centered', () => {
-  describe('`toInteger`', () => {
-    it('is a function', () => {
-      expect(toInteger)
-        .toEqual(expect.any(Function))
-    })
-  })
-
-  describe('`calculateTotalPages`', () => {
-    it('is a function', () => {
-      expect(calculateTotalPages)
-        .toEqual(expect.any(Function))
-    })
-  })
-
-  describe('`calculatePageNumber`', () => {
-    it('is a function', () => {
-      expect(calculatePageNumber)
-        .toEqual(expect.any(Function))
-    })
-  })
-
-  describe('<Centered />', () => {
-    describe('With `pageNumber` and `totalPages`', () => {
-      it('renders', () => {
-        const rendered = renderer.create(
-          <MemoryRouter>
-            <Centered
-              pageNumber={1}
-              totalPages={2}
-            />
-          </MemoryRouter>
-        )
-
-        expect(rendered.toJSON())
-          .toMatchSnapshot()
-      })
-    })
-
-    describe('With `spread`', () => {
-      it('renders', () => {
-        const rendered = renderer.create(
-          <MemoryRouter>
-            <Centered
-              pageNumber={5}
-              totalPages={9}
-              spread={3}
-            />
-          </MemoryRouter>
-        )
-
-        expect(rendered.toJSON())
-          .toMatchSnapshot()
-      })
-    })
-  })
-
-  describe('`Centered.calculateTotalPages()`', () => {
-    describe('Your data contains 120 items which you want to display at 10 items per page', () => {
-      it('returns 12', () => {
-        expect(Centered.calculateTotalPages(120, 10)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 60 items which you want to display at 5 items per page', () => {
-      it('returns 12', () => {
-        expect(Centered.calculateTotalPages(60, 5)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 240 items which you want to display at 20 items per page', () => {
-      it('returns 12', () => {
-        expect(Centered.calculateTotalPages(240, 20)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 121 items which you want to display at 10 items per page', () => {
-      it('returns 13', () => {
-        expect(Centered.calculateTotalPages(121, 10)).toBe(13)
-      })
-    })
-
-    describe('Your data contains 61 items which you want to display at 5 items per page', () => {
-      it('returns 13', () => {
-        expect(Centered.calculateTotalPages(61, 5)).toBe(13)
-      })
-    })
-
-    describe('Your data contains 241 items which you want to display at 20 items per page', () => {
-      it('returns 13', () => {
-        expect(Centered.calculateTotalPages(241, 20)).toBe(13)
-      })
-    })
-  })
-
-  describe('`Centered.calculatePageNumber()`', () => {
-    describe('Min', () => {
-      it('returns 1', () => {
-        expect(Centered.calculatePageNumber(0, 12)).toBe(1)
-      })
-    })
-
-    describe('Max', () => {
-      it('returns 12', () => {
-        expect(Centered.calculatePageNumber(13, 12)).toBe(12)
-      })
-    })
-  })
-})

package/src/__tests__/pagination/common/index.test.mts

@@ -1,79 +0,0 @@
-import {
-  toInteger,
-  calculateTotalPages,
-  calculatePageNumber
-} from '#pagination/common/index.mts'
-
-describe('react-router-pagination/pagination/common', () => {
-  describe('`toInteger()`', () => {
-    describe('A number', () => {
-      it('returns a number', () => {
-        expect(toInteger(1)).toBe(1)
-      })
-    })
-
-    describe('A string representing a number', () => {
-      it('returns a number', () => {
-        expect(toInteger('1')).toBe(1)
-      })
-    })
-
-    describe('A string', () => {
-      it('returns a number', () => {
-        expect(toInteger('A')).toBe(0)
-      })
-    })
-  })
-
-  describe('`calculateTotalPages()`', () => {
-    describe('Your data contains 120 items which you want to display at 10 items per page', () => {
-      it('returns 12', () => {
-        expect(calculateTotalPages(120, 10)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 60 items which you want to display at 5 items per page', () => {
-      it('returns 12', () => {
-        expect(calculateTotalPages(60, 5)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 240 items which you want to display at 20 items per page', () => {
-      it('returns 12', () => {
-        expect(calculateTotalPages(240, 20)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 121 items which you want to display at 10 items per page', () => {
-      it('returns 13', () => {
-        expect(calculateTotalPages(121, 10)).toBe(13)
-      })
-    })
-
-    describe('Your data contains 61 items which you want to display at 5 items per page', () => {
-      it('returns 13', () => {
-        expect(calculateTotalPages(61, 5)).toBe(13)
-      })
-    })
-
-    describe('Your data contains 241 items which you want to display at 20 items per page', () => {
-      it('returns 13', () => {
-        expect(calculateTotalPages(241, 20)).toBe(13)
-      })
-    })
-  })
-
-  describe('`calculatePageNumber()`', () => {
-    describe('Min', () => {
-      it('returns 1', () => {
-        expect(calculatePageNumber(0, 12)).toBe(1)
-      })
-    })
-
-    describe('Max', () => {
-      it('returns 12', () => {
-        expect(calculatePageNumber(13, 12)).toBe(12)
-      })
-    })
-  })
-})

package/src/__tests__/pagination/component.test.tsx

@@ -1,103 +0,0 @@
-import React from 'react'
-import renderer from 'react-test-renderer'
-
-import {
-  MemoryRouter
-} from 'react-router-dom'
-
-import {
-  toInteger,
-  calculateTotalPages,
-  calculatePageNumber,
-  Pagination
-} from '#pagination/component.tsx'
-
-describe('react-router-pagination/pagination/component', () => {
-  describe('`toInteger`', () => {
-    it('is a function', () => {
-      expect(toInteger)
-        .toEqual(expect.any(Function))
-    })
-  })
-
-  describe('`calculateTotalPages`', () => {
-    it('is a function', () => {
-      expect(calculateTotalPages)
-        .toEqual(expect.any(Function))
-    })
-  })
-
-  describe('`calculatePageNumber`', () => {
-    it('is a function', () => {
-      expect(calculatePageNumber)
-        .toEqual(expect.any(Function))
-    })
-  })
-
-  describe('<Pagination />', () => {
-    describe('With `pageNumber` and `totalPages`', () => {
-      it('renders', () => {
-        const rendered = renderer.create(
-          <MemoryRouter>
-            <Pagination pageNumber={1} totalPages={2} />
-          </MemoryRouter>
-        )
-
-        expect(rendered.toJSON())
-          .toMatchSnapshot()
-      })
-    })
-  })
-
-  describe('`Pagination.calculateTotalPages()`', () => {
-    describe('Your data contains 120 items which you want to display at 10 items per page', () => {
-      it('returns 12', () => {
-        expect(Pagination.calculateTotalPages(120, 10)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 60 items which you want to display at 5 items per page', () => {
-      it('returns 12', () => {
-        expect(Pagination.calculateTotalPages(60, 5)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 240 items which you want to display at 20 items per page', () => {
-      it('returns 12', () => {
-        expect(Pagination.calculateTotalPages(240, 20)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 121 items which you want to display at 10 items per page', () => {
-      it('returns 13', () => {
-        expect(Pagination.calculateTotalPages(121, 10)).toBe(13)
-      })
-    })
-
-    describe('Your data contains 61 items which you want to display at 5 items per page', () => {
-      it('returns 13', () => {
-        expect(Pagination.calculateTotalPages(61, 5)).toBe(13)
-      })
-    })
-
-    describe('Your data contains 241 items which you want to display at 20 items per page', () => {
-      it('returns 13', () => {
-        expect(Pagination.calculateTotalPages(241, 20)).toBe(13)
-      })
-    })
-  })
-
-  describe('`Pagination.calculatePageNumber()`', () => {
-    describe('Min', () => {
-      it('returns 1', () => {
-        expect(Pagination.calculatePageNumber(0, 12)).toBe(1)
-      })
-    })
-
-    describe('Max', () => {
-      it('returns 12', () => {
-        expect(Pagination.calculatePageNumber(13, 12)).toBe(12)
-      })
-    })
-  })
-})

package/src/__tests__/pagination/index.test.tsx

@@ -1,124 +0,0 @@
-import React from 'react'
-import renderer from 'react-test-renderer'
-
-import {
-  MemoryRouter
-} from 'react-router-dom'
-
-import {
-  calculateTotalPages,
-  calculatePageNumber,
-  Pagination,
-  Centered,
-  Standard
-} from '#pagination/index.tsx'
-
-describe('react-router-pagination', () => {
-  describe('calculateTotalPages()', () => {
-    describe('Your data contains 120 items which you want to display at 10 items per page', () => {
-      it('returns 12', () => {
-        expect(calculateTotalPages(120, 10)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 60 items which you want to display at 5 items per page', () => {
-      it('returns 12', () => {
-        expect(calculateTotalPages(60, 5)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 240 items which you want to display at 20 items per page', () => {
-      it('returns 12', () => {
-        expect(calculateTotalPages(240, 20)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 121 items which you want to display at 10 items per page', () => {
-      it('returns 13', () => {
-        expect(calculateTotalPages(121, 10)).toBe(13)
-      })
-    })
-
-    describe('Your data contains 61 items which you want to display at 5 items per page', () => {
-      it('returns 13', () => {
-        expect(calculateTotalPages(61, 5)).toBe(13)
-      })
-    })
-
-    describe('Your data contains 241 items which you want to display at 20 items per page', () => {
-      it('returns 13', () => {
-        expect(calculateTotalPages(241, 20)).toBe(13)
-      })
-    })
-  })
-
-  describe('calculatePageNumber()', () => {
-    describe('Min', () => {
-      it('returns 1', () => {
-        expect(calculatePageNumber(0, 12)).toBe(1)
-      })
-    })
-
-    describe('Max', () => {
-      it('returns 12', () => {
-        expect(calculatePageNumber(13, 12)).toBe(12)
-      })
-    })
-  })
-
-  describe('<Pagination />', () => {
-    describe('With `pageNumber` and `totalPages`', () => {
-      it('renders', () => {
-        const rendered = renderer.create(
-          <MemoryRouter>
-            <Pagination
-              pageNumber={1}
-              totalPages={2}
-            />
-          </MemoryRouter>
-        )
-
-        expect(rendered.toJSON())
-          .toMatchSnapshot()
-      })
-    })
-  })
-
-  describe('<Centered />', () => {
-    describe('With `pageNumber` and `totalPages` and `spread`', () => {
-      it('renders', () => {
-        const rendered = renderer.create(
-          <MemoryRouter>
-            <Centered
-              pageNumber={9}
-              totalPages={9}
-              spread={3}
-            />
-          </MemoryRouter>
-        )
-
-        expect(rendered.toJSON())
-          .toMatchSnapshot()
-      })
-    })
-  })
-
-  describe('<Standard />', () => {
-    describe('With `pageNumber` and `totalPages` and `spread`', () => {
-      it('renders', () => {
-        const rendered = renderer.create(
-          <MemoryRouter>
-            <Standard
-              pageNumber={9}
-              totalPages={9}
-              spread={3}
-            />
-          </MemoryRouter>
-        )
-
-        expect(rendered.toJSON())
-          .toMatchSnapshot()
-      })
-    })
-  })
-})

package/src/__tests__/pagination/standard/__snapshots__/index.test.tsx.snap

@@ -1,141 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`react-router-pagination/pagination/standard <Standard /> With \`pageNumber\` and \`totalPages\` With \`spread\` renders 1`] = `
-<ul
-  className="pagination"
->
-  <li
-    className="zeroPage"
-  >
-    <a
-      href="/1"
-      onClick={[Function]}
-    >
-      <span
-        className="pageNumber"
-      >
-        1
-      </span>
-    </a>
-  </li>
-  <li
-    className="reversePage"
-  >
-    <a
-      href="/3"
-      onClick={[Function]}
-    >
-      <span
-        className="reverse"
-      >
-        «
-      </span>
-    </a>
-  </li>
-  <li
-    className="page"
-  >
-    <a
-      href="/4"
-      onClick={[Function]}
-    >
-      <span
-        className="pageNumber"
-      >
-        4
-      </span>
-    </a>
-  </li>
-  <li
-    className="currentPage"
-  >
-    <a
-      href="/5"
-      onClick={[Function]}
-    >
-      <span
-        className="pageNumber"
-      >
-        5
-      </span>
-    </a>
-  </li>
-  <li
-    className="page"
-  >
-    <a
-      href="/6"
-      onClick={[Function]}
-    >
-      <span
-        className="pageNumber"
-      >
-        6
-      </span>
-    </a>
-  </li>
-  <li
-    className="forwardPage"
-  >
-    <a
-      href="/7"
-      onClick={[Function]}
-    >
-      <span
-        className="forwardPage"
-      >
-        »
-      </span>
-    </a>
-  </li>
-  <li
-    className="lastPage"
-  >
-    <a
-      href="/9"
-      onClick={[Function]}
-    >
-      <span
-        className="pageNumber"
-      >
-        9
-      </span>
-    </a>
-  </li>
-</ul>
-`;
-
-exports[`react-router-pagination/pagination/standard <Standard /> With \`pageNumber\` and \`totalPages\` renders 1`] = `
-<ul
-  className="pagination"
->
-  <li
-    className="currentPage"
-  >
-    <a
-      href="/1"
-      onClick={[Function]}
-    >
-      <span
-        className="pageNumber"
-      >
-        1
-      </span>
-    </a>
-  </li>
-  <li
-    className="lastPage"
-  >
-    <a
-      href="/2"
-      onClick={[Function]}
-    >
-      <span
-        className="pageNumber"
-      >
-        2
-      </span>
-    </a>
-  </li>
-</ul>
-`;

package/src/__tests__/pagination/standard/index.test.tsx

@@ -1,123 +0,0 @@
-import React from 'react'
-import renderer from 'react-test-renderer'
-
-import {
-  MemoryRouter
-} from 'react-router-dom'
-
-import {
-  toInteger,
-  calculateTotalPages,
-  calculatePageNumber,
-  Standard
-} from '#pagination/standard/index.tsx'
-
-describe('react-router-pagination/pagination/standard', () => {
-  describe('`toInteger`', () => {
-    it('is a function', () => {
-      expect(toInteger)
-        .toEqual(expect.any(Function))
-    })
-  })
-
-  describe('`calculateTotalPages`', () => {
-    it('is a function', () => {
-      expect(calculateTotalPages)
-        .toEqual(expect.any(Function))
-    })
-  })
-
-  describe('`calculatePageNumber`', () => {
-    it('is a function', () => {
-      expect(calculatePageNumber)
-        .toEqual(expect.any(Function))
-    })
-  })
-
-  describe('<Standard />', () => {
-    describe('With `pageNumber` and `totalPages`', () => {
-      it('renders', () => {
-        const rendered = renderer.create(
-          <MemoryRouter>
-            <Standard
-              pageNumber={1}
-              totalPages={2}
-            />
-          </MemoryRouter>
-        )
-
-        expect(rendered.toJSON())
-          .toMatchSnapshot()
-      })
-
-      describe('With `spread`', () => {
-        it('renders', () => {
-          const rendered = renderer.create(
-            <MemoryRouter>
-              <Standard
-                pageNumber={5}
-                totalPages={9}
-                spread={3}
-              />
-            </MemoryRouter>
-          )
-
-          expect(rendered.toJSON())
-            .toMatchSnapshot()
-        })
-      })
-    })
-  })
-
-  describe('`Standard.calculateTotalPages()`', () => {
-    describe('Your data contains 120 items which you want to display at 10 items per page', () => {
-      it('returns 12', () => {
-        expect(Standard.calculateTotalPages(120, 10)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 60 items which you want to display at 5 items per page', () => {
-      it('returns 12', () => {
-        expect(Standard.calculateTotalPages(60, 5)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 240 items which you want to display at 20 items per page', () => {
-      it('returns 12', () => {
-        expect(Standard.calculateTotalPages(240, 20)).toBe(12)
-      })
-    })
-
-    describe('Your data contains 121 items which you want to display at 10 items per page', () => {
-      it('returns 13', () => {
-        expect(Standard.calculateTotalPages(121, 10)).toBe(13)
-      })
-    })
-
-    describe('Your data contains 61 items which you want to display at 5 items per page', () => {
-      it('returns 13', () => {
-        expect(Standard.calculateTotalPages(61, 5)).toBe(13)
-      })
-    })
-
-    describe('Your data contains 241 items which you want to display at 20 items per page', () => {
-      it('returns 13', () => {
-        expect(Standard.calculateTotalPages(241, 20)).toBe(13)
-      })
-    })
-  })
-
-  describe('`Standard.calculatePageNumber()`', () => {
-    describe('Min', () => {
-      it('returns 1', () => {
-        expect(Standard.calculatePageNumber(0, 12)).toBe(1)
-      })
-    })
-
-    describe('Max', () => {
-      it('returns 12', () => {
-        expect(Standard.calculatePageNumber(13, 12)).toBe(12)
-      })
-    })
-  })
-})