feat(aci): Add contributing issues section to metric issue (#104407)

Author: malwilley

static/app/views/issueDetails/streamline/sidebar/metricDetectorTriggeredSection.spec.tsx

@@ -1,7 +1,8 @@
 import {SnubaQueryDataSourceFixture} from 'sentry-fixture/detectors';
 import {EventFixture} from 'sentry-fixture/event';
+import {GroupFixture} from 'sentry-fixture/group';
 
-import {render, screen} from 'sentry-test/reactTestingLibrary';
+import {render, screen, waitFor} from 'sentry-test/reactTestingLibrary';
 
 import {DataConditionType} from 'sentry/types/workflowEngine/dataConditions';
 import type {MetricCondition} from 'sentry/types/workflowEngine/detectors';
@@ -16,6 +17,18 @@ describe('MetricDetectorTriggeredSection', () => {
   };
   const dataSource = SnubaQueryDataSourceFixture();
 
+  beforeEach(() => {
+    MockApiClient.clearMockResponses();
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/members/',
+      body: [],
+    });
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/users/',
+      body: [],
+    });
+  });
+
   it('renders nothing when event has no occurrence', () => {
     const event = EventFixture({
       occurrence: null,
@@ -76,6 +89,7 @@ describe('MetricDetectorTriggeredSection', () => {
 
   it('renders metric detector details with static condition', () => {
     const event = EventFixture({
+      dateCreated: undefined,
       occurrence: {
         id: '1',
         eventId: 'event-1',
@@ -116,4 +130,47 @@ describe('MetricDetectorTriggeredSection', () => {
     expect(screen.getByRole('cell', {name: 'Evaluated Value'})).toBeInTheDocument();
     expect(screen.getByRole('cell', {name: '150'})).toBeInTheDocument();
   });
+
+  it('renders contributing issues section for errors dataset', async () => {
+    const eventDateCreated = '2024-01-01T00:00:00Z';
+    // Start date is eventDateCreated minus the timeWindow (60 seconds) minus 1 extra minute
+    const startDate = '2023-12-31T23:58:00.000Z';
+
+    const contributingIssuesMock = MockApiClient.addMockResponse({
+      url: `/organizations/org-slug/issues/?end=2017-10-17T02%3A41%3A20.000Z&limit=5&query=issue.type%3Aerror%20event.type%3Aerror%20is%3Aunresolved&sort=freq&start=${encodeURIComponent(startDate)}`,
+      body: [GroupFixture()],
+    });
+
+    const event = EventFixture({
+      dateCreated: eventDateCreated,
+      occurrence: {
+        id: '1',
+        eventId: 'event-1',
+        fingerprint: ['fingerprint'],
+        issueTitle: 'Test Issue',
+        subtitle: 'Subtitle',
+        resourceId: 'resource-1',
+        evidenceData: {
+          conditions: [condition],
+          dataSources: [dataSource],
+          value: 150,
+        },
+        evidenceDisplay: [],
+        type: 8001,
+        detectionTime: '2024-01-01T00:00:00Z',
+      },
+    });
+
+    render(<MetricDetectorTriggeredSection event={event} />);
+
+    await waitFor(() => {
+      expect(
+        screen.getByRole('region', {name: 'Contributing Issues'})
+      ).toBeInTheDocument();
+    });
+
+    expect(contributingIssuesMock).toHaveBeenCalled();
+
+    await screen.findByRole('link', {name: 'RequestError'});
+  });
 });