sentry/tests/js/spec/views/settings/organizationProjects.spec.jsx

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

import {Client} from 'app/api';
import OrganizationProjectsContainer from 'app/views/settings/organizationProjects';

describe('OrganizationProjects', function() {
  let org;
  let project;
  let projectsGetMock;
  let statsGetMock;
  let projectsPutMock;
  const routerContext = TestStubs.routerContext();

  beforeEach(function() {
    project = TestStubs.Project();
    org = TestStubs.Organization();

    projectsGetMock = Client.addMockResponse({
      url: '/organizations/org-slug/projects/',
      body: [project],
    });

    statsGetMock = Client.addMockResponse({
      url: '/organizations/org-slug/stats/',
      body: [[[], 1]],
    });

    projectsPutMock = Client.addMockResponse({
      method: 'PUT',
      url: '/projects/org-slug/project-slug/',
    });
  });

  afterEach(function() {
    Client.clearMockResponses();
  });

  it('Should render the projects in the store', function() {
    const wrapper = mount(
      <OrganizationProjectsContainer params={{orgId: org.slug}} location={{query: {}}} />,
      routerContext
    );
    expect(wrapper).toMatchSnapshot();

    expect(wrapper.find('.project-name').text()).toBe('project-slug');

    expect(projectsGetMock).toHaveBeenCalledTimes(1);

    expect(statsGetMock).toHaveBeenCalledTimes(1);

    expect(projectsPutMock).toHaveBeenCalledTimes(0);

    wrapper.find('BookmarkStar').simulate('click');
    expect(wrapper.find('Star').prop('isBookmarked')).toBeTruthy();
    expect(projectsPutMock).toHaveBeenCalledTimes(1);
  });

  it('should search organization projects', async function() {
    const searchMock = MockApiClient.addMockResponse({
      url: `/organizations/${org.slug}/projects/`,
      body: [],
    });
    const wrapper = mount(
      <OrganizationProjectsContainer location={{query: {}}} params={{orgId: org.slug}} />,
      routerContext
    );

    wrapper
      .find('AsyncComponentSearchInput Input')
      .simulate('change', {target: {value: `${project.slug}`}});

    expect(searchMock).toHaveBeenLastCalledWith(
      `/organizations/${org.slug}/projects/`,
      expect.objectContaining({
        method: 'GET',
        query: {
          query: project.slug,
        },
      })
    );

    wrapper.find('PanelHeader form').simulate('submit');
    expect(routerContext.context.router.push).toHaveBeenCalledTimes(1);
  });
});