wix-style-react/src/MessageBox/test/MessageBox.visual.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';

const alertStories = {
  EmptyState: require('../docs/AlertExamples/EmptyState').default,
  Standard: require('../docs/AlertExamples/Standard').default,
  Secondary: require('../docs/AlertExamples/Secondary').default,
  ImageWithSideAction: require('../docs/AlertExamples/ImageWithSideAction')
    .default,
  Scrollable: require('../docs/AlertExamples/Scrollable').default,
  Image: require('../docs/AlertExamples/Image').default,
  FootNote: require('../docs/AlertExamples/FootNote').default,
  Actions: require('../docs/AlertExamples/Actions').default,
};

const destructiveStories = {
  Standard: require('../docs/DestructiveAlertExamples/Standard').default,
  Secondary: require('../docs/DestructiveAlertExamples/Secondary').default,
};

const announcementStories = {
  Standard: require('../docs/AnnouncementExamples/Standard').default,
  Footnote: require('../docs/AnnouncementExamples/Footnote').default,
  DisabledAction: require('../docs/AnnouncementExamples/DisabledAction')
    .default,
  PremiumAction: require('../docs/AnnouncementExamples/PremiumAction').default,
  WithoutHeader: require('../docs/AnnouncementExamples/WithoutHeader').default,
  // Disables due to an animated gif in the test - which causes a flaky screenshot
  // Celebratory: require('../docs/AnnouncementExamples/Celebratory').default,
};

const premiumStories = {
  Standard: require('../docs/PremiumExample/Standard').default,
};

Object.entries(alertStories).forEach(([name, story]) =>
  storiesOf(`MessageBox/Alert`, module).add(name, () =>
    React.createElement(story),
  ),
);

storiesOf(`MessageBox/AlertRTL`, module).add('Actions', () => (
  <div dir="rtl">{React.createElement(alertStories.Actions)}</div>
));

Object.entries(destructiveStories).forEach(([name, story]) =>
  storiesOf(`MessageBox/Destructive`, module).add(name, () =>
    React.createElement(story),
  ),
);

Object.entries(announcementStories).forEach(([name, story]) =>
  storiesOf(`MessageBox/Announcement`, module).add(name, () =>
    React.createElement(story),
  ),
);

Object.entries(announcementStories).forEach(([name, story]) =>
  storiesOf(`MessageBox/AnnouncementRTL`, module).add(name, () => (
    <div dir="rtl">{React.createElement(story)}</div>
  )),
);

Object.entries(premiumStories).forEach(([name, story]) =>
  storiesOf(`MessageBox/Premium`, module).add(name, () =>
    React.createElement(story),
  ),
);