@wix/design-system
Version:
@wix/design-system
168 lines (167 loc) • 5.29 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _storybookSnapper = require("storybook-snapper");
var _CounterBadge = _interopRequireDefault(require("../CounterBadge"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/CounterBadge/test/CounterBadge.visual.jsx",
_this = void 0;
var skins = ['general', 'standard', 'neutralStandard', 'danger', 'warning', 'warningLight', 'urgent', 'success', 'light', 'neutralLight'];
var sizes = ['small', 'medium'];
var tests = [{
describe: 'skin',
its: skins.map(function (skin) {
return {
it: skin,
props: {
skin: skin
}
};
})
}, {
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
}
}]
}];
(0, _storybookSnapper.visualize)(_CounterBadge["default"].displayName, function () {
tests.forEach(function (_ref) {
var describe = _ref.describe,
its = _ref.its;
(0, _storybookSnapper.story)(describe, function () {
its.map(function (_ref2) {
var it = _ref2.it,
props = _ref2.props;
return (0, _storybookSnapper.snap)(it, function () {
return /*#__PURE__*/_react["default"].createElement("div", {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 64,
columnNumber: 11
}
}, /*#__PURE__*/_react["default"].createElement("div", {
style: {
display: 'flex',
width: '600px',
justifyContent: 'space-around'
},
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 65,
columnNumber: 13
}
}, /*#__PURE__*/_react["default"].createElement(_CounterBadge["default"], (0, _extends2["default"])({
children: "8"
}, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 72,
columnNumber: 15
}
})), /*#__PURE__*/_react["default"].createElement(_CounterBadge["default"], (0, _extends2["default"])({
children: "32"
}, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 73,
columnNumber: 15
}
})), /*#__PURE__*/_react["default"].createElement(_CounterBadge["default"], (0, _extends2["default"])({
children: "128"
}, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 74,
columnNumber: 15
}
})), /*#__PURE__*/_react["default"].createElement(_CounterBadge["default"], (0, _extends2["default"])({
children: "512"
}, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 75,
columnNumber: 15
}
})), /*#__PURE__*/_react["default"].createElement(_CounterBadge["default"], (0, _extends2["default"])({
children: "2048"
}, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 76,
columnNumber: 15
}
})), /*#__PURE__*/_react["default"].createElement(_CounterBadge["default"], (0, _extends2["default"])({
children: "8192"
}, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 77,
columnNumber: 15
}
})), /*#__PURE__*/_react["default"].createElement(_CounterBadge["default"], (0, _extends2["default"])({
children: "32768"
}, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 78,
columnNumber: 15
}
})), /*#__PURE__*/_react["default"].createElement(_CounterBadge["default"], (0, _extends2["default"])({
children: "131072"
}, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 79,
columnNumber: 15
}
})), /*#__PURE__*/_react["default"].createElement(_CounterBadge["default"], (0, _extends2["default"])({
children: "524288"
}, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 80,
columnNumber: 15
}
}))));
});
});
});
});
});