update tests

Author: michellewzhang

static/app/actionCreators/prompts.tsx

@@ -204,10 +204,10 @@ export function usePrompt({
         projectId,
       }),
       () => {
-        const soozedTs = new Date().getTime() / 1000;
+        const snoozedTs = new Date().getTime() / 1000;
         return {
-          data: {snoozed_ts: soozedTs},
-          features: {[feature]: {snoozed_ts: soozedTs}},
+          data: {snoozed_ts: snoozedTs},
+          features: {[feature]: {snoozed_ts: snoozedTs}},
         };
       }
     );

static/app/components/dropdownMenu/index.spec.tsx

@@ -30,7 +30,7 @@ describe('DropdownMenu', function () {
     // Open the mneu
     await userEvent.click(screen.getByRole('button', {name: 'This is a Menu'}));
 
-    // The mneu is open
+    // The menu is open
     expect(screen.getByRole('menu')).toBeInTheDocument();
 
     // There are two menu items

static/app/components/events/eventReplay/replayInlineOnboardingPanel.spec.tsx

@@ -1,51 +1,103 @@
-import {render, screen} from 'sentry-test/reactTestingLibrary';
-
-import {usePrompt as usePromptImport} from 'sentry/actionCreators/prompts';
+import {render, screen, userEvent} from 'sentry-test/reactTestingLibrary';
 
 import ReplayInlineOnboardingPanel from './replayInlineOnboardingPanel';
 
-jest.mock('sentry/actionCreators/prompts');
-const usePrompt = jest.mocked(usePromptImport);
-
 describe('replayInlineOnboardingPanel', () => {
   beforeEach(() => {
-    jest.clearAllMocks();
-    usePrompt.mockClear();
+    MockApiClient.clearMockResponses();
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/prompts-activity/',
+      body: {data: {dismissed_ts: null}},
+    });
   });
 
-  it('should render if not dismissed', async () => {
-    const dismissPrompt = jest.fn();
-    const snoozePrompt = jest.fn();
-    usePrompt.mockImplementation(() => {
-      return {
-        isPromptDismissed: false,
-        isLoading: false,
-        isError: false,
-        snoozePrompt,
-        dismissPrompt,
-      };
+  it('shows an onboarding banner that may be dismissed', async () => {
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/prompts-activity/',
+      body: {data: {}},
     });
+    const dismissMock = MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/prompts-activity/',
+      method: 'PUT',
+    });
+
     render(<ReplayInlineOnboardingPanel platform="react" projectId="123" />);
     expect(
       await screen.findByText('Watch the errors and latency issues your users face')
     ).toBeInTheDocument();
+
+    // Open the snooze or dismiss dropdown
+    await userEvent.click(screen.getByTestId('icon-close'));
+    expect(screen.getByText('Dismiss')).toBeInTheDocument();
+    expect(screen.getByText('Snooze')).toBeInTheDocument();
+
+    // Click dismiss
+    await userEvent.click(screen.getByRole('menuitemradio', {name: 'Dismiss'}));
+    expect(dismissMock).toHaveBeenCalledWith(
+      '/organizations/org-slug/prompts-activity/',
+      expect.objectContaining({
+        data: expect.objectContaining({
+          feature: 'issue_replay_inline_onboarding',
+          status: 'dismissed',
+        }),
+      })
+    );
+    expect(
+      screen.queryByText('Watch the errors and latency issues your users face')
+    ).not.toBeInTheDocument();
   });
 
-  it('should not render if dismissed', async () => {
-    const dismissPrompt = jest.fn();
-    const snoozePrompt = jest.fn();
-    usePrompt.mockImplementation(() => {
-      return {
-        isPromptDismissed: true,
-        isLoading: false,
-        isError: false,
-        snoozePrompt,
-        dismissPrompt,
-      };
+  it('shows an onboarding banner that may be snoozed', async () => {
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/prompts-activity/',
+      body: {data: {}},
     });
+    const snoozeMock = MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/prompts-activity/',
+      method: 'PUT',
+    });
+
+    render(<ReplayInlineOnboardingPanel platform="react" projectId="123" />);
+    expect(
+      await screen.findByText('Watch the errors and latency issues your users face')
+    ).toBeInTheDocument();
+
+    // Open the snooze or dismiss dropdown
+    await userEvent.click(screen.getByTestId('icon-close'));
+    expect(screen.getByText('Dismiss')).toBeInTheDocument();
+    expect(screen.getByText('Snooze')).toBeInTheDocument();
+
+    // Click dismiss
+    await userEvent.click(screen.getByRole('menuitemradio', {name: 'Snooze'}));
+    expect(snoozeMock).toHaveBeenCalledWith(
+      '/organizations/org-slug/prompts-activity/',
+      expect.objectContaining({
+        data: expect.objectContaining({
+          feature: 'issue_replay_inline_onboarding',
+          status: 'snoozed',
+        }),
+      })
+    );
+    expect(
+      screen.queryByText('Watch the errors and latency issues your users face')
+    ).not.toBeInTheDocument();
+  });
+
+  it('does not render if already dismissed', () => {
+    MockApiClient.addMockResponse({
+      url: '/organizations/org-slug/prompts-activity/',
+      body: {
+        data: {
+          feature: 'issue_replay_inline_onboarding',
+          status: 'dismissed',
+          dismissed_ts: 3,
+        },
+      },
+    });
+
     render(<ReplayInlineOnboardingPanel platform="react" projectId="123" />);
     expect(
-      await screen.queryByText('Watch the errors and latency issues your users face')
+      screen.queryByText('Watch the errors and latency issues your users face')
     ).not.toBeInTheDocument();
   });
 });