@gympass/yoga 7.37.1 → 7.37.2

package/esm/Input/native/Input.test.js

@@ -0,0 +1,181 @@
+import React from 'react';
+import { render, fireEvent } from '@testing-library/react-native';
+import { ThemeProvider, Input } from '../..';
+describe('<Input />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with label', function () {
+      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input"
+      }))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match when input is focused', function () {
+      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        testID: "input"
+      }))),
+          container = _render3.container,
+          getByTestId = _render3.getByTestId;
+
+      fireEvent.focus(getByTestId('input'));
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with disabled input', function () {
+      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        disabled: true
+      }))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with error', function () {
+      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        error: "Error message"
+      }))),
+          container = _render5.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with helper text and max length', function () {
+      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        helper: "Helper text",
+        maxLength: 20
+      }))),
+          container = _render6.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with helper text, max length and hideMaxLength', function () {
+      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        helper: "Helper text",
+        maxLength: 20,
+        hideMaxLength: true
+      }))),
+          container = _render7.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with full width', function () {
+      var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Label",
+        full: true
+      }))),
+          container = _render8.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe('Events', function () {
+    it('should call onChangeText', function () {
+      var onChangeTextMock = jest.fn();
+
+      var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        testID: "input",
+        onChangeText: onChangeTextMock
+      }))),
+          getByTestId = _render9.getByTestId;
+
+      fireEvent.changeText(getByTestId('input'), 'foo');
+      expect(onChangeTextMock).toHaveBeenCalled();
+    });
+    it('should not call onChangeText when input is disabled', function () {
+      var onChangeTextMock = jest.fn();
+
+      var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        testID: "input",
+        onChangeText: onChangeTextMock,
+        disabled: true
+      }))),
+          getByTestId = _render10.getByTestId;
+
+      fireEvent.changeText(getByTestId('input'), 'foo');
+      expect(onChangeTextMock).not.toHaveBeenCalled();
+    });
+    it('should call onFocus', function () {
+      var onFocusMock = jest.fn();
+
+      var _render11 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        testID: "input",
+        onFocus: onFocusMock
+      }))),
+          getByTestId = _render11.getByTestId;
+
+      fireEvent.focus(getByTestId('input'));
+      expect(onFocusMock).toHaveBeenCalled();
+    });
+    it('should call onBlur', function () {
+      var onBlurMock = jest.fn();
+
+      var _render12 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        testID: "input",
+        onBlur: onBlurMock
+      }))),
+          getByTestId = _render12.getByTestId;
+
+      fireEvent.focus(getByTestId('input'));
+      fireEvent.blur(getByTestId('input'));
+      expect(onBlurMock).toHaveBeenCalled();
+    });
+  });
+  describe('maxLength', function () {
+    it('should update maxLength counter when add character', function () {
+      var _render13 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        testID: "input",
+        maxLength: 10
+      }))),
+          getByText = _render13.getByText,
+          rerender = _render13.rerender;
+
+      expect(getByText('0/10').children.join('')).toBe('0/10');
+      rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        value: "foo",
+        maxLength: 10
+      })));
+      expect(getByText('3/10').children.join('')).toBe('3/10');
+    });
+  });
+  describe('clean button', function () {
+    it('should call onClean when press clean button', function () {
+      var onCleanMock = jest.fn();
+
+      var _render14 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        value: "foo",
+        onClean: onCleanMock
+      }))),
+          getByRole = _render14.getByRole;
+
+      fireEvent.press(getByRole('button'));
+      expect(onCleanMock).toHaveBeenCalledWith('');
+    });
+    it('should test if clean button is present', function () {
+      var _render15 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input"
+      }))),
+          rerender = _render15.rerender,
+          queryByRole = _render15.queryByRole; // closeButton
+
+
+      expect(queryByRole('button')).toBeNull();
+      rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        value: "foo"
+      })));
+      expect(queryByRole('button')).not.toBeNull();
+    });
+  });
+});

package/esm/Input/native/Number.js

@@ -0,0 +1,12 @@
+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); }
+
+import React from 'react';
+import Input from './Input';
+var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    ref: ref
+  }, props, {
+    keyboardType: "numeric"
+  }));
+});
+export default InputNumber;

package/esm/Input/native/Number.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { ThemeProvider, Input } from '../..';
+describe('<Input.Number />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Number, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/esm/Input/native/Password.js

@@ -0,0 +1,112 @@
+var _excluded = ["disabled", "style", "full", "onBlur", "onFocus", "theme"];
+
+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); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React, { useState } from 'react';
+import { TouchableWithoutFeedback, Keyboard } from 'react-native';
+import styled, { withTheme } from 'styled-components';
+import { bool, func, shape } from 'prop-types';
+import { Visibility, VisibilityOff } from '@gympass/yoga-icons';
+import Input from './Input';
+var Wrapper = styled.View(function (_ref) {
+  var full = _ref.full,
+      input = _ref.theme.yoga.components.input;
+  return "\n    position: relative;\n\n    width: " + (full ? '100%' : input.width + "px") + ";\n  ";
+});
+var IconWrapper = styled.View(function (_ref2) {
+  var spacing = _ref2.theme.yoga.spacing;
+  return "\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    padding-right: " + spacing.small + "px;\n    padding-left: " + spacing.xxsmall + "px;\n  ";
+});
+var Password = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+  var disabled = _ref3.disabled,
+      style = _ref3.style,
+      full = _ref3.full,
+      _onBlur = _ref3.onBlur,
+      _onFocus = _ref3.onFocus,
+      _ref3$theme$yoga = _ref3.theme.yoga,
+      colors = _ref3$theme$yoga.colors,
+      input = _ref3$theme$yoga.components.input,
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded);
+
+  var _useState = useState(false),
+      showPassword = _useState[0],
+      toggleShowPassword = _useState[1];
+
+  var _useState2 = useState(false),
+      focused = _useState2[0],
+      setFocused = _useState2[1];
+
+  var iconColor = function iconColor() {
+    if (disabled) {
+      return colors.elements.backgroundAndDisabled;
+    }
+
+    if (focused) {
+      return input.font.color.focus;
+    }
+
+    return input.font.color["default"];
+  };
+
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    style: style,
+    full: full
+  }, /*#__PURE__*/React.createElement(Input, _extends({
+    ref: ref
+  }, props, {
+    autoCompleteType: "password",
+    blurOnSubmit: false,
+    cleanable: false,
+    clearTextOnFocus: false,
+    disabled: disabled,
+    full: full,
+    secureTextEntry: !showPassword,
+    textContentType: "password",
+    onSubmitEditing: function onSubmitEditing() {
+      return Keyboard.dismiss();
+    },
+    onBlur: function onBlur(e) {
+      setFocused(false);
+
+      _onBlur(e);
+    },
+    onFocus: function onFocus(e) {
+      setFocused(true);
+
+      _onFocus(e);
+    }
+  })), /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    accessibilityRole: "button",
+    onPress: function onPress() {
+      if (disabled) return;
+      toggleShowPassword(!showPassword);
+    }
+  }, /*#__PURE__*/React.createElement(IconWrapper, {
+    disabled: disabled
+  }, showPassword ? /*#__PURE__*/React.createElement(Visibility, {
+    height: input.height,
+    width: 20,
+    fill: iconColor()
+  }) : /*#__PURE__*/React.createElement(VisibilityOff, {
+    height: input.height,
+    width: 20,
+    fill: iconColor()
+  }))));
+});
+Password.propTypes = {
+  disabled: bool,
+  full: bool,
+  style: shape({}),
+  onBlur: func,
+  onFocus: func
+};
+Password.defaultProps = {
+  disabled: false,
+  full: false,
+  style: undefined,
+  onBlur: function onBlur() {},
+  onFocus: function onFocus() {}
+};
+export default withTheme(Password);

package/esm/Input/native/Password.test.js

@@ -0,0 +1,125 @@
+import React from 'react';
+import { render, fireEvent } from '@testing-library/react-native';
+import { ThemeProvider, Input } from '../..';
+describe('<Input.Password />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match when input is focused', function () {
+      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
+        label: "Input",
+        testID: "input"
+      }))),
+          container = _render2.container,
+          getByTestId = _render2.getByTestId;
+
+      fireEvent.focus(getByTestId('input'));
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with disabled input', function () {
+      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
+        disabled: true
+      }))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with full width', function () {
+      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
+        label: "Label",
+        full: true
+      }))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe('Events', function () {
+    it('should call onChangeText', function () {
+      var onChangeTextMock = jest.fn();
+
+      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
+        label: "Input",
+        testID: "input",
+        onChangeText: onChangeTextMock
+      }))),
+          getByTestId = _render5.getByTestId;
+
+      fireEvent.changeText(getByTestId('input'), 'foo');
+      expect(onChangeTextMock).toHaveBeenCalled();
+    });
+    it('should not call onChangeText when input is readOnly', function () {
+      var onChangeTextMock = jest.fn();
+
+      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
+        label: "Input",
+        testID: "input",
+        onChangeText: onChangeTextMock,
+        readOnly: true
+      }))),
+          getByTestId = _render6.getByTestId;
+
+      fireEvent.focus(getByTestId('input'));
+      expect(onChangeTextMock).not.toHaveBeenCalled();
+    });
+    it('should not call onChangeText when input is disabled', function () {
+      var onChangeTextMock = jest.fn();
+
+      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
+        label: "Input",
+        testID: "input",
+        onChangeText: onChangeTextMock,
+        disabled: true
+      }))),
+          getByTestId = _render7.getByTestId;
+
+      fireEvent.changeText(getByTestId('input'), 'foo');
+      expect(onChangeTextMock).not.toHaveBeenCalled();
+    });
+    it('should call onFocus', function () {
+      var onFocusMock = jest.fn();
+
+      var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
+        label: "Input",
+        testID: "input",
+        onFocus: onFocusMock
+      }))),
+          getByTestId = _render8.getByTestId;
+
+      fireEvent.focus(getByTestId('input'));
+      expect(onFocusMock).toHaveBeenCalled();
+    });
+    it('should call onBlur', function () {
+      var onBlurMock = jest.fn();
+
+      var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
+        label: "Input",
+        testID: "input",
+        onBlur: onBlurMock
+      }))),
+          getByTestId = _render9.getByTestId;
+
+      fireEvent.focus(getByTestId('input'));
+      fireEvent.blur(getByTestId('input'));
+      expect(onBlurMock).toHaveBeenCalled();
+    });
+  });
+  describe('visibility button', function () {
+    it('should toggle password visibility when press visibility button', function () {
+      var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
+        label: "Input",
+        testID: "input"
+      }))),
+          getByRole = _render10.getByRole,
+          getByTestId = _render10.getByTestId;
+
+      expect(getByTestId('input').props.secureTextEntry).toBe(true);
+      fireEvent.press(getByRole('button'));
+      expect(getByTestId('input').props.secureTextEntry).toBe(false);
+    });
+  });
+});

package/esm/Input/native/Tel.js

@@ -0,0 +1,14 @@
+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); }
+
+import React from 'react';
+import Input from './Input';
+var Tel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    ref: ref
+  }, props, {
+    keyboardType: "phone-pad",
+    autoCompleteType: "tel",
+    textContentType: "telephoneNumber"
+  }));
+});
+export default Tel;

package/esm/Input/native/Tel.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { ThemeProvider, Input } from '../..';
+describe('<Input.Tel />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Tel, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/esm/Input/native/index.js

@@ -0,0 +1,6 @@
+import Input from './Input';
+import Password from './Password';
+import InputNumber from './Number';
+import Tel from './Tel';
+import Email from './Email';
+export { Input, Password, InputNumber, Tel, Email };

package/esm/Input/web/Email.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider, Input } from '../..';
+describe('<Input.Email />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Email, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/esm/Input/web/Input.test.js

@@ -0,0 +1,145 @@
+import React from 'react';
+import { render, fireEvent, screen } from '@testing-library/react';
+import { ThemeProvider, Input } from '../..';
+describe('<Input />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with label', function () {
+      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input"
+      }))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with disabled input', function () {
+      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        disabled: true
+      }))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with error', function () {
+      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        error: "Error message"
+      }))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with helper text and max length', function () {
+      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        helper: "Helper text",
+        maxLength: 20
+      }))),
+          container = _render5.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with helper text, max length and hideMaxLength', function () {
+      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        helper: "Helper text",
+        maxLength: 20,
+        hideMaxLength: true
+      }))),
+          container = _render6.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with full width', function () {
+      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Label",
+        full: true
+      }))),
+          container = _render7.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe('Events', function () {
+    it('should call onChange', function () {
+      var onChangeMock = jest.fn();
+      render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        onChange: onChangeMock,
+        "data-testid": "input"
+      })));
+      fireEvent.change(screen.getByTestId('input'), {
+        target: {
+          value: 'foo'
+        }
+      });
+      expect(onChangeMock).toHaveBeenCalled();
+    });
+    it('should call onFocus', function () {
+      var onFocusMock = jest.fn();
+      render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        "data-testid": "input",
+        onFocus: onFocusMock
+      })));
+      fireEvent.focus(screen.getByTestId('input'));
+      expect(onFocusMock).toHaveBeenCalled();
+    });
+    it('should call onBlur', function () {
+      var onBlurMock = jest.fn();
+      render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        "data-testid": "input",
+        onBlur: onBlurMock
+      })));
+      fireEvent.focus(screen.getByTestId('input'));
+      fireEvent.blur(screen.getByTestId('input'));
+      expect(onBlurMock).toHaveBeenCalled();
+    });
+  });
+  describe('maxLength', function () {
+    it('should update maxLength counter when add character', function () {
+      var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        maxLength: 10
+      }))),
+          rerender = _render8.rerender;
+
+      expect(screen.getByText('0/10').textContent).toBe('0/10');
+      rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        value: "foo",
+        maxLength: 10
+      })));
+      expect(screen.getByText('3/10').textContent).toBe('3/10');
+    });
+  });
+  describe('clean button', function () {
+    it('should call onClean when press clean button', function () {
+      var onClean = jest.fn();
+      render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        value: "foo",
+        onClean: onClean
+      })));
+      fireEvent.click(screen.queryByRole('button'));
+      expect(onClean).toHaveBeenCalled();
+    });
+    it('should test if clean button is present', function () {
+      var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input"
+      }))),
+          rerender = _render9.rerender; // closeButton
+
+
+      expect(screen.queryByRole('button')).toBeNull();
+      rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
+        label: "Input",
+        value: "foo"
+      })));
+      expect(screen.queryByRole('button')).not.toBeNull();
+    });
+  });
+});

package/esm/Input/web/Number.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider, Input } from '../..';
+describe('<Input.Number />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Number, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});