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

@wix/design-system

import _extends from "@babel/runtime/helpers/extends";
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/esm/CounterBadge/test/CounterBadge.visual.jsx",
  _this = this;
import React from 'react';
import { snap, story, visualize } from 'storybook-snapper';
import CounterBadge from '../CounterBadge';
var skins = ['general', 'standard', 'neutralStandard', 'danger', 'warning', 'warningLight', 'urgent', 'success', 'light', 'neutralLight'];
var sizes = ['small', 'medium', 'tiny'];
var types = ['solid', 'outlined'];
var tests = [{
  describe: 'skin',
  its: skins.map(function (skin) {
    return {
      it: skin,
      props: {
        skin: skin
      }
    };
  })
}, {
  describe: 'type',
  its: types.map(function (type) {
    return {
      it: type,
      props: {
        type: type
      }
    };
  })
}, {
  describe: 'outlined skins',
  its: skins.map(function (skin) {
    return {
      it: skin,
      props: {
        skin: skin,
        type: 'outlined'
      }
    };
  })
}, {
  describe: 'size',
  its: sizes.map(function (size) {
    return {
      it: size,
      props: {
        size: size
      }
    };
  })
}, {
  describe: 'showShadow',
  its: [{
    it: 'showShadow',
    props: {
      showShadow: true
    }
  }]
}, {
  describe: 'long number',
  its: [{
    it: 'truncated',
    props: {
      truncate: true
    }
  }, {
    it: 'not truncated',
    props: {
      truncate: false
    }
  }]
}];
visualize(CounterBadge.displayName, function () {
  tests.forEach(function (_ref) {
    var describe = _ref.describe,
      its = _ref.its;
    story(describe, function () {
      its.map(function (_ref2) {
        var it = _ref2.it,
          props = _ref2.props;
        return snap(it, function () {
          return /*#__PURE__*/React.createElement("div", {
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 74,
              columnNumber: 11
            }
          }, /*#__PURE__*/React.createElement("div", {
            style: {
              display: 'flex',
              width: '600px',
              justifyContent: 'space-around'
            },
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 75,
              columnNumber: 13
            }
          }, /*#__PURE__*/React.createElement(CounterBadge, _extends({
            children: "8"
          }, props, {
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 82,
              columnNumber: 15
            }
          })), /*#__PURE__*/React.createElement(CounterBadge, _extends({
            children: "32"
          }, props, {
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 83,
              columnNumber: 15
            }
          })), /*#__PURE__*/React.createElement(CounterBadge, _extends({
            children: "128"
          }, props, {
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 84,
              columnNumber: 15
            }
          })), /*#__PURE__*/React.createElement(CounterBadge, _extends({
            children: "512"
          }, props, {
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 85,
              columnNumber: 15
            }
          })), /*#__PURE__*/React.createElement(CounterBadge, _extends({
            children: "2048"
          }, props, {
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 86,
              columnNumber: 15
            }
          })), /*#__PURE__*/React.createElement(CounterBadge, _extends({
            children: "8192"
          }, props, {
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 87,
              columnNumber: 15
            }
          })), /*#__PURE__*/React.createElement(CounterBadge, _extends({
            children: "32768"
          }, props, {
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 88,
              columnNumber: 15
            }
          })), /*#__PURE__*/React.createElement(CounterBadge, _extends({
            children: "131072"
          }, props, {
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 89,
              columnNumber: 15
            }
          })), /*#__PURE__*/React.createElement(CounterBadge, _extends({
            children: "524288"
          }, props, {
            __self: _this,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 90,
              columnNumber: 15
            }
          }))));
        });
      });
    });
  });
});