mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-12 20:57:12 +01:00
101 lines
3.2 KiB
JavaScript
101 lines
3.2 KiB
JavaScript
import React from 'react';
|
|
import configureMockStore from 'redux-mock-store';
|
|
import { fireEvent, screen } from '@testing-library/react';
|
|
import { renderWithProvider } from '../../../../../test/jest/rendering';
|
|
import { defaultNetworksData } from '../networks-tab.constants';
|
|
import NetworksTabContent from '.';
|
|
|
|
const mockState = {
|
|
metamask: {
|
|
provider: {
|
|
chainId: '0x539',
|
|
nickname: '',
|
|
rpcPrefs: {},
|
|
rpcUrl: 'http://localhost:8545',
|
|
ticker: 'ETH',
|
|
type: 'localhost',
|
|
},
|
|
},
|
|
};
|
|
|
|
const renderComponent = (props) => {
|
|
const store = configureMockStore([])(mockState);
|
|
return renderWithProvider(<NetworksTabContent {...props} />, store);
|
|
};
|
|
|
|
const defaultNetworks = defaultNetworksData.map((network) => ({
|
|
...network,
|
|
viewOnly: true,
|
|
isATestNetwork: true,
|
|
}));
|
|
|
|
const props = {
|
|
networkDefaultedToProvider: false,
|
|
networkIsSelected: true,
|
|
networksToRender: defaultNetworks,
|
|
selectedNetwork: {
|
|
rpcUrl: 'http://localhost:8545',
|
|
chainId: '1337',
|
|
ticker: 'ETH',
|
|
label: 'LocalHost',
|
|
blockExplorerUrl: '',
|
|
viewOnly: false,
|
|
rpcPrefs: {},
|
|
isATestNetwork: true,
|
|
},
|
|
shouldRenderNetworkForm: true,
|
|
};
|
|
|
|
describe('NetworksTabContent Component', () => {
|
|
it('should render networks tab content correctly', async () => {
|
|
const { queryByText, getByDisplayValue, getAllByText } =
|
|
renderComponent(props);
|
|
|
|
expect(queryByText('Ethereum Mainnet')).toBeInTheDocument();
|
|
expect(queryByText('Ropsten test network')).toBeInTheDocument();
|
|
expect(queryByText('Rinkeby test network')).toBeInTheDocument();
|
|
expect(queryByText('Goerli test network')).toBeInTheDocument();
|
|
expect(queryByText('Kovan test network')).toBeInTheDocument();
|
|
|
|
expect(queryByText('Network name')).toBeInTheDocument();
|
|
expect(queryByText('New RPC URL')).toBeInTheDocument();
|
|
expect(queryByText('Chain ID')).toBeInTheDocument();
|
|
expect(queryByText('Currency symbol')).toBeInTheDocument();
|
|
expect(queryByText('Block explorer URL')).toBeInTheDocument();
|
|
expect(queryByText('Cancel')).toBeInTheDocument();
|
|
expect(queryByText('Save')).toBeInTheDocument();
|
|
|
|
expect(getByDisplayValue(props.selectedNetwork.label)).toBeInTheDocument();
|
|
expect(getByDisplayValue(props.selectedNetwork.rpcUrl)).toBeInTheDocument();
|
|
expect(
|
|
getByDisplayValue(props.selectedNetwork.chainId),
|
|
).toBeInTheDocument();
|
|
expect(getByDisplayValue(props.selectedNetwork.ticker)).toBeInTheDocument();
|
|
expect(getAllByText(props.selectedNetwork.blockExplorerUrl)).toBeDefined();
|
|
|
|
fireEvent.change(getByDisplayValue(props.selectedNetwork.label), {
|
|
target: { value: 'LocalHost 8545' },
|
|
});
|
|
expect(await getByDisplayValue('LocalHost 8545')).toBeInTheDocument();
|
|
|
|
fireEvent.change(getByDisplayValue(props.selectedNetwork.rpcUrl), {
|
|
target: { value: 'test' },
|
|
});
|
|
expect(
|
|
await screen.findByText(
|
|
'URLs require the appropriate HTTP/HTTPS prefix.',
|
|
),
|
|
).toBeInTheDocument();
|
|
|
|
fireEvent.change(getByDisplayValue(props.selectedNetwork.chainId), {
|
|
target: { value: '1' },
|
|
});
|
|
|
|
expect(
|
|
await screen.findByText(
|
|
'Could not fetch chain ID. Is your RPC URL correct?',
|
|
),
|
|
).toBeInTheDocument();
|
|
});
|
|
});
|