import {MonitorFixture} from 'sentry-fixture/monitor'; import {initializeOrg} from 'sentry-test/initializeOrg'; import {render, screen} from 'sentry-test/reactTestingLibrary'; import MonitorDetails from 'sentry/views/monitors/details'; describe('Monitor Details', () => { const monitor = MonitorFixture(); const {organization, project, routerProps} = initializeOrg({ router: {params: {monitorSlug: monitor.slug, projectId: monitor.project.slug}}, }); beforeEach(() => { MockApiClient.clearMockResponses(); MockApiClient.addMockResponse({ url: `/projects/${organization.slug}/${project.slug}/monitors/${monitor.slug}/`, body: {...monitor}, }); MockApiClient.addMockResponse({ url: `/organizations/${organization.slug}/users/`, body: [], }); MockApiClient.addMockResponse({ url: `/organizations/${organization.slug}/issues/?limit=20&project=${project.id}&query=monitor.slug%3A${monitor.slug}%20environment%3A%5Bproduction%5D%20is%3Aunresolved&statsPeriod=14d`, body: [], }); MockApiClient.addMockResponse({ url: `/projects/${organization.slug}/${project.slug}/monitors/${monitor.slug}/stats/`, body: [], }); MockApiClient.addMockResponse({ url: `/projects/${organization.slug}/${project.slug}/monitors/${monitor.slug}/checkins/`, body: [], }); MockApiClient.addMockResponse({ url: `/projects/${organization.slug}/${project.slug}/monitors/${monitor.slug}/processing-errors/`, body: [], }); }); it('renders', async function () { render(); expect(await screen.findByText(monitor.slug, {exact: false})).toBeInTheDocument(); }); it('renders error when monitor is not found', async function () { MockApiClient.addMockResponse({ url: `/projects/${organization.slug}/${project.slug}/monitors/${monitor.slug}/`, statusCode: 404, }); render(); expect( await screen.findByText('The monitor you were looking for was not found.') ).toBeInTheDocument(); }); });