1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 01:39:44 +01:00

Welcome onboarding unit test (#18248)

This commit is contained in:
Thomas Huang 2023-03-29 14:00:34 +08:00 committed by GitHub
parent 6be18552ab
commit 8f65c268b4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -0,0 +1,101 @@
import React from 'react';
import { fireEvent, screen } from '@testing-library/react';
import configureMockStore from 'redux-mock-store';
import thunk from 'redux-thunk';
import initializedMockState from '../../../../test/data/mock-state.json';
import { renderWithProvider } from '../../../../test/lib/render-helpers';
import { setFirstTimeFlowType } from '../../../store/actions';
import {
ONBOARDING_METAMETRICS,
ONBOARDING_SECURE_YOUR_WALLET_ROUTE,
ONBOARDING_COMPLETION_ROUTE,
} from '../../../helpers/constants/routes';
import OnboardingWelcome from './welcome';
const mockHistoryReplace = jest.fn();
const mockHistoryPush = jest.fn();
jest.mock('../../../store/actions.ts', () => ({
setFirstTimeFlowType: jest.fn().mockReturnValue(
jest.fn((type) => {
return type;
}),
),
}));
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useHistory: () => ({
push: mockHistoryPush,
replace: mockHistoryReplace,
}),
}));
describe('Onboarding Welcome Component', () => {
const mockState = {
metamask: {
identities: {},
selectedAddress: '',
},
};
afterEach(() => {
jest.clearAllMocks();
});
describe('Initialized State Conditionals with keyrings and firstTimeFlowType', () => {
it('should route to secure your wallet when keyring is present but not imported first time flow type', () => {
const mockStore = configureMockStore([thunk])(initializedMockState);
renderWithProvider(<OnboardingWelcome />, mockStore);
expect(mockHistoryReplace).toHaveBeenCalledWith(
ONBOARDING_SECURE_YOUR_WALLET_ROUTE,
);
});
it('should route to completion when keyring is present and imported first time flow type', () => {
const importFirstTimeFlowState = {
...initializedMockState,
metamask: {
...initializedMockState.metamask,
firstTimeFlowType: 'import',
},
};
const mockStore = configureMockStore([thunk])(importFirstTimeFlowState);
renderWithProvider(<OnboardingWelcome />, mockStore);
expect(mockHistoryReplace).toHaveBeenCalledWith(
ONBOARDING_COMPLETION_ROUTE,
);
});
});
describe('Welcome Component', () => {
const mockStore = configureMockStore([thunk])(mockState);
it('should render', () => {
renderWithProvider(<OnboardingWelcome />, mockStore);
const onboardingWelcome = screen.queryByTestId('onboarding-welcome');
expect(onboardingWelcome).toBeInTheDocument();
});
it('should set first time flow to create and route to metametrics', () => {
renderWithProvider(<OnboardingWelcome />, mockStore);
const createWallet = screen.getByTestId('onboarding-create-wallet');
fireEvent.click(createWallet);
expect(setFirstTimeFlowType).toHaveBeenCalledWith('create');
});
it('should set first time flow to import and route to metametrics', () => {
renderWithProvider(<OnboardingWelcome />, mockStore);
const createWallet = screen.getByTestId('onboarding-import-wallet');
fireEvent.click(createWallet);
expect(setFirstTimeFlowType).toHaveBeenCalledWith('import');
expect(mockHistoryPush).toHaveBeenCalledWith(ONBOARDING_METAMETRICS);
});
});
});