1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-25 11:28:51 +01:00
metamask-extension/ui/pages/onboarding-flow/onboarding-flow.test.js
David Walsh b89630fdd2
Release MultiChain 0.5 (#18903)
* Show portfolio icon in ETH overview

* Show new copy button in QR code modal

* Show address copy button in wallet overview

* Update connected status component

* Remove legacy MenuBar

* Remove legacy ImportTokenLink

* Remove AssetListItem

* Remove DetectedTokensLink

* Remove legacy AppHeader

* Remove MULTICHAIN flag from builds.yml

* Remove legacy AccountMenu

* FIX: Token cell snapshot

* Add data-testid for Account Picker

* Remove multichain check in LoadingNetworkScreen

* Remove MULTICHAIN check for AccountDetailsModal

* Remove MULTICHAIN check for AssetList

* Update QR dimensions

* Remove MULTICHAIN declaration from metamaskrc.dist

* Implement PickerNetwork and NetworkListMenu in onboarding

* Remove legacy NetworkDropdown and Dropdown

* Remove documentation about legacy account menu

* FIX: Fixes route tests for missing data-testid=network-display

* Fix account-menu-icon data-testid

* Fix TokenCell test

* FIX Onboarding Flow tests

* Remove unused locales from AccountMenu removal

* E2E: Fix Import Secret Recovery Phrase: logs out of the vault

* E2E: Fix Show account details: should show the QR code for the account

* E2E: Fix add-account.spec.js

* E2E: Fix state-logs.spec.js

* E2E: Fix lock-account.spec.js

* E2E: Fix settings-general.spec.js

* E2E: Fix advanced-settings.spec.js

* E2E: Fix auto-lock.spec.js

* E2E: Fix backup-restore.spec.js

* E2E: Fix clear-activity.spec.js

* E2E: Fix settings-search.spec.js

* E2E: Fix encrypt-decrypt.spec.js

* E2E: Fix dapp-interactions.spec.js

* E2E: Fix test-snap-management.spec.js

* E2E: Fix add-custom-network.spec.js

* E2E: Fix from-import-ui.spec.js

* E2E: Fix provider-api.spec.js

* E2E: Fix chain-interactions.spec.js

* E2E: Fix custom-rpc-history.spec.js

* Remove network icon from overview components

* E2E: Fix user-actions-benchmark.js

* E2E: Fix benchmark.js

* E2E: Fix add-hide-token.spec.js

* E2E: Fix address-book.spec.js

* E2E: Fix custom-token-add-approve.spec.js

* E2E: Fix incremental-security.spec.js

* E2E: Fix metamask-responsive-ui.spec.js

* E2E: Onboarding.spec.js

* E2E: Fix permissions.spec.js

* E2E: Fix send-hex-address.spec.js

* E2E: Fix send-to-contract.spec.js

* Remove dead AccountOptionsMenu test

* E2E: Fix token-details.spec.js

* E2E: Fix switch-custom-network.spec.js

* E2E: Fix metamask-ui.spec.js

* Revert "UX Multichain: updated border top for activity list (#19176)"

This reverts commit 15598f2a23.

* E2Es: Fix test-snap-management.spec.js and test-snap-notification.spec.js

* E2Es: Fix add-account.spec.js after flaky test fixes

* e2e flaky test

* adds back the mmi options

* scss fix

* test fix

* removes unnecessary double quotes

* Prevent double logos on login screen

* Update ui/components/ui/list-item/index.scss

Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>

---------

Co-authored-by: seaona <mariona@gmx.es>
Co-authored-by: Antonio Regadas <antonio.regadas@consensys.net>
Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>
2023-06-01 16:14:38 -05:00

250 lines
7.2 KiB
JavaScript

import { fireEvent, waitFor } from '@testing-library/react';
import React from 'react';
import configureMockStore from 'redux-mock-store';
import { renderWithProvider } from '../../../test/lib/render-helpers';
import {
///: BEGIN:ONLY_INCLUDE_IN(build-flask)
ONBOARDING_EXPERIMENTAL_AREA,
///: END:ONLY_INCLUDE_IN
ONBOARDING_CREATE_PASSWORD_ROUTE,
ONBOARDING_REVIEW_SRP_ROUTE,
ONBOARDING_CONFIRM_SRP_ROUTE,
ONBOARDING_UNLOCK_ROUTE,
ONBOARDING_WELCOME_ROUTE,
DEFAULT_ROUTE,
ONBOARDING_SECURE_YOUR_WALLET_ROUTE,
ONBOARDING_PRIVACY_SETTINGS_ROUTE,
ONBOARDING_COMPLETION_ROUTE,
ONBOARDING_IMPORT_WITH_SRP_ROUTE,
ONBOARDING_PIN_EXTENSION_ROUTE,
ONBOARDING_METAMETRICS,
} from '../../helpers/constants/routes';
import { NETWORK_TYPES } from '../../../shared/constants/network';
import {
createNewVaultAndGetSeedPhrase,
unlockAndGetSeedPhrase,
} from '../../store/actions';
import OnboardingFlow from './onboarding-flow';
jest.mock('../../store/actions', () => ({
createNewVaultAndGetSeedPhrase: jest.fn().mockResolvedValue(null),
unlockAndGetSeedPhrase: jest.fn().mockResolvedValue(null),
createNewVaultAndRestore: jest.fn(),
verifySeedPhrase: jest.fn(),
}));
describe('Onboarding Flow', () => {
const mockState = {
metamask: {
identities: {},
providerConfig: {
type: NETWORK_TYPES.GOERLI,
chainId: '0x0',
},
},
localeMessages: {
currentLocale: 'en',
},
};
process.env.METAMASK_BUILD_TYPE = 'main';
const store = configureMockStore()(mockState);
it('should route to the default route when completedOnboarding and seedPhraseBackedUp is true', () => {
const completedOnboardingState = {
metamask: {
completedOnboarding: true,
seedPhraseBackedUp: true,
},
};
const completedOnboardingStore = configureMockStore()(
completedOnboardingState,
);
const { history } = renderWithProvider(
<OnboardingFlow />,
completedOnboardingStore,
'/other',
);
expect(history.location.pathname).toStrictEqual(DEFAULT_ROUTE);
});
describe('Create Password', () => {
it('should render create password', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_CREATE_PASSWORD_ROUTE,
);
const createPassword = queryByTestId('create-password');
expect(createPassword).toBeInTheDocument();
});
it('should call createNewVaultAndGetSeedPhrase when creating a new wallet password', async () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_CREATE_PASSWORD_ROUTE,
);
const password = 'a-new-password';
const checkTerms = queryByTestId('create-password-terms');
const createPassword = queryByTestId('create-password-new');
const confirmPassword = queryByTestId('create-password-confirm');
const createPasswordWallet = queryByTestId('create-password-wallet');
fireEvent.click(checkTerms);
fireEvent.change(createPassword, { target: { value: password } });
fireEvent.change(confirmPassword, { target: { value: password } });
fireEvent.click(createPasswordWallet);
await waitFor(() =>
expect(createNewVaultAndGetSeedPhrase).toHaveBeenCalled(),
);
});
});
it('should render secure your wallet component', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_SECURE_YOUR_WALLET_ROUTE,
);
const secureYourWallet = queryByTestId('secure-your-wallet');
expect(secureYourWallet).toBeInTheDocument();
});
it('should render review recovery phrase', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_REVIEW_SRP_ROUTE,
);
const recoveryPhrase = queryByTestId('recovery-phrase');
expect(recoveryPhrase).toBeInTheDocument();
});
it('should render confirm recovery phrase', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_CONFIRM_SRP_ROUTE,
);
const confirmRecoveryPhrase = queryByTestId('confirm-recovery-phrase');
expect(confirmRecoveryPhrase).toBeInTheDocument();
});
it('should render import seed phrase', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_IMPORT_WITH_SRP_ROUTE,
);
const importSrp = queryByTestId('import-srp');
expect(importSrp).toBeInTheDocument();
});
describe('Unlock Screen', () => {
it('should render unlock page', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_UNLOCK_ROUTE,
);
const unlockPage = queryByTestId('unlock-page');
expect(unlockPage).toBeInTheDocument();
});
it('should', async () => {
const { getByLabelText, getByText } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_UNLOCK_ROUTE,
);
const password = 'a-new-password';
const inputPassword = getByLabelText('Password');
const unlockButton = getByText('Unlock');
fireEvent.change(inputPassword, { target: { value: password } });
fireEvent.click(unlockButton);
await waitFor(() => expect(unlockAndGetSeedPhrase).toHaveBeenCalled());
});
});
it('should render privacy settings', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_PRIVACY_SETTINGS_ROUTE,
);
const privacySettings = queryByTestId('privacy-settings');
expect(privacySettings).toBeInTheDocument();
});
it('should render onboarding creation/completion successful', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_COMPLETION_ROUTE,
);
const creationSuccessful = queryByTestId('creation-successful');
expect(creationSuccessful).toBeInTheDocument();
});
it('should render onboarding welcome screen', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_WELCOME_ROUTE,
);
const onboardingWelcome = queryByTestId('onboarding-welcome');
expect(onboardingWelcome).toBeInTheDocument();
});
it('should render onboarding pin extension screen', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_PIN_EXTENSION_ROUTE,
);
const pinExtension = queryByTestId('onboarding-pin-extension');
expect(pinExtension).toBeInTheDocument();
});
it('should render onboarding metametrics screen', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_METAMETRICS,
);
const onboardingMetametrics = queryByTestId('onboarding-metametrics');
expect(onboardingMetametrics).toBeInTheDocument();
});
it('should render onboarding experimental screen', () => {
const { queryByTestId } = renderWithProvider(
<OnboardingFlow />,
store,
ONBOARDING_EXPERIMENTAL_AREA,
);
const onboardingMetametrics = queryByTestId('experimental-area');
expect(onboardingMetametrics).toBeInTheDocument();
});
});