sentry/tests/js/spec/components/bulkController/index.spec.jsx

import React from 'react';

import {shallow} from 'sentry-test/enzyme';

import BulkController from 'app/components/bulkController';

describe('BulkController', function () {
  let wrapper, renderProp, toggleRow, selectPage, deselectPage, selectAll, unselectAll;

  beforeEach(function () {
    renderProp = jest.fn();
    wrapper = shallow(
      <BulkController allRowsCount={32} pageIds={[1, 2, 3]} columnsCount={4}>
        {({
          isAllSelected,
          isPageSelected,
          selectedIds,
          onRowToggle,
          onAllRowsToggle,
          onPageRowsToggle,
        }) => {
          renderProp(isAllSelected, isPageSelected, selectedIds);
          return (
            <React.Fragment>
              {isPageSelected && 'whole page selected'}
              {isAllSelected && 'everything selected'}
              <button data-test-id="selectAll" onClick={() => onAllRowsToggle(true)} />
              <button data-test-id="selectPage" onClick={() => onPageRowsToggle(true)} />
              <button data-test-id="unselectAll" onClick={() => onAllRowsToggle(false)} />
              <button
                data-test-id="deselectPage"
                onClick={() => onPageRowsToggle(false)}
              />
              <button data-test-id="toggleRow" onClick={() => onRowToggle(2)} />
            </React.Fragment>
          );
        }}
      </BulkController>
    );
    toggleRow = wrapper.find('[data-test-id="toggleRow"]');
    selectPage = wrapper.find('[data-test-id="selectPage"]');
    deselectPage = wrapper.find('[data-test-id="deselectPage"]');
    selectAll = wrapper.find('[data-test-id="selectAll"]');
    unselectAll = wrapper.find('[data-test-id="unselectAll"]');
  });

  it('sets the defaults', function () {
    expect(renderProp).toHaveBeenLastCalledWith(false, false, []);
  });

  it('toggles single item', function () {
    toggleRow.simulate('click');
    expect(renderProp).toHaveBeenLastCalledWith(false, false, [2]);
    toggleRow.simulate('click');
    expect(renderProp).toHaveBeenLastCalledWith(false, false, []);
  });

  it('toggles the page', function () {
    toggleRow.simulate('click');
    expect(renderProp).toHaveBeenLastCalledWith(false, false, [2]);
    selectPage.simulate('click');
    expect(renderProp).toHaveBeenLastCalledWith(false, true, [2, 1, 3]);
    deselectPage.simulate('click');
    expect(renderProp).toHaveBeenLastCalledWith(false, false, []);
  });

  it('toggles everything', function () {
    toggleRow.simulate('click');
    expect(renderProp).toHaveBeenLastCalledWith(false, false, [2]);
    selectAll.simulate('click');
    expect(renderProp).toHaveBeenLastCalledWith(true, true, [1, 2, 3]);
    unselectAll.simulate('click');
    expect(renderProp).toHaveBeenLastCalledWith(false, false, []);
  });

  it('deselects one after having everything selected', function () {
    selectAll.simulate('click');
    expect(renderProp).toHaveBeenLastCalledWith(true, true, [1, 2, 3]);
    toggleRow.simulate('click');
    expect(renderProp).toHaveBeenLastCalledWith(false, false, [1, 3]);
  });
});