1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/home-notification/home-notification.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

88 lines
2.1 KiB
JavaScript

import React from 'react';
import HomeNotification from './home-notification.component';
export default {
title: 'Components/App/HomeNotification',
component: HomeNotification,
argTypes: {
acceptText: {
control: 'text',
},
checkboxText: {
control: 'text',
},
checkboxTooltipText: {
control: 'text',
},
classNames: {
control: 'object',
},
descriptionText: {
control: 'text',
},
ignoreText: {
control: 'text',
},
infoText: {
control: 'text',
},
onAccept: {
action: 'onAccept',
},
onIgnore: {
action: 'onIgnore',
},
},
};
const Template = (args) => <HomeNotification {...args} />;
export const DefaultStory = Template.bind({});
DefaultStory.storyName = 'Default';
DefaultStory.args = {
acceptText: 'Accept text',
descriptionText: 'Description text',
ignoreText: 'Ignore text',
infoText: 'Info text',
};
export const WithIgnoreCheckbox = Template.bind({});
WithIgnoreCheckbox.storyName = 'WithIgnoreCheckbox';
WithIgnoreCheckbox.args = {
...DefaultStory.args,
checkboxText: "Don't show this again",
checkboxTooltipText:
'The value of this checkbox is passed to the `onIgnore` function when the ignore button is pressed',
descriptionText: 'Description text',
};
export const OnlyDescription = Template.bind({});
OnlyDescription.storyName = 'OnlyDescription';
OnlyDescription.args = {
descriptionText: 'Non-Interactive notification.',
};
export const DescriptionAndInfo = Template.bind({});
DescriptionAndInfo.storyName = 'DescriptionAndInfo';
DescriptionAndInfo.args = {
descriptionText: 'Non-Interactive notification.',
infoText: 'Info text',
};
export const OnlyAccept = Template.bind({});
OnlyAccept.storyName = 'OnlyAccept';
OnlyAccept.args = {
acceptText: 'Mandatory Action',
descriptionText:
"The 'Accept' action for this notification is strongly recommended, so there is no option to dismiss",
};
export const OnlyIgnore = Template.bind({});
OnlyIgnore.storyName = 'OnlyIgnore';
OnlyIgnore.args = {
descriptionText: 'This is a dismissable notification.',
ignoreText: 'Dismiss',
};