wix-style-react/dist/es/stories/Box/testStory.js

wix-style-react

/* eslint-disable react/prop-types */

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

import { getTestStoryKind } from '../storiesHierarchy';
import { storySettings, testStories } from './storySettings';
import LiveCodeExample from '../utils/Components/LiveCodeExample';
import ExampleEventItem from '!raw-loader!./examples/ExampleEventItem';

var kind = getTestStoryKind(storySettings);
var dataHook = storySettings.dataHook + '-test';

var TestContainer = function TestContainer(_ref) {
  var children = _ref.children;
  return React.createElement(
    'div',
    {
      'data-hook': dataHook,
      style: {
        position: 'absolute',
        top: 0,
        left: 0,
        width: '100%',
        height: '100%',
        backgroundColor: '#f0f4f7'
      }
    },
    children
  );
};

storiesOf(kind, module).add(testStories.multipleBoxes, function () {
  return React.createElement(
    TestContainer,
    null,
    React.createElement(LiveCodeExample, { compact: true, initialCode: ExampleEventItem })
  );
});