mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
fcfb8a8938
* added redesign storybook * updated token list * updated css * fixed lint error * updated the new token list component * fixed redesign folder error * reverted changes in settings.json * updated redesign to multichain * added feature flag * reverted settings.json * added detect token banner * added button componeny * fixed lint errors * removed settings * fixed lint errors * added stories for multichain * updated no token found string * updated lint error * updated padding values * updated padding values * updated tabs with role button * updated hover state * updated components with multichain * fixed lint errors * updated multichain import token link * updated a tag * updated fixes * updated onClick to handleClick * updated setShowDetectedTokens proptype * updated multichain tokenlist with item suffix * updated tests * updated tests * updated token list css * updated snapshot * updated text * reverted story * added story for multichain token list * updated story * updated tooltip * updated the new token list component * fixed redesign folder error * added feature flag * reverted unused setting change * removed token list * fixed lint error * updated status * updated tooltip * updated token-list-item changes * updated actionbutton click for detect token banner * updated snapshot * updated symbol * updated styles * updated eth decimal and token url * updated snapshot * updated scripts * updated snapshots
58 lines
1.6 KiB
JavaScript
58 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import configureMockStore from 'redux-mock-store';
|
|
|
|
import { fireEvent } from '@testing-library/react';
|
|
import { renderWithProvider } from '../../../../test/lib/render-helpers';
|
|
import { MultichainTokenListItem } from './multichain-token-list-item';
|
|
|
|
const state = {
|
|
metamask: {
|
|
provider: {
|
|
ticker: 'ETH',
|
|
nickname: '',
|
|
chainId: '0x1',
|
|
type: 'mainnet',
|
|
},
|
|
useTokenDetection: false,
|
|
nativeCurrency: 'ETH',
|
|
},
|
|
};
|
|
|
|
describe('MultichainTokenListItem', () => {
|
|
const props = {
|
|
onClick: jest.fn(),
|
|
};
|
|
it('should render correctly', () => {
|
|
const store = configureMockStore()(state);
|
|
const { getByTestId, container } = renderWithProvider(
|
|
<MultichainTokenListItem />,
|
|
store,
|
|
);
|
|
expect(getByTestId('multichain-token-list-item')).toBeDefined();
|
|
expect(container).toMatchSnapshot();
|
|
});
|
|
|
|
it('should render with custom className', () => {
|
|
const store = configureMockStore()(state);
|
|
const { getByTestId } = renderWithProvider(
|
|
<MultichainTokenListItem className="multichain-token-list-item-test" />,
|
|
store,
|
|
);
|
|
expect(getByTestId('multichain-token-list-item')).toHaveClass(
|
|
'multichain-token-list-item-test',
|
|
);
|
|
});
|
|
|
|
it('handles click action and fires onClick', () => {
|
|
const store = configureMockStore()(state);
|
|
const { queryByTestId } = renderWithProvider(
|
|
<MultichainTokenListItem {...props} />,
|
|
store,
|
|
);
|
|
|
|
fireEvent.click(queryByTestId('multichain-token-list-button'));
|
|
|
|
expect(props.onClick).toHaveBeenCalled();
|
|
});
|
|
});
|