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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _react3 = require('@storybook/react');

var _storiesHierarchy = require('../storiesHierarchy');

var _storySettings = require('./storySettings');

var _LiveCodeExample = require('../utils/Components/LiveCodeExample');

var _LiveCodeExample2 = _interopRequireDefault(_LiveCodeExample);

var _ExampleEventItem = require('!raw-loader!./examples/ExampleEventItem');

var _ExampleEventItem2 = _interopRequireDefault(_ExampleEventItem);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

var kind = (0, _storiesHierarchy.getTestStoryKind)(_storySettings.storySettings);
var dataHook = _storySettings.storySettings.dataHook + '-test';

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

(0, _react3.storiesOf)(kind, module).add(_storySettings.testStories.multipleBoxes, function () {
  return _react2.default.createElement(
    TestContainer,
    null,
    _react2.default.createElement(_LiveCodeExample2.default, { compact: true, initialCode: _ExampleEventItem2.default })
  );
});