wix-style-react/dist/es/stories/PageHeader/PageHeaderTestStories.js

wix-style-react

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

import { storySettings } from './storySettings';
import PageHeader from 'wix-style-react/PageHeader';
import { getTestStoryKind } from '../storiesHierarchy';
import Button from 'wix-style-react/Button';
import { RTLWrapper } from '../utils';

var PageHeaderContainer = function PageHeaderContainer(props) {
  return React.createElement(
    'div',
    { style: { width: '700px', border: '1px solid' } },
    React.createElement(
      RTLWrapper,
      null,
      props.children
    )
  );
};
PageHeaderContainer.propTypes = {
  children: PropTypes.any
};

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

storiesOf(kind, module).add('1. Long Title and Subtitle', function () {
  return React.createElement(
    PageHeaderContainer,
    null,
    React.createElement(PageHeader, {
      dataHook: dataHook,
      title: 'PageHeader title - very very long very very long very very long very very long very very long',
      subtitle: 'PageHeader subtitle - very very long very very long very very long very very long very very long very very long very very long',
      actionsBar: React.createElement(
        Button,
        null,
        'Action'
      ),
      showBackButton: true,
      onBackClicked: function onBackClicked() {
        return null;
      }
    })
  );
});