@wix/design-system
Version:
@wix/design-system
248 lines • 6.83 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/esm/TestimonialList/test/TestimonialList.visual.jsx",
_this = this;
import React from 'react';
import { storiesOf } from '@wix/wix-storybook-utils/dynamic-stories';
import TestimonialList from '../TestimonialList';
import WixDesignSystemProvider from '../../WixDesignSystemProvider';
import { RTLWrapper } from '../../../stories/utils/RTLWrapper';
import Avatar from '../../Avatar';
var commonProps = {
testimonials: [{
avatar: /*#__PURE__*/React.createElement(Avatar, {
name: "Guy in glasses",
size: "size60",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 11,
columnNumber: 15
}
}),
text: 'I love it! This product is exactly what I needed.',
authorName: 'Guy in glasses'
}, {
avatar: /*#__PURE__*/React.createElement(Avatar, {
name: "Person with a hat",
size: "size60",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 16,
columnNumber: 15
}
}),
text: 'Amazing! It helped me to solve my problems.',
authorName: 'Person with a hat'
}, {
avatar: /*#__PURE__*/React.createElement(Avatar, {
name: "Smiling lady",
size: "size60",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 21,
columnNumber: 15
}
}),
text: 'A perfect tool for my every day tasks.',
authorName: 'Smiling lady'
}]
};
var tests = [{
describe: 'sanity',
its: [{
it: 'default',
props: {}
}, {
it: 'no avatar',
props: {
testimonials: [{
text: 'I love it! This product is exactly what I needed.',
authorName: 'Guy in glasses'
}, {
text: 'Amazing! It helped me to solve my problems.',
authorName: 'Person with a hat'
}, {
text: 'A perfect tool for my every day tasks.',
authorName: 'Smiling lady'
}]
}
}, {
it: 'no text',
props: {
testimonials: [{
avatar: /*#__PURE__*/React.createElement(Avatar, {
name: "Guy in glasses",
size: "size60",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 60,
columnNumber: 23
}
}),
authorName: 'Guy in glasses'
}, {
avatar: /*#__PURE__*/React.createElement(Avatar, {
name: "Person with a hat",
size: "size60",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 64,
columnNumber: 23
}
}),
authorName: 'Person with a hat'
}, {
avatar: /*#__PURE__*/React.createElement(Avatar, {
name: "Smiling lady",
size: "size60",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 68,
columnNumber: 23
}
}),
authorName: 'Smiling lady'
}]
}
}, {
it: 'no authorName',
props: {
testimonials: [{
avatar: /*#__PURE__*/React.createElement(Avatar, {
name: "Guy in glasses",
size: "size60",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 79,
columnNumber: 23
}
}),
text: 'I love it! This product is exactly what I needed.'
}, {
avatar: /*#__PURE__*/React.createElement(Avatar, {
name: "Person with a hat",
size: "size60",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 83,
columnNumber: 23
}
}),
text: 'Amazing! It helped me to solve my problems.'
}, {
avatar: /*#__PURE__*/React.createElement(Avatar, {
name: "Smiling lady",
size: "size60",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 87,
columnNumber: 23
}
}),
text: 'A perfect tool for my every day tasks.'
}]
}
}]
}];
var rtlTests = [{
describe: 'rtl',
its: [{
it: 'rtl',
props: {}
}]
}];
tests.forEach(function (_ref) {
var describe = _ref.describe,
its = _ref.its;
its.forEach(function (_ref2) {
var it = _ref2.it,
props = _ref2.props;
storiesOf("".concat(TestimonialList.displayName).concat(describe ? '/' + describe : ''), module).add(it, function () {
return /*#__PURE__*/React.createElement(TestimonialList, _extends({}, commonProps, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 114,
columnNumber: 21
}
}));
});
});
});
rtlTests.forEach(function (_ref3) {
var describe = _ref3.describe,
its = _ref3.its;
its.forEach(function (_ref4) {
var it = _ref4.it,
props = _ref4.props;
storiesOf("".concat(TestimonialList.displayName).concat(describe ? '/' + describe : ''), module).add(it, function () {
return /*#__PURE__*/React.createElement(RTLWrapper, {
rtl: true,
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 124,
columnNumber: 7
}
}, /*#__PURE__*/React.createElement(TestimonialList, _extends({}, commonProps, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 125,
columnNumber: 9
}
})));
});
});
});
var mobileTests = [{
describe: 'mobile',
its: [{
it: 'stacked',
props: {}
}]
}];
mobileTests.forEach(function (_ref5) {
var describe = _ref5.describe,
its = _ref5.its;
its.forEach(function (_ref6) {
var it = _ref6.it,
props = _ref6.props;
storiesOf("".concat(TestimonialList.displayName).concat(describe ? '/' + describe : ''), module).add(it, function () {
return /*#__PURE__*/React.createElement(WixDesignSystemProvider, {
mobile: true,
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 149,
columnNumber: 7
}
}, /*#__PURE__*/React.createElement("div", {
style: {
width: '375px'
},
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 150,
columnNumber: 9
}
}, /*#__PURE__*/React.createElement(TestimonialList, _extends({}, commonProps, props, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 151,
columnNumber: 11
}
}))));
});
});
});