mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
eb51460cae
* UX: Multichain: App header * Export app header, provide required information, put feature flag in place * Provide available data * Implement account picker -- centered and opens account popover * Remove backgrounds, use isUnlocked * Fix placement of the global menu * Show logo when unlocked * Add selector for getting current network, provide props to AvatarNetwork and PickerNetwork * Wire up the network menu to the header * fixed ui for all the screens * updated story for header * fixed import and header settings * updated lint error * fixed tests * updated header * removed test * updated snapshot test * updated network menu * updated changes * removed comment from menu bar * updated css * updated test for network list menu * updated stylesheet * updated ButtonIcon import --------- Co-authored-by: NidhiKJha <menidhikjha@gmail.com>
108 lines
3.4 KiB
JavaScript
108 lines
3.4 KiB
JavaScript
import React from 'react';
|
|
import configureStore from 'redux-mock-store';
|
|
import { CHAIN_IDS } from '../../../../shared/constants/network';
|
|
import { renderWithProvider } from '../../../../test/lib/render-helpers';
|
|
import { AppHeader } from '.';
|
|
|
|
describe('App Header', () => {
|
|
it('should match snapshot', () => {
|
|
const mockState = {
|
|
activeTab: {
|
|
title: 'Eth Sign Tests',
|
|
origin: 'https://remix.ethereum.org',
|
|
protocol: 'https:',
|
|
url: 'https://remix.ethereum.org/',
|
|
},
|
|
metamask: {
|
|
provider: {
|
|
chainId: CHAIN_IDS.GOERLI,
|
|
},
|
|
accounts: {
|
|
'0x7250739de134d33ec7ab1ee592711e15098c9d2d': {
|
|
address: '0x7250739de134d33ec7ab1ee592711e15098c9d2d',
|
|
},
|
|
'0x8e5d75d60224ea0c33d0041e75de68b1c3cb6dd5': {
|
|
address: '0x8e5d75d60224ea0c33d0041e75de68b1c3cb6dd5',
|
|
},
|
|
},
|
|
preferences: {
|
|
showTestNetworks: true,
|
|
},
|
|
cachedBalances: {},
|
|
subjects: {
|
|
'https://remix.ethereum.org': {
|
|
permissions: {
|
|
eth_accounts: {
|
|
caveats: [
|
|
{
|
|
type: 'restrictReturnedAccounts',
|
|
value: [
|
|
'0x8e5d75d60224ea0c33d0041e75de68b1c3cb6dd5',
|
|
'0x7250739de134d33ec7ab1ee592711e15098c9d2d',
|
|
],
|
|
},
|
|
],
|
|
date: 1586359844177,
|
|
id: '3aa65a8b-3bcb-4944-941b-1baa5fe0ed8b',
|
|
invoker: 'https://remix.ethereum.org',
|
|
parentCapability: 'eth_accounts',
|
|
},
|
|
},
|
|
},
|
|
'peepeth.com': {
|
|
permissions: {
|
|
eth_accounts: {
|
|
caveats: [
|
|
{
|
|
type: 'restrictReturnedAccounts',
|
|
value: ['0x8e5d75d60224ea0c33d0041e75de68b1c3cb6dd5'],
|
|
},
|
|
],
|
|
date: 1585676177970,
|
|
id: '840d72a0-925f-449f-830a-1aa1dd5ce151',
|
|
invoker: 'peepeth.com',
|
|
parentCapability: 'eth_accounts',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
identities: {
|
|
'0x7250739de134d33ec7ab1ee592711e15098c9d2d': {
|
|
address: '0x7250739de134d33ec7ab1ee592711e15098c9d2d',
|
|
name: 'Really Long Name That Should Be Truncated',
|
|
},
|
|
'0x8e5d75d60224ea0c33d0041e75de68b1c3cb6dd5': {
|
|
address: '0x8e5d75d60224ea0c33d0041e75de68b1c3cb6dd5',
|
|
lastSelected: 1586359844192,
|
|
name: 'Account 1',
|
|
},
|
|
},
|
|
keyrings: [
|
|
{
|
|
accounts: [
|
|
'0x8e5d75d60224ea0c33d0041e75de68b1c3cb6dd5',
|
|
'0x7250739de134d33ec7ab1ee592711e15098c9d2d',
|
|
],
|
|
},
|
|
],
|
|
permissionHistory: {
|
|
'https://remix.ethereum.org': {
|
|
eth_accounts: {
|
|
accounts: {
|
|
'0x7250739de134d33ec7ab1ee592711e15098c9d2d': 1586359844192,
|
|
'0x8e5d75d60224ea0c33d0041e75de68b1c3cb6dd5': 1586359844192,
|
|
},
|
|
lastApproved: 1586359844192,
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
const mockStore = configureStore();
|
|
const store = mockStore(mockState);
|
|
const { container } = renderWithProvider(<AppHeader />, store);
|
|
expect(container).toMatchSnapshot();
|
|
});
|
|
});
|