sentry/tests/js/spec/views/discover/sidebar/orderBy.spec.jsx

import React from 'react';
import {mount} from 'enzyme';

import Orderby from 'app/views/discover/sidebar/orderby';

describe('orderBy', function() {
  let organization, project, wrapper, onChangeMock, columns;
  beforeEach(function() {
    project = TestStubs.Project();
    organization = TestStubs.Organization({projects: [project]});
    onChangeMock = jest.fn();
    columns = [{value: 'timestamp', label: 'timestamp'}, {value: 'id', label: 'id'}];

    wrapper = mount(
      <Orderby value="-timestamp" columns={columns} onChange={onChangeMock} />,
      TestStubs.routerContext([{organization}])
    );
  });

  it('Renders correct initial value options', function() {
    expect(
      wrapper
        .find('StyledSelect')
        .at(0)
        .prop('options')
    ).toEqual([{value: 'timestamp', label: 'timestamp'}, {value: 'id', label: 'id'}]);

    expect(
      wrapper
        .find('StyledSelect')
        .at(1)
        .prop('options')
    ).toEqual([{value: 'asc', label: 'asc'}, {value: 'desc', label: 'desc'}]);

    expect(
      wrapper
        .find('StyledSelect')
        .at(0)
        .props().value
    ).toEqual('timestamp');

    expect(
      wrapper
        .find('StyledSelect')
        .at(1)
        .props().value
    ).toEqual('desc');
  });

  it('Changes field, preserves direction', function() {
    wrapper
      .find('input')
      .at(1)
      .simulate('change', {target: {value: 'id'}})
      .simulate('keyDown', {key: 'Enter', keyCode: 13});

    expect(onChangeMock).toHaveBeenCalledWith('-id');
  });

  it('Changes direction, preserves field', function() {
    wrapper
      .find('input')
      .at(3)
      .simulate('change', {target: {value: 'asc'}})
      .simulate('keyDown', {key: 'Enter', keyCode: 13});

    expect(onChangeMock).toHaveBeenCalledWith('timestamp');
  });
});