mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-29 07:16:36 +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
121 lines
2.3 KiB
JavaScript
121 lines
2.3 KiB
JavaScript
import React from 'react';
|
|
|
|
import { Provider } from 'react-redux';
|
|
import { action } from '@storybook/addon-actions';
|
|
import { DEFAULT_ROUTE } from '../../helpers/constants/routes';
|
|
import configureStore from '../../store/store';
|
|
import testData from '../../../.storybook/test-data';
|
|
import ImportToken from './import-token.component';
|
|
import README from './README.mdx';
|
|
|
|
const store = configureStore(testData);
|
|
const { metamask } = store.getState();
|
|
|
|
const {
|
|
frequentRpcListDetail,
|
|
identities,
|
|
pendingTokens,
|
|
selectedAddress,
|
|
tokenList,
|
|
tokens,
|
|
} = metamask;
|
|
|
|
export default {
|
|
title: 'Pages/ImportToken',
|
|
|
|
decorators: [(story) => <Provider store={store}>{story()}</Provider>],
|
|
component: ImportToken,
|
|
parameters: {
|
|
docs: {
|
|
page: README,
|
|
},
|
|
},
|
|
argTypes: {
|
|
history: {
|
|
control: {
|
|
type: 'object',
|
|
},
|
|
},
|
|
setPendingTokens: {
|
|
action: 'setPendingTokens',
|
|
},
|
|
pendingTokens: {
|
|
control: {
|
|
type: 'object',
|
|
},
|
|
},
|
|
clearPendingTokens: {
|
|
action: 'clearPendingTokens',
|
|
},
|
|
tokens: {
|
|
control: {
|
|
type: 'object',
|
|
},
|
|
},
|
|
identities: {
|
|
control: {
|
|
type: 'object',
|
|
},
|
|
},
|
|
showSearchTab: {
|
|
control: {
|
|
type: 'boolean',
|
|
},
|
|
},
|
|
mostRecentOverviewPage: {
|
|
control: {
|
|
type: 'text',
|
|
},
|
|
},
|
|
chainId: {
|
|
control: {
|
|
type: 'text',
|
|
},
|
|
},
|
|
rpcPrefs: {
|
|
control: {
|
|
type: 'object',
|
|
},
|
|
},
|
|
tokenList: {
|
|
control: {
|
|
type: 'object',
|
|
},
|
|
},
|
|
useTokenDetection: {
|
|
control: {
|
|
type: 'boolean',
|
|
},
|
|
},
|
|
getTokenStandardAndDetails: {
|
|
action: 'getTokenStandardAndDetails',
|
|
},
|
|
selectedAddress: {
|
|
control: {
|
|
type: 'text',
|
|
},
|
|
},
|
|
},
|
|
args: {
|
|
history: {
|
|
push: action('history.push()'),
|
|
},
|
|
pendingTokens,
|
|
tokens,
|
|
identities,
|
|
showSearchTab: true,
|
|
mostRecentOverviewPage: DEFAULT_ROUTE,
|
|
chainId: frequentRpcListDetail[0].chainId,
|
|
rpcPrefs: frequentRpcListDetail[0].rpcPrefs,
|
|
tokenList,
|
|
useTokenDetection: false,
|
|
selectedAddress,
|
|
},
|
|
};
|
|
|
|
export const DefaultStory = (args) => {
|
|
return <ImportToken {...args} />;
|
|
};
|
|
|
|
DefaultStory.storyName = 'Default';
|