mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
ba54a3d83b
The ESLint config has been updated to v8. The breaking changes are: * The Prettier rule `quoteProps` has been changed from `consistent` to `as-needed`, meaning that if one key requires quoting, only that key is quoted rather than all keys. * The ESLint rule `no-shadow` has been made more strict. It now prevents globals from being shadowed as well. Most of these changes were applied with `yarn lint:fix`. Only the shadowing changes required manual fixing (shadowing variable names were either replaced with destructuring or renamed). The dependency `globalThis` was added to the list of dynamic dependencies in the build system, where it should have been already. This was causing `depcheck` to fail because the new lint rules required removing the one place where `globalThis` had been erroneously imported previously. A rule requiring a newline between multiline blocks and expressions has been disabled temporarily to make this PR smaller and to avoid introducing conflicts with other PRs.
176 lines
5.0 KiB
JavaScript
176 lines
5.0 KiB
JavaScript
import React from 'react';
|
|
import configureMockStore from 'redux-mock-store';
|
|
import thunk from 'redux-thunk';
|
|
|
|
import { useLocation } from 'react-router-dom';
|
|
import { initialState, SEND_STAGES } from '../../ducks/send';
|
|
import { ensInitialState } from '../../ducks/ens';
|
|
import { renderWithProvider } from '../../../test/jest';
|
|
import { RINKEBY_CHAIN_ID } from '../../../shared/constants/network';
|
|
import { GAS_ESTIMATE_TYPES } from '../../../shared/constants/gas';
|
|
import Send from './send';
|
|
|
|
const middleware = [thunk];
|
|
|
|
jest.mock('react-router-dom', () => {
|
|
const original = jest.requireActual('react-router-dom');
|
|
return {
|
|
...original,
|
|
useLocation: jest.fn(() => ({ search: '' })),
|
|
useHistory: () => ({
|
|
push: jest.fn(),
|
|
}),
|
|
};
|
|
});
|
|
|
|
jest.mock(
|
|
'ethjs-ens',
|
|
() =>
|
|
class MocKENS {
|
|
async ensLookup() {
|
|
return '';
|
|
}
|
|
},
|
|
);
|
|
|
|
const baseStore = {
|
|
send: initialState,
|
|
ENS: ensInitialState,
|
|
gas: {
|
|
customData: { limit: null, price: null },
|
|
},
|
|
history: { mostRecentOverviewPage: 'activity' },
|
|
metamask: {
|
|
gasEstimateType: GAS_ESTIMATE_TYPES.LEGACY,
|
|
gasFeeEstimates: {
|
|
low: '0',
|
|
medium: '1',
|
|
fast: '2',
|
|
},
|
|
selectedAddress: '0x0',
|
|
keyrings: [
|
|
{
|
|
type: 'HD Key Tree',
|
|
accounts: ['0x0'],
|
|
},
|
|
],
|
|
networkDetails: {
|
|
EIPS: {},
|
|
},
|
|
tokens: [],
|
|
preferences: {
|
|
useNativeCurrencyAsPrimaryCurrency: false,
|
|
},
|
|
currentCurrency: 'USD',
|
|
provider: {
|
|
chainId: RINKEBY_CHAIN_ID,
|
|
},
|
|
nativeCurrency: 'ETH',
|
|
featureFlags: {
|
|
sendHexData: false,
|
|
},
|
|
addressBook: {
|
|
[RINKEBY_CHAIN_ID]: [],
|
|
},
|
|
cachedBalances: {
|
|
[RINKEBY_CHAIN_ID]: {},
|
|
},
|
|
accounts: {
|
|
'0x0': { balance: '0x0', address: '0x0' },
|
|
},
|
|
identities: { '0x0': { address: '0x0' } },
|
|
},
|
|
};
|
|
|
|
describe('Send Page', () => {
|
|
describe('Send Flow Initialization', () => {
|
|
it('should initialize the send, ENS, and gas slices on render', () => {
|
|
const store = configureMockStore(middleware)(baseStore);
|
|
renderWithProvider(<Send />, store);
|
|
const actions = store.getActions();
|
|
expect(actions).toStrictEqual(
|
|
expect.arrayContaining([
|
|
expect.objectContaining({
|
|
type: 'ENS/enableEnsLookup',
|
|
}),
|
|
expect.objectContaining({
|
|
type: 'send/initializeSendState/pending',
|
|
}),
|
|
]),
|
|
);
|
|
});
|
|
|
|
it('should showQrScanner when location.search is ?scan=true', () => {
|
|
useLocation.mockImplementation(() => ({ search: '?scan=true' }));
|
|
const store = configureMockStore(middleware)(baseStore);
|
|
renderWithProvider(<Send />, store);
|
|
const actions = store.getActions();
|
|
expect(actions).toStrictEqual(
|
|
expect.arrayContaining([
|
|
expect.objectContaining({
|
|
type: 'ENS/enableEnsLookup',
|
|
}),
|
|
expect.objectContaining({
|
|
type: 'send/initializeSendState/pending',
|
|
}),
|
|
expect.objectContaining({
|
|
type: 'UI_MODAL_OPEN',
|
|
payload: { name: 'QR_SCANNER' },
|
|
}),
|
|
]),
|
|
);
|
|
useLocation.mockImplementation(() => ({ search: '' }));
|
|
});
|
|
});
|
|
|
|
describe('Send Flow', () => {
|
|
it('should render the header with Send to displayed', () => {
|
|
const store = configureMockStore(middleware)(baseStore);
|
|
const { getByText } = renderWithProvider(<Send />, store);
|
|
expect(getByText('Send to')).toBeTruthy();
|
|
});
|
|
|
|
it('should render the EnsInput field', () => {
|
|
const store = configureMockStore(middleware)(baseStore);
|
|
const { getByPlaceholderText } = renderWithProvider(<Send />, store);
|
|
expect(
|
|
getByPlaceholderText('Search, public address (0x), or ENS'),
|
|
).toBeTruthy();
|
|
});
|
|
|
|
it('should not render the footer', () => {
|
|
const store = configureMockStore(middleware)(baseStore);
|
|
const { queryByText } = renderWithProvider(<Send />, store);
|
|
expect(queryByText('Next')).toBeNull();
|
|
});
|
|
});
|
|
|
|
describe('Send and Edit Flow (draft)', () => {
|
|
it('should render the header with Send displayed', () => {
|
|
const store = configureMockStore(middleware)({
|
|
...baseStore,
|
|
send: { ...baseStore.send, stage: SEND_STAGES.DRAFT },
|
|
});
|
|
const { getByText } = renderWithProvider(<Send />, store);
|
|
expect(getByText('Send')).toBeTruthy();
|
|
});
|
|
|
|
it('should render the EnsInput field', () => {
|
|
const store = configureMockStore(middleware)(baseStore);
|
|
const { getByPlaceholderText } = renderWithProvider(<Send />, store);
|
|
expect(
|
|
getByPlaceholderText('Search, public address (0x), or ENS'),
|
|
).toBeTruthy();
|
|
});
|
|
|
|
it('should render the footer', () => {
|
|
const store = configureMockStore(middleware)({
|
|
...baseStore,
|
|
send: { ...baseStore.send, stage: SEND_STAGES.DRAFT },
|
|
});
|
|
const { getByText } = renderWithProvider(<Send />, store);
|
|
expect(getByText('Next')).toBeTruthy();
|
|
});
|
|
});
|
|
});
|