box-ui-elements-mlh/src/features/pagination/__tests__/PaginationControls.test.js

Box UI Elements

import React from 'react';
import { shallow } from 'enzyme';
import PaginationControls from '../PaginationControls';

describe('elements/Pagination/PaginationControls', () => {
    test.each([true, false])(
        'should render properly for offset based and marker based pagination',
        isOffsetBasedPagination => {
            const props = {
                handleNextClick: jest.fn(),
                handlePreviousClick: jest.fn(),
                hasNextPage: false,
                hasPreviousPage: true,
                isOffsetBasedPagination,
                onPageClick: jest.fn(),
                pageCount: 5,
                pageNumber: 1,
            };
            const wrapper = shallow(<PaginationControls {...props} />);
            expect(wrapper.find('.bdl-Pagination')).toHaveLength(1);
            expect(wrapper.find('.bdl-Pagination-count')).toHaveLength(isOffsetBasedPagination ? 1 : 0);
            expect(wrapper.find('.bdl-Pagination-nav')).toHaveLength(1);
            expect(wrapper).toMatchSnapshot();
        },
    );
});