wix-style-react/dist/es/stories/Page/PageTestStories.js

wix-style-react

import React from 'react';
import * as PropTypes from 'prop-types';
import { storiesOf } from '@storybook/react';

import Page from 'wix-style-react/Page';
import { getTestStoryKind } from '../storiesHierarchy';

import Breadcrumbs from './Breadcrumbs';
import * as s from './PageExample.scss';
import { header, fixedContent, content } from './PageChildren';
import { storySettings } from './storySettings';

var PageContainer = function PageContainer(props) {
  return React.createElement(
    'div',
    { className: s.pageContainer },
    props.children
  );
};
PageContainer.propTypes = {
  children: PropTypes.any
};

var kind = getTestStoryKind(storySettings);
var dataHook = 'story-page';

storiesOf(kind, module).add('1. Image', function () {
  return React.createElement(
    PageContainer,
    null,
    React.createElement(Page, {
      dataHook: dataHook,
      children: [header(Breadcrumbs), content(false)],
      backgroundImageUrl: 'https://static.wixstatic.com/media/f0548921c53940ec803dfb1c203e96fe.jpg/v1/fill/w_400,h_100/f0548921c53940ec803dfb1c203e96fe.jpg'
    })
  );
});

storiesOf(kind, module).add('2. Gradient', function () {
  return React.createElement(
    PageContainer,
    null,
    React.createElement(Page, {
      dataHook: dataHook,
      children: [header(Breadcrumbs), content(false)],
      gradientClassName: 'background-gradient'
    })
  );
});

storiesOf(kind, module).add('3. FC-Image', function () {
  return React.createElement(
    PageContainer,
    null,
    React.createElement(Page, {
      dataHook: dataHook,
      children: [header(Breadcrumbs), fixedContent, content(false)],
      backgroundImageUrl: 'https://static.wixstatic.com/media/f0548921c53940ec803dfb1c203e96fe.jpg/v1/fill/w_400,h_100/f0548921c53940ec803dfb1c203e96fe.jpg'
    })
  );
});

storiesOf(kind, module).add('4. FC-Gradient', function () {
  return React.createElement(
    PageContainer,
    null,
    React.createElement(Page, {
      dataHook: dataHook,
      children: [header(Breadcrumbs), fixedContent, content(false)],
      gradientClassName: 'background-gradient'
    })
  );
});