sentry/static/app/views/alerts/rules/metric/create.spec.tsx

import {EventsStatsFixture} from 'sentry-fixture/events';
import {LocationFixture} from 'sentry-fixture/locationFixture';
import {RouteComponentPropsFixture} from 'sentry-fixture/routeComponentPropsFixture';

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

import EventView from 'sentry/utils/discover/eventView';
import MetricRulesCreate from 'sentry/views/alerts/rules/metric/create';

describe('Incident Rules Create', function () {
  let eventStatsMock;

  beforeEach(function () {
    MockApiClient.clearMockResponses();
    MockApiClient.addMockResponse({
      url: '/organizations/org-slug/tags/',
      body: [],
    });
    MockApiClient.addMockResponse({
      url: '/organizations/org-slug/users/',
      body: [],
    });
    MockApiClient.addMockResponse({
      url: '/projects/org-slug/project-slug/environments/',
      body: [],
    });
    eventStatsMock = MockApiClient.addMockResponse({
      url: '/organizations/org-slug/events-stats/',
      body: EventsStatsFixture(),
    });
    MockApiClient.addMockResponse({
      url: '/organizations/org-slug/alert-rules/available-actions/',
      body: [
        {
          allowedTargetTypes: ['user', 'team'],
          integrationName: null,
          type: 'email',
          integrationId: null,
        },
      ],
    });
  });

  it('renders', async function () {
    const {organization, project} = initializeOrg();
    MockApiClient.addMockResponse({
      url: `/organizations/${organization.slug}/events-meta/`,
      body: {count: 0},
    });

    render(
      <MetricRulesCreate
        {...RouteComponentPropsFixture()}
        eventView={EventView.fromLocation(LocationFixture())}
        params={{projectId: project.slug}}
        organization={organization}
        project={project}
        userTeamIds={[]}
      />
    );

    await waitFor(() =>
      expect(eventStatsMock).toHaveBeenCalledWith(
        expect.anything(),
        expect.objectContaining({
          query: {
            interval: '60m',
            project: [2],
            query: 'event.type:error',
            statsPeriod: '9998m',
            yAxis: 'count()',
            referrer: 'api.organization-event-stats',
          },
        })
      )
    );
  });
});