@gympass/yoga 7.37.0 → 7.38.0

package/cjs/RadioGroup/web/RadioGroup.test.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = _interopRequireDefault(require(".."));
+
+var _Theme = _interopRequireDefault(require("../../Theme"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<RadioGroup />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot with default radiogroup', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with full radiogroup', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+        full: true
+      }))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with radios as children', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 1"), /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 2"), /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 3")))),
+          container = _render3.container,
+          getAllByText = _render3.getAllByText;
+
+      expect(container).toMatchSnapshot();
+      expect(getAllByText(/^Option/)).toHaveLength(3);
+    });
+    it('should match snapshot with small radios', function () {
+      var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+        small: true
+      }, /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 1"), /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 2"), /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 3")))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should has setted the selected value', function () {
+      var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+        selectedValue: "Option 2"
+      }, /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 1"), /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 2"), /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 3")))),
+          container = _render5.container,
+          getByText = _render5.getByText;
+
+      expect(container).toMatchSnapshot();
+      expect(getByText('Option 2').checked).toBe(true);
+    });
+    it('should set the name for all children', function () {
+      var groupName = 'test';
+
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+        name: groupName
+      }, /*#__PURE__*/_react["default"].createElement(_["default"].Button, {
+        "data-testid": "Option 1"
+      }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_["default"].Button, {
+        "data-testid": "Option 2"
+      }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_["default"].Button, {
+        "data-testid": "Option 3"
+      }, "Option 3")))),
+          container = _render6.container,
+          getAllByTestId = _render6.getAllByTestId;
+
+      expect(container).toMatchSnapshot(); // use testid to get the input[type=radio] instead of label
+
+      getAllByTestId(/^Option/).map(function (radio) {
+        return expect(radio.name).toBe(groupName);
+      });
+    });
+  });
+});
+describe('Events', function () {
+  it('should set the onchange for its children', function () {
+    var onChangeMock = jest.fn();
+
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+      onChange: onChangeMock
+    }, /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 1"), /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 2"), /*#__PURE__*/_react["default"].createElement(_["default"].Button, null, "Option 3")))),
+        getByText = _render7.getByText;
+
+    var firstOption = getByText('Option 1');
+
+    _react2.fireEvent.click(firstOption);
+
+    expect(onChangeMock).toHaveBeenCalled();
+  });
+});

package/cjs/Rating/native/Rating.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _=require("../..");var _2=_interopRequireDefault(require("."));function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}describe('<Rating />',function(){describe('Snapshots',function(){it('should match snapshot with Rating',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],null))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot when it is not readOnly',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],{readOnly:false}))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot with different values',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],{value:0}),_react["default"].createElement(_2["default"],{value:0.5}),_react["default"].createElement(_2["default"],{value:1}),_react["default"].createElement(_2["default"],{value:1.1}),_react["default"].createElement(_2["default"],{value:1.2}),_react["default"].createElement(_2["default"],{value:1.3}),_react["default"].createElement(_2["default"],{value:1.4}),_react["default"].createElement(_2["default"],{value:1.5}),_react["default"].createElement(_2["default"],{value:1.6}),_react["default"].createElement(_2["default"],{value:1.7}),_react["default"].createElement(_2["default"],{value:1.8}),_react["default"].createElement(_2["default"],{value:1.9}),_react["default"].createElement(_2["default"],{value:2}),_react["default"].createElement(_2["default"],{value:2.5}),_react["default"].createElement(_2["default"],{value:3}),_react["default"].createElement(_2["default"],{value:3.5}),_react["default"].createElement(_2["default"],{value:4}),_react["default"].createElement(_2["default"],{value:4.5}))),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot with different icon quantity',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],{max:3,value:0}),_react["default"].createElement(_2["default"],{max:3,value:0.5}),_react["default"].createElement(_2["default"],{max:3,value:1}),_react["default"].createElement(_2["default"],{max:3,value:1.5}),_react["default"].createElement(_2["default"],{max:3,value:2}),_react["default"].createElement(_2["default"],{max:3,value:2.5}),_react["default"].createElement(_2["default"],{max:3,value:3}))),container=_render4.container;expect(container).toMatchSnapshot();});it('should match snapshot with different icon',function(){var CircleIcon=function CircleIcon(props){return _react["default"].createElement(_reactNativeSvg["default"],props,_react["default"].createElement(_reactNativeSvg.Circle,{cx:12,cy:12,r:12}));};var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],{icon:{type:CircleIcon},value:0}),_react["default"].createElement(_2["default"],{icon:{type:CircleIcon},value:1}),_react["default"].createElement(_2["default"],{icon:{type:CircleIcon},value:2}))),container=_render5.container;expect(container).toMatchSnapshot();});});});

package/cjs/Rating/web/Rating.test.js

@@ -0,0 +1,201 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+var _2 = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/* eslint-disable jsx-a11y/mouse-events-have-key-events */
+describe('<Rating />', function () {
+  var originalOffsetWidth = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'offsetWidth');
+  beforeAll(function () {
+    Object.defineProperty(HTMLElement.prototype, 'offsetWidth', {
+      configurable: true,
+      value: 76 // 5 stars (5 * 12px + 4 * 4px gutter)
+
+    });
+  });
+  afterAll(function () {
+    Object.defineProperty(HTMLElement.prototype, 'offsetWidth', originalOffsetWidth);
+  });
+  describe('Snapshots', function () {
+    it('should match snapshot with Rating', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with different values', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 0
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 0.5
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 1
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 1.1
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 1.2
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 1.3
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 1.4
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 1.5
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 1.6
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 1.7
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 1.8
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 1.9
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 2
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 2.5
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 3
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 3.5
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 4
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        value: 4.5
+      }))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with different icon quantity', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        max: 3,
+        value: 0
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        max: 3,
+        value: 0.5
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        max: 3,
+        value: 1
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        max: 3,
+        value: 1.5
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        max: 3,
+        value: 2
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        max: 3,
+        value: 2.5
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        max: 3,
+        value: 3
+      }))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with different icon', function () {
+      var Circle = function Circle(props) {
+        return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
+          cx: "12",
+          cy: "12",
+          r: "12"
+        }));
+      };
+
+      var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        icon: {
+          type: Circle
+        },
+        value: 0
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        icon: {
+          type: Circle
+        },
+        value: 1
+      }), /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        icon: {
+          type: Circle
+        },
+        value: 2
+      }))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot when mouse over', function () {
+      var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        readOnly: false
+      }))),
+          container = _render5.container;
+
+      var firstChild = container.firstChild;
+
+      _react2.fireEvent.mouseMove(firstChild, {
+        /** Each star has 12px. Gutter is 4px.
+         * For the third star, we should set clentX > 32px and < 48px */
+        clientX: 40
+      });
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe('Events', function () {
+    it('should call onRate when clicking', function () {
+      var onRateMock = jest.fn();
+
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        onRate: onRateMock,
+        readOnly: false
+      }))),
+          container = _render6.container;
+
+      var firstChild = container.firstChild;
+
+      _react2.fireEvent.mouseMove(firstChild, {
+        clientX: 40 // third star position
+
+      });
+
+      _react2.fireEvent.click(firstChild);
+
+      expect(onRateMock).toHaveBeenCalled();
+      expect(onRateMock).toHaveBeenCalledWith(3);
+    });
+    it('should call onMouseOver callback', function () {
+      var onMouseOverMock = jest.fn();
+
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        onMouseOver: onMouseOverMock,
+        readOnly: false
+      }))),
+          container = _render7.container;
+
+      var firstChild = container.firstChild;
+
+      _react2.fireEvent.mouseOver(firstChild);
+
+      expect(onMouseOverMock).toHaveBeenCalled();
+    });
+    it('should call onMouseLeave callback', function () {
+      var onMouseLeaveMock = jest.fn();
+
+      var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        onMouseLeave: onMouseLeaveMock,
+        readOnly: false
+      }))),
+          container = _render8.container;
+
+      var firstChild = container.firstChild;
+
+      _react2.fireEvent.mouseLeave(firstChild);
+
+      expect(onMouseLeaveMock).toHaveBeenCalled();
+    });
+  });
+});

package/cjs/Result/native/Result.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");var _Result=_interopRequireDefault(require("./Result"));var _Avatar=_interopRequireDefault(require("../../Avatar"));var _Text=_interopRequireDefault(require("../../Text"));var attendanceList=[{description:'Attendance 01',icon:_yogaIcons.BuildingFilled},{description:'Attendance 02',icon:_yogaIcons.BuildingFilled}];var entranceList=[{children:'From 7:30 am to 9:00 pm',variant:'stamina'}];var activitiesList=[{children:'Yoga',variant:'deep'},{children:'Meditation',variant:'deep'},{children:'Pilates',variant:'deep'},{children:'Activity4',variant:'deep'},{children:'Activity5',variant:'deep'}];var tagsList=[{children:'Plan x Product availability',variant:'informative'},{children:'Restriction',variant:'attention'}];describe('<Result />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Result["default"],{rate:"5.0",avatar:_react["default"].createElement(_Avatar["default"].Circle,null),attendances:attendanceList,title:"Jane Doe",subTitle:"Activity",divided:true},_react["default"].createElement(_Result["default"].Details,{items:entranceList,dots:true,renderItem:_Text["default"].Small}),_react["default"].createElement(_Result["default"].Details,{items:activitiesList,dots:true,limit:3,renderItem:_Text["default"].Small,limitLabel:"activities"}),_react["default"].createElement(_Result["default"].Tags,{items:tagsList}),_react["default"].createElement(_Result["default"].Button,null,"See Details")))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot without limitLabel prop',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Result["default"],{rate:"5.0",avatar:_react["default"].createElement(_Avatar["default"].Circle,null),attendances:attendanceList,title:"John Doe",subTitle:"Activity",divided:true},_react["default"].createElement(_Result["default"].Details,{items:entranceList,dots:true,renderItem:_Text["default"].Small}),_react["default"].createElement(_Result["default"].Details,{items:activitiesList,dots:true,limit:2,renderItem:_Text["default"].Small}),_react["default"].createElement(_Result["default"].Tags,{items:tagsList}),_react["default"].createElement(_Result["default"].Button,null,"See Details")))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot without attendence',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Result["default"],{avatar:_react["default"].createElement(_Avatar["default"],null),title:"Gym"},_react["default"].createElement(_Result["default"].Details,{items:entranceList,dots:true}),_react["default"].createElement(_Result["default"].Details,{items:activitiesList,dots:true})))),container=_render3.container;expect(container).toMatchSnapshot();});});

package/cjs/Slider/native/Slider.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _Theme=_interopRequireDefault(require("../../Theme"));var _Slider=_interopRequireDefault(require("./Slider"));describe('<Slider />',function(){describe('Snapshots',function(){describe('With one marker',function(){it('should match snapshot with default Slider',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_Slider["default"],null))),container=_render.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with Slider with labels',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_Slider["default"],{minLabel:0,maxLabel:10}))),container=_render2.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with Slider snapped',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_Slider["default"],{snapped:true}))),container=_render3.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});describe('With two markers',function(){it('should match snapshot',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_Slider["default"],{values:[3,7]}))),container=_render4.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with Slider snapped',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_Slider["default"],{values:[3,7],snapped:true}))),container=_render5.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});});describe('Labels',function(){it('should render labels',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_Slider["default"],{maxLabel:"max",minLabel:"min"}))),getByText=_render6.getByText;expect(getByText('max')).toHaveTextContent('max');expect(getByText('min')).toHaveTextContent('min');});});describe('Tooltip',function(){it('should render tooltip',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_Slider["default"],{values:[0],tooltip:[{ribbon:'ribbon',title:'title',description:'description',visible:true}]}))),container=_render7.container,getByText=_render7.getByText,getByRole=_render7.getByRole;_reactNative.fireEvent.responderGrant(getByRole('adjustable'),{touchHistory:{touchBank:{}}});expect(getByText('ribbon')).toBeTruthy();expect(getByText('title')).toBeTruthy();expect(getByText('description')).toBeTruthy();expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should render tooltip on a specific step',function(){var _render8=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_Slider["default"],{values:[2],tooltip:[{ribbon:'ribbon',title:'title',description:'description',visible:true,step:2}]}))),container=_render8.container,getByText=_render8.getByText,getByRole=_render8.getByRole;_reactNative.fireEvent.responderGrant(getByRole('adjustable'),{touchHistory:{touchBank:{}}});expect(getByText('ribbon')).toBeTruthy();expect(getByText('title')).toBeTruthy();expect(getByText('description')).toBeTruthy();expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});});

package/cjs/Slider/web/Slider.test.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Theme = _interopRequireDefault(require("../../Theme"));
+
+var _Slider = _interopRequireDefault(require("./Slider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Slider />', function () {
+  describe('Snapshots', function () {
+    describe('With one marker', function () {
+      it('should match snapshot with default Slider', function () {
+        var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_Slider["default"], null))),
+            container = _render.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with Slider with labels', function () {
+        var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_Slider["default"], {
+          minLabel: 0,
+          maxLabel: 10
+        }))),
+            container = _render2.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with Slider snapped', function () {
+        var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_Slider["default"], {
+          snapped: true
+        }))),
+            container = _render3.container;
+
+        expect(container).toMatchSnapshot();
+      });
+    });
+    describe('With two markers', function () {
+      it('should match snapshot', function () {
+        var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_Slider["default"], {
+          values: [3, 7]
+        }))),
+            container = _render4.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with Slider snapped', function () {
+        var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_Slider["default"], {
+          values: [3, 7],
+          snapped: true
+        }))),
+            container = _render5.container;
+
+        expect(container).toMatchSnapshot();
+      });
+    });
+  });
+  describe('Labels', function () {
+    it('should render labels', function () {
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_Slider["default"], {
+        maxLabel: "max",
+        minLabel: "min"
+      }))),
+          getByText = _render6.getByText;
+
+      expect(getByText('max').textContent).toBe('max');
+      expect(getByText('min').textContent).toBe('min');
+    });
+  });
+  describe('Tooltip', function () {
+    it('should render tooltips', function () {
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_Slider["default"], {
+        values: [0],
+        tooltip: [{
+          ribbon: 'ribbon',
+          title: 'title',
+          description: 'description',
+          visible: true
+        }]
+      }))),
+          container = _render7.container,
+          getByRole = _render7.getByRole,
+          getByText = _render7.getByText;
+
+      _react2.fireEvent.mouseDown(getByRole('slider'));
+
+      expect(getByText('ribbon')).toBeTruthy();
+      expect(getByText('title')).toBeTruthy();
+      expect(getByText('description')).toBeTruthy();
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Snackbar/native/Snackbar.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("@testing-library/react-native");var RN=_interopRequireWildcard(require("react-native"));var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");var _Button=_interopRequireDefault(require("../../Button"));function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}RN.Animated.spring=jest.fn().mockReturnValue({start:jest.fn()});var Component=function Component(overrideProps){var snackbarRef=(0,_react.useRef)();return _react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Button["default"],{full:true,small:true,onPress:function onPress(){snackbarRef.current.open();}},"Tap to open snackbar"),_react["default"].createElement(_.Snackbar,(0,_extends2["default"])({ref:snackbarRef,message:"Feedback Message"},overrideProps)));};describe('<Snackbar />',function(){it('should match snapshot when snackbar is default',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(Component,null)),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot when have an icon and action',function(){var overrideProps={icon:_yogaIcons.CheckedFull,actionLabel:'Action',onAction:function onAction(){}};var _render2=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot when have a long text',function(){var overrideProps={message:'Lorem Ipsum is simply dummy text of the printing and types.',icon:_yogaIcons.CheckedFull,actionLabel:'Action',onAction:function onAction(){}};var _render3=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot when have a variant informative or attention prop',function(){var overrideProps={variant:'informative'};var _render4=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),container=_render4.container;expect(container).toMatchSnapshot();});it('should show and hide snackbar when the open and close Animation function is called',function(){var overrideProps={onSnackbarClose:jest.fn(),actionLabel:'Action',onAction:jest.fn()};var _render5=(0,_reactNative.render)(_react["default"].createElement(Component,overrideProps)),getByText=_render5.getByText,getByTestId=_render5.getByTestId;_reactNative.fireEvent.layout(getByTestId('wrapper'),{nativeEvent:{layout:{height:200}}});_reactNative.fireEvent.press(getByText('Tap to open snackbar'));expect(RN.Animated.spring.mock.calls[0][1]).toEqual({toValue:0,bounciness:0,useNativeDriver:true});_reactNative.fireEvent.press(getByText('Action'));expect(RN.Animated.spring.mock.calls[1][1]).toEqual({toValue:200,bounciness:0,useNativeDriver:true});});});

package/cjs/Snackbar/web/Snackbar.test.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+describe('<Snackbar />', function () {
+  jest.useRealTimers();
+  it('should match snapshot', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Snackbar, {
+      open: true,
+      message: "Make wellbeing universal",
+      onClose: jest.fn()
+    }))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should render a minimal snackbar', function () {
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Snackbar, {
+      open: true,
+      message: "Make wellbeing universal",
+      onClose: jest.fn()
+    })));
+
+    _react2.screen.getByRole('alert');
+
+    _react2.screen.getByRole('img');
+
+    _react2.screen.getByLabelText('success');
+
+    _react2.screen.getByText('Make wellbeing universal');
+  });
+  it('should not render an icon', function () {
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Snackbar, {
+      open: true,
+      message: "Make wellbeing universal",
+      onClose: jest.fn(),
+      hideIcon: true
+    })));
+    expect(_react2.screen.queryByRole('img')).toBeNull();
+  });
+  it('should render a custom action button', function () {
+    var onActionMock = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Snackbar, {
+      open: true,
+      message: "Make wellbeing universal",
+      onAction: onActionMock,
+      onClose: jest.fn(),
+      actionLabel: "Let's go"
+    })));
+
+    var button = _react2.screen.getByRole('button', {
+      name: /let's go/i
+    });
+
+    _react2.fireEvent.click(button);
+
+    expect(onActionMock).toHaveBeenCalledTimes(1);
+  });
+  it('should render a close button', function () {
+    var onCloseMock = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Snackbar, {
+      open: true,
+      message: "Make wellbeing universal",
+      onClose: onCloseMock
+    })));
+
+    var button = _react2.screen.getByRole('button');
+
+    _react2.fireEvent.click(button);
+
+    expect(onCloseMock).toHaveBeenCalledTimes(1);
+  });
+  it('should close after timeout', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var onCloseMock;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            jest.useFakeTimers();
+            onCloseMock = jest.fn();
+            (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Snackbar, {
+              open: true,
+              duration: 1000,
+              message: "Make wellbeing universal",
+              onClose: onCloseMock,
+              hideCloseButton: true
+            })));
+            expect(_react2.screen.queryByRole('button')).toBeNull();
+            jest.runAllTimers();
+            expect(onCloseMock).toHaveBeenCalledTimes(1);
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('should close with timeout set up', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+    var onCloseMock, button;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            onCloseMock = jest.fn();
+            (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Snackbar, {
+              open: true,
+              duration: 1000,
+              message: "Make wellbeing universal",
+              onClose: onCloseMock
+            })));
+            button = _react2.screen.getByRole('button');
+
+            _react2.fireEvent.click(button);
+
+            expect(onCloseMock).toHaveBeenCalledTimes(1);
+
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+});

package/cjs/Stepper/native/Stepper.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _reactNative2=require("@testing-library/react-native");var _Theme=_interopRequireDefault(require("../../Theme"));var _=_interopRequireDefault(require(".."));describe('<Stepper />',function(){describe('Snapshots',function(){it('should match snapshot with first step active',function(){var _render=(0,_reactNative2.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{activeStep:0},_react["default"].createElement(_["default"].Step,{label:"step one"},_react["default"].createElement(_reactNative.Text,null,"step one content")),_react["default"].createElement(_["default"].Step,{label:"step two"},_react["default"].createElement(_reactNative.Text,null,"step two content")),_react["default"].createElement(_["default"].Step,{label:"step three"},_react["default"].createElement(_reactNative.Text,null,"step three content"))))),container=_render.container;expect((0,_reactNative2.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with second step active',function(){var _render2=(0,_reactNative2.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{activeStep:1},_react["default"].createElement(_["default"].Step,{label:"step one"},_react["default"].createElement(_reactNative.Text,null,"step one content")),_react["default"].createElement(_["default"].Step,{label:"step two"},_react["default"].createElement(_reactNative.Text,null,"step two content")),_react["default"].createElement(_["default"].Step,{label:"step three"},_react["default"].createElement(_reactNative.Text,null,"step three content"))))),container=_render2.container;expect((0,_reactNative2.toJSON)(container)).toMatchSnapshot();});});describe('Steps',function(){it('should change the active step',function(){var _render3=(0,_reactNative2.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{activeStep:0},_react["default"].createElement(_["default"].Step,{label:"step one"},_react["default"].createElement(_reactNative.Text,null,"step one content")),_react["default"].createElement(_["default"].Step,{label:"step two"},_react["default"].createElement(_reactNative.Text,null,"step two content")),_react["default"].createElement(_["default"].Step,{label:"step three"},_react["default"].createElement(_reactNative.Text,null,"step three content"))))),queryByText=_render3.queryByText,rerender=_render3.rerender;expect(queryByText('step one content')).toBeTruthy();expect(queryByText('step two content')).toBeFalsy();expect(queryByText('step three content')).toBeFalsy();rerender(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{activeStep:1},_react["default"].createElement(_["default"].Step,{label:"step one"},_react["default"].createElement(_reactNative.Text,null,"step one content")),_react["default"].createElement(_["default"].Step,{label:"step two"},_react["default"].createElement(_reactNative.Text,null,"step two content")),_react["default"].createElement(_["default"].Step,{label:"step three"},_react["default"].createElement(_reactNative.Text,null,"step three content")))));expect(queryByText('step one content')).toBeFalsy();expect(queryByText('step two content')).toBeTruthy();expect(queryByText('step three content')).toBeFalsy();});});});