sentry/static/app/components/eventOrGroupExtraDetails.spec.tsx

import {initializeOrg} from 'sentry-test/initializeOrg';
import {render} from 'sentry-test/reactTestingLibrary';

import EventOrGroupExtraDetails from 'sentry/components/eventOrGroupExtraDetails';
import {Group} from 'sentry/types';

describe('EventOrGroupExtraDetails', function () {
  const {routerContext} = initializeOrg();

  it('renders last and first seen', function () {
    const {container} = render(
      <EventOrGroupExtraDetails
        data={
          {
            project: {id: 'projectId'},
            id: 'groupId',
            lastSeen: '2017-07-25T22:56:12Z',
            firstSeen: '2017-07-01T02:06:02Z',
          } as Group
        }
      />,
      {context: routerContext}
    );

    expect(container).toSnapshot();
  });

  it('renders only first seen', function () {
    const {container} = render(
      <EventOrGroupExtraDetails
        data={
          {
            project: {id: 'projectId'},
            id: 'groupId',
            firstSeen: '2017-07-01T02:06:02Z',
          } as Group
        }
      />,
      {context: routerContext}
    );

    expect(container).toSnapshot();
  });

  it('renders only last seen', function () {
    const {container} = render(
      <EventOrGroupExtraDetails
        data={
          {
            project: {id: 'projectId'},
            id: 'groupId',
            lastSeen: '2017-07-25T22:56:12Z',
          } as Group
        }
      />,
      {context: routerContext}
    );

    expect(container).toSnapshot();
  });

  it('renders all details', function () {
    const {container} = render(
      <EventOrGroupExtraDetails
        data={
          {
            id: 'groupId',
            lastSeen: '2017-07-25T22:56:12Z',
            firstSeen: '2017-07-01T02:06:02Z',
            numComments: 14,
            shortId: 'shortId',
            logger: 'javascript logger',
            annotations: ['annotation1', 'annotation2'],
            assignedTo: {
              name: 'Assignee Name',
            },
            status: 'resolved',
          } as Group
        }
      />,
      {context: routerContext}
    );

    expect(container).toSnapshot();
  });

  it('renders assignee and status', function () {
    const {container} = render(
      <EventOrGroupExtraDetails
        data={
          {
            id: 'groupId',
            lastSeen: '2017-07-25T22:56:12Z',
            firstSeen: '2017-07-01T02:06:02Z',
            numComments: 14,
            shortId: 'shortId',
            logger: 'javascript logger',
            annotations: ['annotation1', 'annotation2'],
            assignedTo: {
              name: 'Assignee Name',
            },
            status: 'resolved',
          } as Group
        }
        showAssignee
      />,
      {context: routerContext}
    );

    expect(container).toSnapshot();
  });

  it('details when mentioned', function () {
    const {container} = render(
      <EventOrGroupExtraDetails
        data={
          {
            id: 'groupId',
            lastSeen: '2017-07-25T22:56:12Z',
            firstSeen: '2017-07-01T02:06:02Z',
            numComments: 14,
            shortId: 'shortId',
            logger: 'javascript logger',
            annotations: ['annotation1', 'annotation2'],
            subscriptionDetails: {reason: 'mentioned'},
          } as Group
        }
      />,
      {context: routerContext}
    );

    expect(container).toSnapshot();
  });
});