sentry/tests/js/spec/components/createProject.spec.jsx

import React from 'react';
import {shallow, mountWithTheme} from 'sentry-test/enzyme';

import {CreateProject} from 'app/components/createProject';
import {openCreateTeamModal} from 'app/actionCreators/modal';

jest.mock('app/actionCreators/modal');

describe('CreateProject', function() {
  const baseProps = {
    api: new MockApiClient(),
    location: {query: {}},
    organization: TestStubs.Organization(),
    teams: [],
    params: {
      projectId: '',
      orgId: 'testOrg',
    },
  };

  it('should block if you have access to no teams', function() {
    const props = {
      ...baseProps,
    };

    const wrapper = shallow(
      <CreateProject {...props} />,
      TestStubs.routerContext([
        {
          organization: {
            id: '1',
            slug: 'testOrg',
            teams: [{slug: 'test', id: '1', name: 'test', hasAccess: false}],
          },
          location: {query: {}},
        },
      ])
    );

    expect(wrapper).toMatchSnapshot();
  });

  it('can create a new team', function() {
    const props = {
      ...baseProps,
    };

    const wrapper = mountWithTheme(
      <CreateProject {...props} />,
      TestStubs.routerContext([
        {
          organization: {
            id: '1',
            slug: 'testOrg',
            teams: [{slug: 'test', id: '1', name: 'test', hasAccess: false}],
          },
        },
      ])
    );

    wrapper.find('TeamSelectInput Button').simulate('click');
    expect(openCreateTeamModal).toHaveBeenCalled();
  });

  it('should fill in project name if its empty when platform is chosen', function() {
    const props = {
      ...baseProps,
    };

    const wrapper = mountWithTheme(
      <CreateProject {...props} />,
      TestStubs.routerContext([
        {
          organization: {
            id: '1',
            slug: 'testOrg',
            teams: [{slug: 'test', id: '1', name: 'test', hasAccess: true}],
          },
          location: {query: {}},
        },
      ])
    );

    let node = wrapper.find('PlatformCard').first();
    node.simulate('click');
    expect(wrapper.find('ProjectNameInput input').props().value).toBe('C#');

    node = wrapper.find('PlatformCard').last();
    node.simulate('click');
    expect(wrapper.find('ProjectNameInput input').props().value).toBe('Ruby');

    //but not replace it when project name is something else:
    wrapper.setState({projectName: 'another'});

    node = wrapper.find('PlatformCard').first();
    node.simulate('click');
    expect(wrapper.find('ProjectNameInput input').props().value).toBe('another');

    expect(wrapper).toMatchSnapshot();
  });

  it('should fill in platform name if its provided by url', function() {
    const props = {
      ...baseProps,
    };

    const wrapper = mountWithTheme(
      <CreateProject {...props} />,
      TestStubs.routerContext([
        {
          organization: {
            id: '1',
            slug: 'testOrg',
            teams: [{slug: 'test', id: '1', name: 'test', hasAccess: true}],
          },
          location: {query: {platform: 'ruby'}},
        },
      ])
    );

    expect(wrapper.find('ProjectNameInput input').props().value).toBe('Ruby');

    expect(wrapper).toMatchSnapshot();
  });

  it('should deal with incorrect platform name if its provided by url', function() {
    const props = {
      ...baseProps,
    };

    const wrapper = mountWithTheme(
      <CreateProject {...props} />,
      TestStubs.routerContext([
        {
          organization: {
            id: '1',
            slug: 'testOrg',
            teams: [{slug: 'test', id: '1', name: 'test', hasAccess: true}],
          },
          location: {query: {platform: 'XrubyROOLs'}},
        },
      ])
    );

    expect(wrapper.find('ProjectNameInput input').props().value).toBe('');

    expect(wrapper).toMatchSnapshot();
  });
});