@gympass/yoga 7.37.1 → 7.39.0

package/cjs/Checkbox/web/Checkbox.test.js

@@ -0,0 +1,161 @@
+"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 }; }
+
+function _extends() { _extends = Object.assign || 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); }
+
+var data = {
+  label: 'Checkbox Component',
+  helper: 'Helper Text'
+};
+var originalError = console.error;
+beforeEach(function () {
+  console.error = jest.fn();
+});
+afterEach(function () {
+  console.error = originalError;
+});
+describe('<Checkbox />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot without props', 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 default checkbox', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], data))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with disabled checkbox', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        disabled: true
+      })))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with checked checkbox', function () {
+      var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        checked: true
+      })))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with disabled and checked checkbox', function () {
+      var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        disabled: true,
+        checked: true
+      })))),
+          container = _render5.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with error checkbox', function () {
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        error: "Error msg"
+      })))),
+          container = _render6.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with error and checked checkbox', function () {
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        error: "Error msg",
+        checked: true
+      })))),
+          container = _render7.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with inverted', function () {
+      var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        inverted: true
+      })))),
+          container = _render8.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with inverted and checked', function () {
+      var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        inverted: true,
+        checked: true
+      })))),
+          container = _render9.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with inverted and checked and disabled', function () {
+      var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        inverted: true,
+        checked: true,
+        disabled: true
+      })))),
+          container = _render10.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with indeterminate', function () {
+      var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+        indeterminate: true
+      }))),
+          container = _render11.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with indeterminate and disabled checkbox', function () {
+      var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+        indeterminate: true,
+        disabled: true
+      }))),
+          container = _render12.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with error and indeterminate checkbox', function () {
+      var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        error: "Error msg",
+        indeterminate: true
+      })))),
+          container = _render13.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with inverted and indeterminate', function () {
+      var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        inverted: true,
+        indeterminate: true
+      })))),
+          container = _render14.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe('Events', function () {
+    it('should call onChange function when press on Checkbox', function () {
+      var onChangeMock = jest.fn();
+
+      var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        onChange: onChangeMock
+      })))),
+          getByRole = _render15.getByRole;
+
+      _react2.fireEvent.click(getByRole('checkbox', {
+        hidden: true
+      }));
+
+      expect(onChangeMock).toHaveBeenCalled();
+    });
+  });
+});

package/cjs/Checkbox/web/Switch.test.js

@@ -0,0 +1,65 @@
+"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('<Checkbox />', function () {
+  describe('<Checkbox.Switch />', function () {
+    describe('Snapshots', function () {
+      it('should match snapshot with default switch', function () {
+        var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, null))),
+            container = _render.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with disabled switch', function () {
+        var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
+          disabled: true
+        }))),
+            container = _render2.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with checked switch', function () {
+        var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
+          checked: true
+        }))),
+            container = _render3.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with disabled and checked switch', function () {
+        var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
+          disabled: true,
+          checked: true
+        }))),
+            container = _render4.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should call onChange function when click on Checkbox.Switch', function () {
+        var onChangeMock = jest.fn();
+
+        var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
+          disabled: true,
+          checked: true,
+          onChange: onChangeMock
+        }))),
+            getByRole = _render5.getByRole;
+
+        _react2.fireEvent.click(getByRole('switch', {
+          hidden: true
+        }));
+
+        expect(onChangeMock).toHaveBeenCalled();
+      });
+    });
+  });
+});

package/cjs/Chips/native/Chips.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("../..");describe('<Chips />',function(){describe('Snapshots',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes"))),container=_render.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with disabled prop',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{disabled:true},"Classes"))),container=_render2.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with more than one Chip',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes"),_react["default"].createElement(_.Chips,null,"Gyms and studios"),_react["default"].createElement(_.Chips,null,"Personal trainers"))),container=_render3.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with a long text',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes with a very long text"))),container=_render4.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});describe('selected',function(){it('should match snapshot',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{selected:true},"Classes"))),container=_render5.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with more than one Chip',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes"),_react["default"].createElement(_.Chips,{selected:true},"Gyms and studios"),_react["default"].createElement(_.Chips,{selected:true},"Personal trainers"))),container=_render6.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});describe('counter',function(){it('should match snapshot',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{counter:8},"Classes"))),container=_render7.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with more than one Chip',function(){var _render8=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{counter:8},"Classes"),_react["default"].createElement(_.Chips,{counter:52,selected:true},"Gyms and studios"),_react["default"].createElement(_.Chips,{counter:1732,selected:true},"Personal trainers"))),container=_render8.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});describe('icon',function(){it('should match selected snapshot',function(){var _render9=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{counter:8,icon:[_yogaIcons.MapPin]},"Location"),_react["default"].createElement(_.Chips,{counter:8,icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Classes"),_react["default"].createElement(_.Chips,{icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Gyms and studios"),_react["default"].createElement(_.Chips,{icon:[_yogaIcons.MapPin]},"Personal trainers"),_react["default"].createElement(_.Chips,{counter:8,selected:true,icon:[_yogaIcons.MapPin]},"Activities"),_react["default"].createElement(_.Chips,{counter:8,selected:true,icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Language"),_react["default"].createElement(_.Chips,{selected:true,icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Categories"),_react["default"].createElement(_.Chips,{selected:true,icon:[_yogaIcons.MapPin]},"Availability"))),container=_render9.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});});describe('Events',function(){it('should toggle using onPress',function(){var toggleMock=jest.fn();var _render10=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{onPress:toggleMock},"Classes"))),getByText=_render10.getByText;_reactNative.fireEvent.press(getByText('Classes'));expect(toggleMock).toHaveBeenCalled();});it('should toggle using onToggle',function(){var toggleMock=jest.fn();var _render11=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{onToggle:toggleMock},"Classes"))),getByText=_render11.getByText;_reactNative.fireEvent.press(getByText('Classes'));expect(toggleMock).toHaveBeenCalled();});});});

package/cjs/Chips/web/Chips.test.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _yogaIcons = require("@gympass/yoga-icons");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Chips />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, null, "Classes"))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with disabled prop', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
+        disabled: true
+      }, "Classes"))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with more than one Chip', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, null, "Classes"), /*#__PURE__*/_react["default"].createElement(_.Chips, null, "Gyms and studios"), /*#__PURE__*/_react["default"].createElement(_.Chips, null, "Personal trainers"))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    describe('selected', function () {
+      it('should match snapshot', function () {
+        var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          selected: true
+        }, "Classes"))),
+            container = _render4.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with more than one Chip', function () {
+        var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, null, "Classes"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          selected: true
+        }, "Gyms and studios"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          selected: true
+        }, "Personal trainers"))),
+            container = _render5.container;
+
+        expect(container).toMatchSnapshot();
+      });
+    });
+    describe('counter', function () {
+      it('should match snapshot', function () {
+        var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          counter: 8
+        }, "Classes"))),
+            container = _render6.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with more than one Chip', function () {
+        var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          counter: 8
+        }, "Classes"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          counter: 52,
+          selected: true
+        }, "Gyms and studios"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          counter: 1732,
+          selected: true
+        }, "Personal trainers"))),
+            container = _render7.container;
+
+        expect(container).toMatchSnapshot();
+      });
+    });
+    describe('icon', function () {
+      it('should match selected snapshot', function () {
+        var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          counter: 8,
+          icon: [_yogaIcons.MapPin]
+        }, "Location"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          counter: 8,
+          icon: [_yogaIcons.MapPin, _yogaIcons.ChevronDown]
+        }, "Classes"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          icon: [_yogaIcons.MapPin, _yogaIcons.ChevronDown]
+        }, "Gyms and studios"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          icon: [_yogaIcons.MapPin]
+        }, "Personal trainers"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          counter: 8,
+          selected: true,
+          icon: [_yogaIcons.MapPin]
+        }, "Activities"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          counter: 8,
+          selected: true,
+          icon: [_yogaIcons.MapPin, _yogaIcons.ChevronDown]
+        }, "Language"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          selected: true,
+          icon: [_yogaIcons.MapPin, _yogaIcons.ChevronDown]
+        }, "Categories"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
+          selected: true,
+          icon: [_yogaIcons.MapPin]
+        }, "Availability"))),
+            container = _render8.container;
+
+        expect(container).toMatchSnapshot();
+      });
+    });
+  });
+  describe('Events', function () {
+    it('should toggle', function () {
+      var toggleMock = jest.fn();
+
+      var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
+        onClick: toggleMock
+      }, "Classes"))),
+          getByText = _render9.getByText;
+
+      _react2.fireEvent.click(getByText('Classes'));
+
+      expect(toggleMock).toHaveBeenCalled();
+    });
+    it('should toggle using onToggle', function () {
+      var toggleMock = jest.fn();
+
+      var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
+        onToggle: toggleMock
+      }, "Classes"))),
+          getByText = _render10.getByText;
+
+      _react2.fireEvent.click(getByText('Classes'));
+
+      expect(toggleMock).toHaveBeenCalled();
+    });
+  });
+});

package/cjs/Dialog/web/Dialog.test.js

@@ -0,0 +1,70 @@
+"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 }; }
+
+describe('<Dialog />', function () {
+  afterEach(_react2.cleanup);
+  it('should match snapshot', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+      isOpen: true
+    }, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"), /*#__PURE__*/_react["default"].createElement(_2["default"].Content, null, "Subtitle"), /*#__PURE__*/_react["default"].createElement(_2["default"].Footer, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
+      secondary: true
+    }, "Ok, got it"))))),
+        baseElement = _render.baseElement;
+
+    expect(baseElement).toMatchSnapshot();
+  });
+  it('should match snapshot with close button', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+      isOpen: true,
+      onClose: jest.fn()
+    }, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"), /*#__PURE__*/_react["default"].createElement(_2["default"].Content, null, "Subtitle"), /*#__PURE__*/_react["default"].createElement(_2["default"].Footer, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
+      secondary: true
+    }, "Ok, got it"))))),
+        baseElement = _render2.baseElement;
+
+    expect(baseElement).toMatchSnapshot();
+  });
+  it('should render a minimal dialog', function () {
+    var onActionMock = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+      isOpen: true
+    }, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"), /*#__PURE__*/_react["default"].createElement(_2["default"].Content, null, "Subtitle"), /*#__PURE__*/_react["default"].createElement(_2["default"].Footer, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
+      onClick: onActionMock,
+      secondary: true
+    }, "Ok, got it")))));
+
+    _react2.screen.getByText('Title');
+
+    _react2.screen.getByText('Subtitle');
+
+    var button = _react2.screen.getByRole('button', {
+      name: /Ok, got it/i
+    });
+
+    _react2.fireEvent.click(button);
+
+    expect(onActionMock).toHaveBeenCalledTimes(1);
+  });
+  it('should render with close button', function () {
+    var onCloseMock = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+      isOpen: true,
+      onClose: onCloseMock
+    }, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"))));
+
+    var button = _react2.screen.getByRole('button');
+
+    _react2.fireEvent.click(button);
+
+    expect(onCloseMock).toHaveBeenCalledTimes(1);
+  });
+});

package/cjs/Divider/native/Divider.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 _=require("../..");describe('<Divider />',function(){it('should create a divider component',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Box,{display:"flex",flexDirection:"column",minWidth:300,justifyContent:"space-between"},_react["default"].createElement(_.Text.H4,null,"First Content"),_react["default"].createElement(_.Divider,null),_react["default"].createElement(_.Text.H4,null,"Second Content")))),container=_render.container;expect(container).toMatchSnapshot();});it('should create vertical divider component',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Box,{display:"flex",flexDirection:"row",minWidth:300,justifyContent:"space-between"},_react["default"].createElement(_.Text.H4,null,"First Content"),_react["default"].createElement(_.Divider,{vertical:true}),_react["default"].createElement(_.Text.H4,null,"Second Content")))),container=_render2.container;expect(container).toMatchSnapshot();});});

package/cjs/Divider/web/Divider.test.js

@@ -0,0 +1,36 @@
+"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 }; }
+
+describe('<Divider />', function () {
+  it('should create a divider component', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Box, {
+      flex: 1,
+      display: "flex",
+      flexDirection: "column",
+      minHeight: 50
+    }, /*#__PURE__*/_react["default"].createElement(_.Text.Regular, null, "First Content"), /*#__PURE__*/_react["default"].createElement(_.Divider, null), /*#__PURE__*/_react["default"].createElement(_.Text.Regular, null, "Second Content")))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should create a vertical divider component', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Box, {
+      flex: 1,
+      display: "flex",
+      flexDirection: "row",
+      minHeight: 50
+    }, /*#__PURE__*/_react["default"].createElement(_.Text.Regular, null, "First Content"), /*#__PURE__*/_react["default"].createElement(_.Divider, {
+      vertical: true
+    }), /*#__PURE__*/_react["default"].createElement(_.Text.Regular, null, "Second Content")))),
+        container = _render2.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/Dropdown/native/Backdrop.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 _=require("../..");var _Backdrop=_interopRequireDefault(require("./Backdrop"));jest.useFakeTimers();describe('<Backdrop />',function(){describe('Snapshots',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Backdrop["default"],{title:"Find an Activity"},"Some Content"))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot when visible',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Backdrop["default"],{visible:true,title:"Find an Activity"},"Some Content"))),container=_render2.container;expect(container).toMatchSnapshot();});});});

package/cjs/Dropdown/native/Dropdown.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");jest.useFakeTimers();var dropdownProps={label:'Find an activity to love',options:[{label:'Yoga',value:'yoga'},{label:'Crossfit',value:'crossfit'},{label:'Tenis',value:'tenis'},{label:'Soccer',value:'soccer'},{label:'Pilates',value:'pilates'},{label:'Run',value:'running'}]};describe('<Dropdown />',function(){describe('Snapshots',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Dropdown,dropdownProps))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot when disabled',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Dropdown,(0,_extends2["default"])({disabled:true},dropdownProps)))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot when full',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Dropdown,(0,_extends2["default"])({full:true},dropdownProps)))),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot when has a selected value',function(){var selectedOption={label:'Swimming',value:'swimming',selected:true};var props=dropdownProps;props.options.push(selectedOption);var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Dropdown,(0,_extends2["default"])({disabled:true},props)))),container=_render4.container;expect(container).toMatchSnapshot();});it('should match snapshot with error',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Dropdown,(0,_extends2["default"])({},dropdownProps,{error:"Please, select one activity"})))),container=_render5.container;expect(container).toMatchSnapshot();});});});

package/cjs/Dropdown/web/Dropdown.test.js

@@ -0,0 +1,102 @@
+"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 _extends() { _extends = Object.assign || 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); }
+
+var dropdownProps = {
+  label: 'Find an activity to love',
+  options: [{
+    label: 'Yoga',
+    value: 'yoga'
+  }, {
+    label: 'Crossfit',
+    value: 'crossfit'
+  }, {
+    label: 'Tenis',
+    value: 'tenis'
+  }, {
+    label: 'Soccer',
+    value: 'soccer'
+  }, {
+    label: 'Pilates',
+    value: 'pilates'
+  }, {
+    label: 'Run',
+    value: 'running'
+  }]
+};
+describe('<Dropdown />', function () {
+  it('should match snapshot', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, dropdownProps))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot when disabled', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, _extends({}, dropdownProps, {
+      disabled: true
+    })))),
+        container = _render2.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot when full', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, _extends({}, dropdownProps, {
+      full: true
+    })))),
+        container = _render3.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot when has a selected value', function () {
+    var selectedOption = {
+      label: 'Swimming',
+      value: 'swimming',
+      selected: true
+    };
+    var props = dropdownProps;
+    props.options.push(selectedOption);
+
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, _extends({}, props, {
+      disabled: true
+    })))),
+        container = _render4.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with error', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, _extends({}, dropdownProps, {
+      error: "Please, select one activity"
+    })))),
+        container = _render5.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should make label visible when open dropdown', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, dropdownProps))),
+        getByRole = _render6.getByRole;
+
+    _react2.fireEvent.click(getByRole('button'));
+
+    _react2.screen.getAllByText('Find an activity to love');
+  });
+  it('should make label visible when has a selected option', function () {
+    var selectedOption = {
+      label: 'Swimming',
+      value: 'swimming',
+      selected: true
+    };
+    var props = dropdownProps;
+    props.options.push(selectedOption);
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, props)));
+
+    _react2.screen.getAllByText('Find an activity to love');
+  });
+});