@gympass/yoga 7.65.0 → 7.66.1

package/esm/Button/web/Button.test.js

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