mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-26 12:29:06 +01:00
c5368c152b
* added storybook test runner * added test runner in ci * updated test for ci and fixed lint error * updated lavamoat policy * updated test command * updated playwright * changed command to storybook;ci * updated command * updated instance for test-storybook * updated playwright * added playwright step * replaced concurrently with start-server-and-test * updated the static storybook directory * replaced first with last * updated lock file * replaced first with last * updated test-storybook with maxworkers * updated .depchechrc * updated yml * removed id from banner base * replaced broken stories with .stories-to-do.js extesnsion * updated token allowance story * removed duplicacies from yarn * fixed lavamoat * removed filename comment * updated links for docs * fixed file extension for stories * updated path for stories.json * updated stories.json path * yarn updated * updated stories * updated yarn * updated wait on
72 lines
2.0 KiB
JavaScript
72 lines
2.0 KiB
JavaScript
import React from 'react';
|
|
import { Provider } from 'react-redux';
|
|
|
|
import testData from '../../../../../.storybook/test-data';
|
|
import configureStore from '../../../../store/store';
|
|
import DetectedTokenSelectionPopover from './detected-token-selection-popover';
|
|
|
|
const store = configureStore(testData);
|
|
|
|
export default {
|
|
title: 'Components/App/DetectedToken/DetectedTokenSelectionPopover',
|
|
decorators: [(story) => <Provider store={store}>{story()}</Provider>],
|
|
|
|
argTypes: {
|
|
selectedTokens: { control: 'array' },
|
|
handleTokenSelection: { control: 'func' },
|
|
onImport: { control: 'func' },
|
|
onIgnoreAll: { control: 'func' },
|
|
sortingBasedOnTokenSelection: { control: 'func' },
|
|
},
|
|
args: {
|
|
tokensListDetected: {
|
|
'0xc011a73ee8576fb46f5e1c5751ca3b9fe0af2a6f': {
|
|
token: {
|
|
name: 'Synthetix Network',
|
|
address: '0xc011a73ee8576fb46f5e1c5751ca3b9fe0af2a6f',
|
|
symbol: 'SNX',
|
|
decimals: 18,
|
|
iconUrl:
|
|
'https://assets.coingecko.com/coins/images/3406/large/SNX.png',
|
|
aggregators: [
|
|
'aave',
|
|
'bancor',
|
|
'cmc',
|
|
'cryptocom',
|
|
'coinGecko',
|
|
'oneInch',
|
|
'paraswap',
|
|
'pmm',
|
|
'synthetix',
|
|
'zapper',
|
|
'zerion',
|
|
'zeroEx',
|
|
],
|
|
},
|
|
selected: true,
|
|
},
|
|
'0x514910771af9ca656af840dff83e8264ecf986ca': {
|
|
token: {
|
|
name: 'ChainLink Token',
|
|
address: '0x514910771af9ca656af840dff83e8264ecf986ca',
|
|
symbol: 'LINK',
|
|
decimals: 18,
|
|
iconUrl:
|
|
'https://crypto.com/price/coin-data/icon/LINK/color_icon.png',
|
|
aggregators: ['coinGecko', 'oneInch', 'paraswap', 'zapper', 'zerion'],
|
|
},
|
|
selected: true,
|
|
},
|
|
},
|
|
sortingBasedOnTokenSelection: () => [],
|
|
},
|
|
};
|
|
|
|
const Template = (args) => {
|
|
return <DetectedTokenSelectionPopover {...args} />;
|
|
};
|
|
|
|
export const DefaultStory = Template.bind({});
|
|
|
|
DefaultStory.storyName = 'Default';
|