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

import GlobalSelectionLink from 'app/components/globalSelectionLink';

const path = 'http://some.url/';

describe('GlobalSelectionLink', function () {
  it('has global selection values in query', function () {
    const query = {
      project: ['foo', 'bar'],
      environment: 'staging',
    };

    const wrapper = mountWithTheme(
      <GlobalSelectionLink location={{query}} to={path}>
        Go somewhere!
      </GlobalSelectionLink>
    );

    const updatedToProp = wrapper.find('Link').at(0).prop('to');

    expect(updatedToProp).toEqual({pathname: path, query});

    expect(wrapper).toSnapshot();
  });

  it('does not have global selection values in query', function () {
    const wrapper = mountWithTheme(
      <GlobalSelectionLink location={{}} to={path}>
        Go somewhere!
      </GlobalSelectionLink>
    );

    const updatedToProp = wrapper.find('Link').at(0).prop('to');

    expect(updatedToProp).toEqual(path);

    expect(wrapper).toSnapshot();
  });

  it('combines query parameters with custom query', function () {
    const query = {
      project: ['foo', 'bar'],
      environment: 'staging',
    };
    const customQuery = {query: 'something'};
    const wrapper = mountWithTheme(
      <GlobalSelectionLink location={{query}} to={{pathname: path, query: customQuery}}>
        Go somewhere!
      </GlobalSelectionLink>
    );

    const updatedToProp = wrapper.find('Link').at(0).prop('to');

    expect(updatedToProp).toEqual({
      pathname: path,
      query: {project: ['foo', 'bar'], environment: 'staging', query: 'something'},
    });
  });

  it('combines query parameters with no query', function () {
    const query = {
      project: ['foo', 'bar'],
      environment: 'staging',
    };
    const wrapper = mountWithTheme(
      <GlobalSelectionLink location={{query}} to={{pathname: path}}>
        Go somewhere!
      </GlobalSelectionLink>
    );

    const updatedToProp = wrapper.find('Link').at(0).prop('to');

    expect(updatedToProp).toEqual({pathname: path, query});
  });
});