@salutejs/sdds-cs 0.319.0-canary.2021.15821149221.0 → 0.319.0-canary.2021.15824070198.0

package/es/components/Slider/Slider.component-test.js

@@ -1,220 +0,0 @@
-var _StandardTypoStyle, _PadMe, _PadMe2, _PadMe3, _PadMe4, _PadMe5, _PadMe6, _PadMe7, _PadMe8, _PadMe9, _PadMe10, _PadMe11, _PadMe12, _PadMe13, _PadMe14, _PadMe15, _PadMe16, _PadMe17, _PadMe18, _PadMe19, _PadMe20, _PadMe21, _PadMe22;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from 'react';
-import { mount, CypressTestDecorator, getComponent, PadMe } from '@salutejs/plasma-cy-utils';
-import { createGlobalStyle } from 'styled-components';
-import { standard as standardTypo } from '@salutejs/plasma-typo';
-import { IconMic } from '@salutejs/plasma-icons';
-var StandardTypoStyle = /*#__PURE__*/createGlobalStyle(standardTypo);
-describe('plasma-web: Slider', function () {
-  var _Slider, _CypressTestDecorator, _CypressTestDecorator2, _CypressTestDecorator3, _CypressTestDecorator4, _Slider2, _Slider3, _Slider4;
-  var Slider = getComponent('Slider');
-  var CypressTestDecoratorWithTypo = function CypressTestDecoratorWithTypo(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/React.createElement(CypressTestDecorator, null, _StandardTypoStyle || (_StandardTypoStyle = /*#__PURE__*/React.createElement(StandardTypoStyle, null)), children);
-  };
-  it('simple', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, _Slider || (_Slider = /*#__PURE__*/React.createElement(Slider, {
-      min: 0,
-      max: 100,
-      value: 50
-    })), _PadMe || (_PadMe = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      min: 0,
-      max: 100,
-      value: [25, 75]
-    })));
-    cy.matchImageSnapshot();
-  });
-  it('_view', function () {
-    mount(_CypressTestDecorator || (_CypressTestDecorator = /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Slider, {
-      value: 50,
-      min: 0,
-      max: 100,
-      view: "default"
-    }), _PadMe2 || (_PadMe2 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      value: 50,
-      min: 0,
-      max: 100,
-      view: "accent"
-    }), _PadMe3 || (_PadMe3 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      value: 50,
-      min: 0,
-      max: 100,
-      view: "gradient"
-    }))));
-    cy.matchImageSnapshot();
-  });
-  it('_size', function () {
-    mount(_CypressTestDecorator2 || (_CypressTestDecorator2 = /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Slider, {
-      value: 50,
-      min: 0,
-      max: 100,
-      size: "s"
-    }), _PadMe4 || (_PadMe4 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      value: 50,
-      min: 0,
-      max: 100,
-      size: "m"
-    }), _PadMe5 || (_PadMe5 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      value: 50,
-      min: 0,
-      max: 100,
-      size: "l"
-    }))));
-    cy.matchImageSnapshot();
-  });
-  it('_disabled', function () {
-    mount(_CypressTestDecorator3 || (_CypressTestDecorator3 = /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Slider, {
-      value: 50,
-      min: 0,
-      max: 100
-    }), _PadMe6 || (_PadMe6 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      value: 50,
-      min: 0,
-      max: 100,
-      disabled: true
-    }))));
-    cy.matchImageSnapshot();
-  });
-  it('_placement', function () {
-    mount(_CypressTestDecorator4 || (_CypressTestDecorator4 = /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement(Slider, {
-      label: "Text",
-      value: 50,
-      min: 0,
-      max: 100,
-      labelPlacement: "inner"
-    }), _PadMe7 || (_PadMe7 = /*#__PURE__*/React.createElement(PadMe, null)), _PadMe8 || (_PadMe8 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      label: "Text",
-      value: 50,
-      min: 0,
-      max: 100,
-      labelPlacement: "outer"
-    }), _PadMe9 || (_PadMe9 = /*#__PURE__*/React.createElement(PadMe, null)), _PadMe10 || (_PadMe10 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      label: "Text",
-      value: 50,
-      min: 0,
-      max: 100,
-      rangeValuesPlacement: "inner"
-    }), _PadMe11 || (_PadMe11 = /*#__PURE__*/React.createElement(PadMe, null)), _PadMe12 || (_PadMe12 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      label: "Text",
-      value: 50,
-      min: 0,
-      max: 100,
-      rangeValuesPlacement: "outer"
-    }), _PadMe13 || (_PadMe13 = /*#__PURE__*/React.createElement(PadMe, null)), _PadMe14 || (_PadMe14 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      label: "Text",
-      value: 50,
-      min: 0,
-      max: 100,
-      showRangeValues: true
-    }), _PadMe15 || (_PadMe15 = /*#__PURE__*/React.createElement(PadMe, null)), _PadMe16 || (_PadMe16 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      label: "Text",
-      value: 50,
-      min: 0,
-      max: 100,
-      showRangeValues: false
-    }), _PadMe17 || (_PadMe17 = /*#__PURE__*/React.createElement(PadMe, null)), _PadMe18 || (_PadMe18 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      label: "Text",
-      value: 50,
-      min: 0,
-      max: 100,
-      showCurrentValue: true
-    }), _PadMe19 || (_PadMe19 = /*#__PURE__*/React.createElement(PadMe, null)), _PadMe20 || (_PadMe20 = /*#__PURE__*/React.createElement(PadMe, null)), /*#__PURE__*/React.createElement(Slider, {
-      label: "Text",
-      value: 50,
-      min: 0,
-      max: 100,
-      showCurrentValue: false
-    }))));
-    cy.matchImageSnapshot();
-  });
-  it('_vertical: simple', function () {
-    mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex',
-        height: '20rem'
-      }
-    }, _Slider2 || (_Slider2 = /*#__PURE__*/React.createElement(Slider, {
-      value: 0,
-      min: 0,
-      max: 100,
-      size: "s",
-      orientation: "vertical"
-    })), _PadMe21 || (_PadMe21 = /*#__PURE__*/React.createElement(PadMe, null)), _Slider3 || (_Slider3 = /*#__PURE__*/React.createElement(Slider, {
-      value: 50,
-      min: 0,
-      max: 100,
-      size: "m",
-      orientation: "vertical"
-    })), _PadMe22 || (_PadMe22 = /*#__PURE__*/React.createElement(PadMe, null)), _Slider4 || (_Slider4 = /*#__PURE__*/React.createElement(Slider, {
-      value: 100,
-      min: 0,
-      max: 100,
-      size: "l",
-      orientation: "vertical"
-    })))));
-    cy.matchImageSnapshot();
-  });
-  ['s'].map(function (size) {
-    return it("_vertical: sliderAlign, ".concat(size), function () {
-      var showIcon = true;
-      var props = {
-        value: 40,
-        min: 0,
-        max: 100,
-        size: size,
-        orientation: 'vertical',
-        label: 'Громкость',
-        labelContent: showIcon ? /*#__PURE__*/React.createElement(IconMic, {
-          size: size === 's' ? 'xs' : 's'
-        }) : null,
-        showCurrentValue: true,
-        showScale: true
-      };
-      mount( /*#__PURE__*/React.createElement(CypressTestDecoratorWithTypo, null, /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          justifyContent: 'center',
-          height: '14rem'
-        }
-      }, /*#__PURE__*/React.createElement(Slider, _extends({
-        sliderAlign: "right"
-      }, props)), /*#__PURE__*/React.createElement("div", {
-        style: {
-          padding: '0 0.75rem'
-        }
-      }), /*#__PURE__*/React.createElement(Slider, _extends({
-        sliderAlign: "center"
-      }, props)), /*#__PURE__*/React.createElement("div", {
-        style: {
-          padding: '0 0.75rem'
-        }
-      }), /*#__PURE__*/React.createElement(Slider, _extends({
-        sliderAlign: "left"
-      }, props))), /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          justifyContent: 'center',
-          marginTop: '2rem',
-          height: '14rem'
-        }
-      }, /*#__PURE__*/React.createElement(Slider, _extends({
-        sliderAlign: "center",
-        reversed: true
-      }, props)), /*#__PURE__*/React.createElement("div", {
-        style: {
-          padding: '0 0.75rem'
-        }
-      }), /*#__PURE__*/React.createElement(Slider, _extends({
-        sliderAlign: "center",
-        reversed: true,
-        labelReversed: true
-      }, props)), /*#__PURE__*/React.createElement("div", {
-        style: {
-          padding: '0 0.75rem'
-        }
-      }))));
-      cy.matchImageSnapshot();
-    });
-  });
-});