mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
d6b49ae383
The `HardwareKeyringTypes` constant has been renamed to `KeyringTypes` and moved to a separate constants module, to reflect that it contains more than just hardware wallet keyring types. This corrects a mistake made recently during a TypeScript conversion.
165 lines
4.2 KiB
JavaScript
165 lines
4.2 KiB
JavaScript
import React from 'react';
|
|
|
|
import sinon from 'sinon';
|
|
import thunk from 'redux-thunk';
|
|
|
|
import { fireEvent } from '@testing-library/react';
|
|
import configureMockStore from 'redux-mock-store';
|
|
|
|
import { tick } from '../../../../../test/lib/tick';
|
|
import { renderWithProvider } from '../../../../../test/lib/render-helpers';
|
|
|
|
import * as actions from '../../../../store/actions';
|
|
import { CHAIN_IDS } from '../../../../../shared/constants/network';
|
|
import { KeyringType } from '../../../../../shared/constants/keyring';
|
|
|
|
import UnconnectedAccountAlert from '.';
|
|
|
|
describe('Unconnected Account Alert', () => {
|
|
const selectedAddress = '0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b';
|
|
|
|
const identities = {
|
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc': {
|
|
address: '0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc',
|
|
name: 'Account 1',
|
|
},
|
|
'0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b': {
|
|
address: '0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b',
|
|
name: 'Account 2',
|
|
},
|
|
};
|
|
|
|
const accounts = {
|
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc': {
|
|
address: '0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc',
|
|
balance: '0x0',
|
|
},
|
|
'0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b': {
|
|
address: '0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b',
|
|
balance: '0x0',
|
|
},
|
|
};
|
|
|
|
const cachedBalances = {
|
|
[CHAIN_IDS]: {
|
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc': '0x0',
|
|
'0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b': '0x0',
|
|
},
|
|
};
|
|
|
|
const keyrings = [
|
|
{
|
|
type: KeyringType.hdKeyTree,
|
|
accounts: [
|
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc',
|
|
'0xec1adf982415d2ef5ec55899b9bfb8bc0f29251b',
|
|
],
|
|
},
|
|
];
|
|
|
|
const mockState = {
|
|
metamask: {
|
|
selectedAddress,
|
|
identities,
|
|
accounts,
|
|
cachedBalances,
|
|
keyrings,
|
|
provider: {
|
|
chainId: CHAIN_IDS,
|
|
},
|
|
permissionHistory: {
|
|
'https://test.dapp': {
|
|
eth_accounts: {
|
|
accounts: {
|
|
'0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc': 1596681857076,
|
|
},
|
|
},
|
|
},
|
|
},
|
|
subjects: {
|
|
'https://test.dapp': {
|
|
permissions: {
|
|
eth_accounts: {
|
|
caveats: [
|
|
{
|
|
type: 'restrictReturnedAccounts',
|
|
value: ['0x0dcd5d886577d5081b0c52e242ef29e70be3e7bc'],
|
|
},
|
|
],
|
|
invoker: 'https://test.dapp',
|
|
parentCapability: 'eth_accounts',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
activeTab: {
|
|
origin: 'https://test.dapp',
|
|
},
|
|
unconnectedAccount: {
|
|
state: 'OPEN',
|
|
},
|
|
};
|
|
|
|
afterEach(() => {
|
|
sinon.restore();
|
|
});
|
|
|
|
it('checks that checkbox is checked', () => {
|
|
const store = configureMockStore()(mockState);
|
|
|
|
const { getByRole } = renderWithProvider(
|
|
<UnconnectedAccountAlert />,
|
|
store,
|
|
);
|
|
|
|
const dontShowCheckbox = getByRole('checkbox');
|
|
|
|
expect(dontShowCheckbox.checked).toStrictEqual(false);
|
|
fireEvent.click(dontShowCheckbox);
|
|
expect(dontShowCheckbox.checked).toStrictEqual(true);
|
|
});
|
|
|
|
it('clicks dismiss button and calls dismissAlert action', () => {
|
|
const store = configureMockStore()(mockState);
|
|
|
|
const { getByText } = renderWithProvider(
|
|
<UnconnectedAccountAlert />,
|
|
store,
|
|
);
|
|
|
|
const dismissButton = getByText(/Dismiss/u);
|
|
fireEvent.click(dismissButton);
|
|
|
|
expect(store.getActions()[0].type).toStrictEqual(
|
|
'unconnectedAccount/dismissAlert',
|
|
);
|
|
});
|
|
|
|
it('clicks Dont Show checkbox and dismiss to call disable alert request action', async () => {
|
|
sinon.stub(actions, 'setAlertEnabledness').returns(() => Promise.resolve());
|
|
|
|
const store = configureMockStore([thunk])(mockState);
|
|
|
|
const { getByText, getByRole } = renderWithProvider(
|
|
<UnconnectedAccountAlert />,
|
|
store,
|
|
);
|
|
|
|
const dismissButton = getByText(/Dismiss/u);
|
|
const dontShowCheckbox = getByRole('checkbox');
|
|
|
|
fireEvent.click(dontShowCheckbox);
|
|
fireEvent.click(dismissButton);
|
|
|
|
await tick();
|
|
|
|
expect(store.getActions()[0].type).toStrictEqual(
|
|
'unconnectedAccount/disableAlertRequested',
|
|
);
|
|
expect(store.getActions()[1].type).toStrictEqual(
|
|
'unconnectedAccount/disableAlertSucceeded',
|
|
);
|
|
});
|
|
});
|