react-bootstrap-table2/packages/react-bootstrap-table2-paginator/test/size-per-page-option.test.js

import React from 'react';
import sinon from 'sinon';
import { shallow } from 'enzyme';

import SizePerPageOption from '../src/size-per-page-option';

describe('SizePerPageOption', () => {
  let wrapper;
  const text = 'page1';
  const page = 1;
  const onSizePerPageChange = sinon.stub();

  beforeEach(() => {
    onSizePerPageChange.reset();
  });

  describe('when bootstrap4 prop is true', () => {
    beforeEach(() => {
      const props = { text, page, onSizePerPageChange };
      wrapper = shallow(
        <SizePerPageOption { ...props } />
      );
    });

    it('should render SizePerPageOption correctly', () => {
      expect(wrapper.length).toBe(1);
      expect(wrapper.find('li.dropdown-item').length).toBe(1);
      expect(wrapper.find(`[data-page=${page}]`).length).toBe(1);
      expect(wrapper.text()).toEqual(text);
    });

    describe('when MouseDown event happen', () => {
      const preventDefault = sinon.stub();
      beforeEach(() => {
        wrapper.find('a').simulate('mousedown', { preventDefault });
      });

      it('should calling props.onSizePerPageChange correctly', () => {
        expect(preventDefault.calledOnce).toBeTruthy();
        expect(onSizePerPageChange.calledOnce).toBeTruthy();
        expect(onSizePerPageChange.calledWith(page)).toBeTruthy();
      });
    });
  });

  describe('when bootstrap4 prop is true', () => {
    beforeEach(() => {
      const props = { text, page, onSizePerPageChange };
      wrapper = shallow(
        <SizePerPageOption { ...props } bootstrap4 />
      );
    });

    it('should render SizePerPageOption correctly', () => {
      expect(wrapper.length).toBe(1);
      expect(wrapper.find('a.dropdown-item').length).toBe(1);
      expect(wrapper.find(`[data-page=${page}]`).length).toBe(1);
      expect(wrapper.text()).toEqual(text);
    });

    describe('when MouseDown event happen', () => {
      const preventDefault = sinon.stub();
      beforeEach(() => {
        wrapper.find('a').simulate('mousedown', { preventDefault });
      });

      it('should calling props.onSizePerPageChange correctly', () => {
        expect(preventDefault.calledOnce).toBeTruthy();
        expect(onSizePerPageChange.calledOnce).toBeTruthy();
        expect(onSizePerPageChange.calledWith(page)).toBeTruthy();
      });
    });
  });
});