shlink-web-client/test/common/SimplePaginator.test.js

54 lines
1.8 KiB
JavaScript
Raw Normal View History

2019-09-22 12:14:08 +03:00
import React from 'react';
import { shallow } from 'enzyme';
import { identity } from 'ramda';
import { PaginationItem } from 'reactstrap';
import SimplePaginator from '../../src/common/SimplePaginator';
import { ELLIPSIS } from '../../src/utils/utils';
2019-09-22 12:14:08 +03:00
describe('<SimplePaginator />', () => {
let wrapper;
const createWrapper = (pagesCount, currentPage = 1) => {
wrapper = shallow(<SimplePaginator pagesCount={pagesCount} currentPage={currentPage} setCurrentPage={identity} />);
return wrapper;
};
afterEach(() => wrapper && wrapper.unmount());
it.each([ -3, -2, 0, 1 ])('renders empty when the amount of pages is smaller than 2', (pagesCount) => {
2019-09-22 12:14:08 +03:00
expect(createWrapper(pagesCount).text()).toEqual('');
});
describe('ELLIPSIS are rendered where expected', () => {
2019-09-22 12:14:08 +03:00
const getItemsForPages = (pagesCount, currentPage) => {
const paginator = createWrapper(pagesCount, currentPage);
const items = paginator.find(PaginationItem);
const itemsWithEllipsis = items.filterWhere((item) => item.key() && item.key().includes(ELLIPSIS));
2019-09-22 12:14:08 +03:00
return { items, itemsWithEllipsis };
};
it('renders first ELLIPSIS', () => {
2019-09-22 12:14:08 +03:00
const { items, itemsWithEllipsis } = getItemsForPages(9, 7);
expect(items.at(2).html()).toContain(ELLIPSIS);
2019-09-22 12:14:08 +03:00
expect(itemsWithEllipsis).toHaveLength(1);
});
it('renders last ELLIPSIS', () => {
2019-09-22 12:14:08 +03:00
const { items, itemsWithEllipsis } = getItemsForPages(9, 2);
expect(items.at(items.length - 3).html()).toContain(ELLIPSIS);
2019-09-22 12:14:08 +03:00
expect(itemsWithEllipsis).toHaveLength(1);
});
it('renders both ELLIPSIS', () => {
2019-09-22 12:14:08 +03:00
const { items, itemsWithEllipsis } = getItemsForPages(20, 9);
expect(items.at(2).html()).toContain(ELLIPSIS);
expect(items.at(items.length - 3).html()).toContain(ELLIPSIS);
2019-09-22 12:14:08 +03:00
expect(itemsWithEllipsis).toHaveLength(2);
});
});
});