mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-12 04:37:13 +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
64 lines
1.5 KiB
JavaScript
64 lines
1.5 KiB
JavaScript
import React from 'react';
|
|
import { Provider } from 'react-redux';
|
|
import configureStore from '../../../store/store';
|
|
import testData from '../../../../.storybook/test-data';
|
|
import {
|
|
EDIT_GAS_MODES,
|
|
GAS_RECOMMENDATIONS,
|
|
} from '../../../../shared/constants/gas';
|
|
|
|
import { decGWEIToHexWEI } from '../../../../shared/modules/conversion.utils';
|
|
import EditGasPopover from '.';
|
|
|
|
const store = configureStore(testData);
|
|
|
|
export default {
|
|
title: 'Components/App/EditGasPopover',
|
|
decorators: [(story) => <Provider store={store}>{story()}</Provider>],
|
|
|
|
argTypes: {
|
|
editGasDisplayProps: {
|
|
control: 'object',
|
|
},
|
|
transaction: {
|
|
control: 'object',
|
|
},
|
|
defaultEstimateToUse: { control: 'text' },
|
|
mode: { control: 'text' },
|
|
confirmButtonText: { control: 'text' },
|
|
minimumGasLimit: { control: 'text' },
|
|
onClose: { action: 'Close Edit Gas Popover' },
|
|
},
|
|
};
|
|
|
|
const transaction = {
|
|
userFeeLevel: GAS_RECOMMENDATIONS.MEDIUM,
|
|
txParams: {
|
|
maxFeePerGas: decGWEIToHexWEI('10000'),
|
|
maxPriorityFeePerGas: '0x5600',
|
|
gas: `0x5600`,
|
|
gasPrice: '0x5600',
|
|
},
|
|
};
|
|
const defaultEstimateToUse = GAS_RECOMMENDATIONS.HIGH;
|
|
const mode = EDIT_GAS_MODES.SWAPS;
|
|
const confirmButtonText = 'Submit';
|
|
const minimumGasLimit = '5700';
|
|
|
|
export const DefaultStory = (args) => {
|
|
return (
|
|
<div style={{ width: '600px' }}>
|
|
<EditGasPopover {...args} />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
DefaultStory.storyName = 'Default';
|
|
DefaultStory.args = {
|
|
transaction,
|
|
defaultEstimateToUse,
|
|
mode,
|
|
confirmButtonText,
|
|
minimumGasLimit,
|
|
};
|