diff --git a/ui/pages/onboarding-flow/creation-successful/creation-successful.test.js b/ui/pages/onboarding-flow/creation-successful/creation-successful.test.js
index 81581d779884..126d90dad842 100644
--- a/ui/pages/onboarding-flow/creation-successful/creation-successful.test.js
+++ b/ui/pages/onboarding-flow/creation-successful/creation-successful.test.js
@@ -1,19 +1,30 @@
import React from 'react';
import { fireEvent } from '@testing-library/react';
-import reactRouterDom from 'react-router-dom';
import configureMockStore from 'redux-mock-store';
import thunk from 'redux-thunk';
-import { ONBOARDING_PRIVACY_SETTINGS_ROUTE } from '../../../helpers/constants/routes';
+import {
+ ONBOARDING_PRIVACY_SETTINGS_ROUTE,
+ ONBOARDING_PIN_EXTENSION_ROUTE,
+} from '../../../helpers/constants/routes';
import {
renderWithProvider,
setBackgroundConnection,
} from '../../../../test/jest';
import CreationSuccessful from './creation-successful';
+const mockHistoryPush = jest.fn();
+
const completeOnboardingStub = jest
.fn()
.mockImplementation(() => Promise.resolve());
+jest.mock('react-router-dom', () => ({
+ ...jest.requireActual('react-router-dom'),
+ useHistory: () => ({
+ push: mockHistoryPush,
+ }),
+}));
+
describe('Creation Successful Onboarding View', () => {
const mockStore = {
metamask: {
@@ -25,18 +36,25 @@ describe('Creation Successful Onboarding View', () => {
const store = configureMockStore([thunk])(mockStore);
setBackgroundConnection({ completeOnboarding: completeOnboardingStub });
- const pushMock = jest.fn();
- beforeAll(() => {
- jest
- .spyOn(reactRouterDom, 'useHistory')
- .mockImplementation()
- .mockReturnValue({ push: pushMock });
+ afterEach(() => {
+ jest.resetAllMocks();
});
it('should redirect to privacy-settings view when "Advanced configuration" button is clicked', () => {
const { getByText } = renderWithProvider(, store);
const privacySettingsButton = getByText('Advanced configuration');
fireEvent.click(privacySettingsButton);
- expect(pushMock).toHaveBeenCalledWith(ONBOARDING_PRIVACY_SETTINGS_ROUTE);
+ expect(mockHistoryPush).toHaveBeenCalledWith(
+ ONBOARDING_PRIVACY_SETTINGS_ROUTE,
+ );
+ });
+
+ it('should route to pin extension route when "Got it" button is clicked', () => {
+ const { getByText } = renderWithProvider(, store);
+ const gotItButton = getByText('Got it!');
+ fireEvent.click(gotItButton);
+ expect(mockHistoryPush).toHaveBeenCalledWith(
+ ONBOARDING_PIN_EXTENSION_ROUTE,
+ );
});
});