@gympass/yoga 7.37.0 → 7.38.0

package/cjs/Button/web/Button.test.js

@@ -0,0 +1,778 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _yogaIcons = require("@gympass/yoga-icons");
+
+var _Theme = _interopRequireDefault(require("../../Theme"));
+
+var _ = _interopRequireDefault(require(".."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Button />', function () {
+  describe('Snapshots', function () {
+    describe('primary buttons', function () {
+      describe('Without props', function () {
+        it('should match snapshot with default Button', 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 Button with Icon', function () {
+          var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render2.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button', function () {
+          var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, null))),
+              container = _render3.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render4.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, null))),
+              container = _render5.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button with Icon', function () {
+          var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render6.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with link Button', function () {
+          var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Link, null))),
+              container = _render7.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with icon Button', function () {
+          var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Icon, {
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render8.container;
+
+          expect(container).toMatchSnapshot();
+        });
+      });
+      describe('With inverted prop', function () {
+        it('should match snapshot with default Button', function () {
+          var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            inverted: true
+          }))),
+              container = _render9.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with default Button with Icon', function () {
+          var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            inverted: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render10.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button', function () {
+          var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            inverted: true
+          }))),
+              container = _render11.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            inverted: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render12.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            inverted: true
+          }))),
+              container = _render13.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            inverted: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render14.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with icon Button', function () {
+          var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Icon, {
+            inverted: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render15.container;
+
+          expect(container).toMatchSnapshot();
+        });
+      });
+      describe('With small prop', function () {
+        it('should match snapshot with default Button', function () {
+          var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            small: true
+          }))),
+              container = _render16.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button', function () {
+          var _render17 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            small: true
+          }))),
+              container = _render17.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render18 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            small: true
+          }))),
+              container = _render18.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with default Button with Icon', function () {
+          var _render19 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            small: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render19.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render20 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            icon: _yogaIcons.Booking,
+            small: true
+          }))),
+              container = _render20.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button with Icon', function () {
+          var _render21 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            icon: _yogaIcons.Booking,
+            small: true
+          }))),
+              container = _render21.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with icon Button', function () {
+          var _render22 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Icon, {
+            icon: _yogaIcons.Booking,
+            small: true
+          }))),
+              container = _render22.container;
+
+          expect(container).toMatchSnapshot();
+        });
+      });
+      describe('With full prop', function () {
+        it('should match snapshot with default Button', function () {
+          var _render23 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            full: true
+          }))),
+              container = _render23.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button', function () {
+          var _render24 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            full: true
+          }))),
+              container = _render24.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render25 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            full: true
+          }))),
+              container = _render25.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with default Button with Icon', function () {
+          var _render26 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            full: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render26.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render27 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            full: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render27.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button with Icon', function () {
+          var _render28 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            full: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render28.container;
+
+          expect(container).toMatchSnapshot();
+        });
+      });
+      describe('With disabled prop', function () {
+        it('should match snapshot with default Button', function () {
+          var _render29 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            disabled: true
+          }))),
+              container = _render29.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button', function () {
+          var _render30 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            disabled: true
+          }))),
+              container = _render30.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render31 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            disabled: true
+          }))),
+              container = _render31.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with link Button', function () {
+          var _render32 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Link, {
+            disabled: true
+          }))),
+              container = _render32.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with default Button with Icon', function () {
+          var _render33 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            disabled: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render33.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render34 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            disabled: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render34.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button with Icon', function () {
+          var _render35 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            disabled: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render35.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with icon Button', function () {
+          var _render36 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Icon, {
+            disabled: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render36.container;
+
+          expect(container).toMatchSnapshot();
+        });
+      });
+    });
+    describe('buttons rendering as an anchor', function () {
+      it('Default Button with href prop', function () {
+        var _render37 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+          href: "http://www.gympass.com",
+          target: "blank"
+        }, "Default Button as an anchor"))),
+            container = _render37.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('Link Button with href prop', function () {
+        var _render38 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Link, {
+          href: "http://www.gympass.com",
+          target: "blank"
+        }, "Link as an anchor"))),
+            container = _render38.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('Outline Button with href prop', function () {
+        var _render39 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+          href: "http://www.gympass.com",
+          target: "blank"
+        }, "Outline as an anchor"))),
+            container = _render39.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('Text Button with href prop', function () {
+        var _render40 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+          href: "http://www.gympass.com",
+          target: "blank"
+        }, "Text as an anchor"))),
+            container = _render40.container;
+
+        expect(container).toMatchSnapshot();
+      });
+    });
+    describe('secondary buttons', function () {
+      describe('Without props', function () {
+        it('should match snapshot with default Button', function () {
+          var _render41 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            secondary: true
+          }))),
+              container = _render41.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with default Button with Icon', function () {
+          var _render42 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            secondary: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render42.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button', function () {
+          var _render43 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            secondary: true
+          }))),
+              container = _render43.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render44 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render44.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render45 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            secondary: true
+          }))),
+              container = _render45.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button with Icon', function () {
+          var _render46 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            secondary: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render46.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with link Button', function () {
+          var _render47 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Link, {
+            secondary: true
+          }))),
+              container = _render47.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with icon Button', function () {
+          var _render48 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Icon, {
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render48.container;
+
+          expect(container).toMatchSnapshot();
+        });
+      });
+      describe('With inverted prop', function () {
+        it('should match snapshot with default Button', function () {
+          var _render49 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            inverted: true,
+            secondary: true
+          }))),
+              container = _render49.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with default Button with Icon', function () {
+          var _render50 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            inverted: true,
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render50.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button', function () {
+          var _render51 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            inverted: true,
+            secondary: true
+          }))),
+              container = _render51.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render52 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            inverted: true,
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render52.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render53 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            inverted: true,
+            secondary: true
+          }))),
+              container = _render53.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button with Icon', function () {
+          var _render54 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            inverted: true,
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render54.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button with Icon', function () {
+          var _render55 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            inverted: true,
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render55.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with icon Button', function () {
+          var _render56 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Icon, {
+            inverted: true,
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render56.container;
+
+          expect(container).toMatchSnapshot();
+        });
+      });
+      describe('With small prop', function () {
+        it('should match snapshot with default Button', function () {
+          var _render57 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            small: true,
+            secondary: true
+          }))),
+              container = _render57.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button', function () {
+          var _render58 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            small: true,
+            secondary: true
+          }))),
+              container = _render58.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render59 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            small: true,
+            secondary: true
+          }))),
+              container = _render59.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with default Button with Icon', function () {
+          var _render60 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            small: true,
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render60.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render61 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            icon: _yogaIcons.Booking,
+            small: true,
+            secondary: true
+          }))),
+              container = _render61.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button with Icon', function () {
+          var _render62 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            icon: _yogaIcons.Booking,
+            small: true,
+            secondary: true
+          }))),
+              container = _render62.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with icon Button', function () {
+          var _render63 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Icon, {
+            icon: _yogaIcons.Booking,
+            small: true,
+            secondary: true
+          }))),
+              container = _render63.container;
+
+          expect(container).toMatchSnapshot();
+        });
+      });
+      describe('With full prop', function () {
+        it('should match snapshot with default Button', function () {
+          var _render64 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            full: true,
+            secondary: true
+          }))),
+              container = _render64.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button', function () {
+          var _render65 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            full: true,
+            secondary: true
+          }))),
+              container = _render65.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render66 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            full: true,
+            secondary: true
+          }))),
+              container = _render66.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with default Button with Icon', function () {
+          var _render67 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            full: true,
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render67.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render68 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            full: true,
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render68.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button with Icon', function () {
+          var _render69 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            full: true,
+            icon: _yogaIcons.Booking,
+            secondary: true
+          }))),
+              container = _render69.container;
+
+          expect(container).toMatchSnapshot();
+        });
+      });
+    });
+    describe('disabled buttons', function () {
+      describe('With disabled prop', function () {
+        it('should match snapshot with default Button', function () {
+          var _render70 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            disabled: true
+          }))),
+              container = _render70.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button', function () {
+          var _render71 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            disabled: true
+          }))),
+              container = _render71.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button', function () {
+          var _render72 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            disabled: true
+          }))),
+              container = _render72.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with link Button', function () {
+          var _render73 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Link, {
+            disabled: true
+          }))),
+              container = _render73.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with default Button with Icon', function () {
+          var _render74 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+            disabled: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render74.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with outline Button with Icon', function () {
+          var _render75 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+            disabled: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render75.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with text Button with Icon', function () {
+          var _render76 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+            disabled: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render76.container;
+
+          expect(container).toMatchSnapshot();
+        });
+        it('should match snapshot with icon Button', function () {
+          var _render77 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Icon, {
+            disabled: true,
+            icon: _yogaIcons.Booking
+          }))),
+              container = _render77.container;
+
+          expect(container).toMatchSnapshot();
+        });
+      });
+    });
+  });
+  describe('onClick prop', function () {
+    it('should call onClick function when click on Button', function () {
+      var onClickMock = jest.fn();
+
+      var _render78 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+        onClick: onClickMock
+      }, "Button"))),
+          getByText = _render78.getByText;
+
+      _react2.fireEvent.click(getByText('Button'));
+
+      expect(onClickMock).toHaveBeenCalled();
+    });
+    it('should call onClick function when click on Button.Outline', function () {
+      var onClickMock = jest.fn();
+
+      var _render79 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Outline, {
+        onClick: onClickMock
+      }, "Button.Outline"))),
+          getByText = _render79.getByText;
+
+      _react2.fireEvent.click(getByText('Button.Outline'));
+
+      expect(onClickMock).toHaveBeenCalled();
+    });
+    it('should call onClick function when click on Button.Text', function () {
+      var onClickMock = jest.fn();
+
+      var _render80 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Text, {
+        onClick: onClickMock
+      }, "Button.Text"))),
+          getByText = _render80.getByText;
+
+      _react2.fireEvent.click(getByText('Button.Text'));
+
+      expect(onClickMock).toHaveBeenCalled();
+    });
+    it('should call onClick function when click on Button.Icon', function () {
+      var onClickMock = jest.fn();
+
+      var _render81 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Icon, {
+        icon: _yogaIcons.Close,
+        onClick: onClickMock
+      }))),
+          getByRole = _render81.getByRole;
+
+      _react2.fireEvent.click(getByRole('button'));
+
+      expect(onClickMock).toHaveBeenCalled();
+    });
+    it('should not call onClick function when click on Button disabled', function () {
+      var onClickMock = jest.fn();
+
+      var _render82 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+        disabled: true,
+        onClick: onClickMock
+      }, "Button"))),
+          getByText = _render82.getByText;
+
+      _react2.fireEvent.click(getByText('Button'));
+
+      expect(onClickMock).not.toHaveBeenCalled();
+    });
+  });
+});