app/addons/documents/__tests__/pagination-footer.test.js

// Licensed under the Apache License, Version 2.0 (the "License"); you may not
// use this file except in compliance with the License. You may obtain a copy of
// the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations under
// the License.

import React from 'react';
import ReactDOM from 'react-dom';
import { mount } from 'enzyme';
import PaginationFooter from '../index-results/components/pagination/PaginationFooter';
import sinon from 'sinon';

describe('PaginationFooter', () => {
  const displayedFields = {};
  beforeEach(() => {
    displayedFields.shown = 5;
    displayedFields.allFieldCount = 10;
  });

  it('does not show table controls if showPrioritizedEnabled is false', () => {
    const wrapper = mount(<PaginationFooter
      showPrioritizedEnabled={false}
      hasResults={true}
      prioritizedEnabled={false}
      displayedFields={displayedFields}
      perPage={20}
      canShowNext={false}
      canShowPrevious={false}
      toggleShowAllColumns={() => {}}
      docs={[]}
      pageStart={1}
      pageEnd={20}
    />);

    expect(wrapper.find('#footer-doc-control-prioritized').length).toBe(0);
  });

  it('does not show table controls if hasResults is false', () => {
    const wrapper = mount(<PaginationFooter
      showPrioritizedEnabled={true}
      hasResults={false}
      prioritizedEnabled={false}
      displayedFields={displayedFields}
      perPage={20}
      canShowNext={false}
      canShowPrevious={false}
      toggleShowAllColumns={() => {}}
      docs={[]}
      pageStart={1}
      pageEnd={20}
    />);

    expect(wrapper.find('#footer-doc-control-prioritized').length).toBe(0);
  });

  it('does show table controls if showPrioritizedEnabled and hasResults are true', () => {
    const wrapper = mount(<PaginationFooter
      showPrioritizedEnabled={true}
      hasResults={true}
      prioritizedEnabled={false}
      displayedFields={displayedFields}
      perPage={20}
      canShowNext={false}
      canShowPrevious={false}
      toggleShowAllColumns={() => {}}
      docs={[]}
      pageStart={1}
      pageEnd={20}
    />);

    expect(wrapper.find('#footer-doc-control-prioritized').length).toBe(1);
  });

  it('calls paginateNext when clicked and available', () => {
    const spy = sinon.spy();
    const wrapper = mount(<PaginationFooter
      showPrioritizedEnabled={true}
      hasResults={true}
      prioritizedEnabled={false}
      displayedFields={displayedFields}
      perPage={20}
      canShowNext={true}
      canShowPrevious={false}
      toggleShowAllColumns={() => {}}
      docs={[]}
      pageStart={1}
      pageEnd={20}
      paginateNext={spy}
    />);

    wrapper.instance().nextClicked({ preventDefault: () => {} });
    expect(spy.calledOnce).toBe(true);
  });

  it('does not call paginateNext when clicked and not available', () => {
    const spy = sinon.spy();
    const wrapper = mount(<PaginationFooter
      showPrioritizedEnabled={true}
      hasResults={true}
      prioritizedEnabled={false}
      displayedFields={displayedFields}
      perPage={20}
      canShowNext={false}
      canShowPrevious={false}
      toggleShowAllColumns={() => {}}
      docs={[]}
      pageStart={1}
      pageEnd={20}
      paginateNext={spy}
    />);

    wrapper.instance().nextClicked({ preventDefault: () => {} });
    expect(spy.calledOnce).toBe(false);
  });

  it('calls paginatePrevious when clicked and available', () => {
    const spy = sinon.spy();
    const wrapper = mount(<PaginationFooter
      showPrioritizedEnabled={true}
      hasResults={true}
      prioritizedEnabled={false}
      displayedFields={displayedFields}
      perPage={20}
      canShowNext={false}
      canShowPrevious={true}
      toggleShowAllColumns={() => {}}
      docs={[]}
      pageStart={1}
      pageEnd={20}
      paginatePrevious={spy}
    />);

    wrapper.instance().previousClicked({ preventDefault: () => {} });
    expect(spy.calledOnce).toBe(true);
  });

  it('does not call paginatePrevious when clicked and not available', () => {
    const spy = sinon.spy();
    const wrapper = mount(<PaginationFooter
      showPrioritizedEnabled={true}
      hasResults={true}
      prioritizedEnabled={false}
      displayedFields={displayedFields}
      perPage={20}
      canShowNext={false}
      canShowPrevious={false}
      toggleShowAllColumns={() => {}}
      docs={[]}
      pageStart={1}
      pageEnd={20}
      paginatePrevious={spy}
    />);

    wrapper.instance().previousClicked({ preventDefault: () => {} });
    expect(spy.calledOnce).toBe(false);
  });

  it('renders custom text when no docs', () => {
    const wrapper = mount(<PaginationFooter
      showPrioritizedEnabled={true}
      hasResults={true}
      prioritizedEnabled={false}
      displayedFields={displayedFields}
      perPage={20}
      canShowNext={false}
      canShowPrevious={false}
      toggleShowAllColumns={() => {}}
      docs={[]}
      pageStart={1}
      pageEnd={20}
    />);

    expect(wrapper.find('.current-docs span').text()).toMatch('Showing 0 documents.');
  });

  it('renders text indicating range when docs', () => {
    const wrapper = mount(<PaginationFooter
      showPrioritizedEnabled={true}
      hasResults={true}
      prioritizedEnabled={false}
      displayedFields={displayedFields}
      perPage={20}
      canShowNext={false}
      canShowPrevious={false}
      toggleShowAllColumns={() => {}}
      docs={[{_id: 'foo'}]}
      pageStart={1}
      pageEnd={20}
    />);

    expect(wrapper.find('.current-docs span').text()).toMatch('Showing document 1 - 20.');
  });
});