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

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _storybookSnapper = require("storybook-snapper");
var _index = _interopRequireDefault(require("../index"));
var _ImageViewer = _interopRequireDefault(require("../../ImageViewer"));
var _excluded = ["onDone"];
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/SocialPreview/test/SocialPreview.visual.jsx",
  _this = void 0;
var defaultProps = {
  skin: 'social',
  size: 'large',
  title: 'Click me!',
  description: 'A description for the displayed item',
  previewUrl: 'www.site-name.com',
  media: /*#__PURE__*/_react["default"].createElement(_ImageViewer["default"], {
    width: "100%",
    height: "100%",
    imageUrl: "solid-yellow.jpg",
    __self: void 0,
    __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["default"].createElement(_ImageViewer["default"], {
      width: "90px",
      height: "90px",
      imageUrl: "solid-yellow.jpg",
      __self: void 0,
      __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["default"].createElement(_ImageViewer["default"], {
      width: "90px",
      height: "90px",
      imageUrl: "solid-yellow.jpg",
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 64,
        columnNumber: 9
      }
    })
  }
}];
var AsyncStoryWrapper = function AsyncStoryWrapper(_ref) {
  var onDone = _ref.onDone,
    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  return /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      width: '340px'
    },
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 71,
      columnNumber: 3
    }
  }, /*#__PURE__*/_react["default"].createElement(_index["default"], (0, _extends2["default"])({
    onImageLoad: onDone
  }, rest, {
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 72,
      columnNumber: 5
    }
  })));
};
(0, _storybookSnapper.visualize)('SocialPreview', function () {
  (0, _storybookSnapper.story)('should render', function () {
    tests.forEach(function (_ref2) {
      var it = _ref2.it,
        props = _ref2.props;
      (0, _storybookSnapper.snap)(it, function (done) {
        return /*#__PURE__*/_react["default"].createElement(AsyncStoryWrapper, (0, _extends2["default"])({}, defaultProps, props, {
          onDone: done,
          __self: _this,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 80,
            columnNumber: 9
          }
        }));
      });
    });
  });
});