@wix/design-system/dist/esm/SocialPreview/test/SocialPreview.visual.js

@wix/design-system

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["onDone"];
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/esm/SocialPreview/test/SocialPreview.visual.jsx",
  _this = this;
import React from 'react';
import { visualize, story, snap } from 'storybook-snapper';
import SocialPreview from '../index';
import ImageViewer from '../../ImageViewer';
var defaultProps = {
  skin: 'social',
  size: 'large',
  title: 'Click me!',
  description: 'A description for the displayed item',
  previewUrl: 'www.site-name.com',
  media: /*#__PURE__*/React.createElement(ImageViewer, {
    width: "100%",
    height: "100%",
    imageUrl: "solid-yellow.jpg",
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 12,
      columnNumber: 10
    }
  })
};
var tests = [{
  it: 'basic',
  props: {}
}, {
  it: 'long texts',
  props: {
    title: 'Click me!'.repeat(27),
    description: 'a short description for a site'.repeat(8),
    previewUrl: 'www.site-name.com'.repeat(28)
  }
}, {
  it: 'twitter large',
  props: {
    skin: 'twitter',
    size: 'large'
  }
}, {
  it: 'twitter large long texts',
  props: {
    skin: 'twitter',
    size: 'large',
    title: 'Click me!'.repeat(27),
    description: 'a short description for a site'.repeat(20),
    previewUrl: 'www.site-name.com'.repeat(28)
  }
}, {
  it: 'twitter small',
  props: {
    skin: 'twitter',
    size: 'small',
    media: /*#__PURE__*/React.createElement(ImageViewer, {
      width: "90px",
      height: "90px",
      imageUrl: "solid-yellow.jpg",
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 51,
        columnNumber: 9
      }
    })
  }
}, {
  it: 'twitter small long texts',
  props: {
    skin: 'twitter',
    size: 'small',
    title: 'Click me!'.repeat(27),
    description: 'a short description for a site'.repeat(20),
    previewUrl: 'www.site-name.com'.repeat(28),
    media: /*#__PURE__*/React.createElement(ImageViewer, {
      width: "90px",
      height: "90px",
      imageUrl: "solid-yellow.jpg",
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 64,
        columnNumber: 9
      }
    })
  }
}];
var AsyncStoryWrapper = function AsyncStoryWrapper(_ref) {
  var onDone = _ref.onDone,
    rest = _objectWithoutProperties(_ref, _excluded);
  return /*#__PURE__*/React.createElement("div", {
    style: {
      width: '340px'
    },
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 71,
      columnNumber: 3
    }
  }, /*#__PURE__*/React.createElement(SocialPreview, _extends({
    onImageLoad: onDone
  }, rest, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 72,
      columnNumber: 5
    }
  })));
};
visualize('SocialPreview', function () {
  story('should render', function () {
    tests.forEach(function (_ref2) {
      var it = _ref2.it,
        props = _ref2.props;
      snap(it, function (done) {
        return /*#__PURE__*/React.createElement(AsyncStoryWrapper, _extends({}, defaultProps, props, {
          onDone: done,
          __self: _this,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 80,
            columnNumber: 9
          }
        }));
      });
    });
  });
});