1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 11:22:43 +02:00
metamask-extension/ui/pages/settings/contact-list-tab/contact-list-tab.stories.js
Nidhi Kumari c5368c152b
Added storybook check to CI (#17092)
* 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
2023-01-21 00:57:46 +05:30

40 lines
1012 B
JavaScript

import React from 'react';
import { Provider } from 'react-redux';
import configureStore from '../../../store/store';
import testData from '../../../../.storybook/test-data';
import ContactListTab from './contact-list-tab.component';
// Using Test Data For Redux
const store = configureStore(testData);
export default {
title: 'Pages/Settings/ContactListTab',
decorators: [(story) => <Provider store={store}>{story()}</Provider>],
argsTypes: {
addressBook: { control: 'object' },
hideAddressBook: { control: 'boolean' },
selectedAddress: { control: 'select' },
history: { action: 'history' },
},
};
const { metamask } = store.getState();
const { addresses } = metamask;
export const DefaultStory = (args) => {
return (
<div style={{ width: 300 }}>
<ContactListTab {...args} />
</div>
);
};
DefaultStory.storyName = 'Default';
DefaultStory.args = {
addressBook: addresses,
hideAddressBook: false,
selectedAddress: addresses.map(({ address }) => address),
};