@gympass/yoga 7.37.0 → 7.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/AutoComplete/web/AutoComplete.test.js +152 -0
- package/cjs/Avatar/native/Avatar.test.js +1 -0
- package/cjs/Avatar/web/Avatar.test.js +72 -0
- package/cjs/Banner/native/Banner.test.js +1 -0
- package/cjs/Banner/web/Banner.test.js +121 -0
- package/cjs/BottomSheet/web/BottomSheet.test.js +46 -0
- package/cjs/Box/native/Box.test.js +1 -0
- package/cjs/Box/web/Box.test.js +23 -0
- package/cjs/Button/native/Button.test.js +1 -0
- package/cjs/Button/web/Button.test.js +778 -0
- package/cjs/Card/Card.native.theme.js +9 -7
- package/cjs/Card/Card.theme.js +1 -1
- package/cjs/Card/Card.web.theme.js +8 -6
- package/cjs/Card/native/Card/Card.test.js +1 -0
- package/cjs/Card/native/EventCard/EventCard.test.js +1 -0
- package/cjs/Card/native/GymCard/CheckIn/CheckIn.test.js +1 -0
- package/cjs/Card/native/PlanCard/Actions.js +1 -1
- package/cjs/Card/native/PlanCard/Content.js +1 -1
- package/cjs/Card/native/PlanCard/PlanCard.test.js +1 -0
- package/cjs/Card/web/Card/Card.test.js +22 -0
- package/cjs/Card/web/EventCard/EventCard.test.js +35 -0
- package/cjs/Card/web/PlanCard/Actions.js +1 -1
- package/cjs/Card/web/PlanCard/Content.js +28 -32
- package/cjs/Card/web/PlanCard/PlanCard.test.js +95 -0
- package/cjs/Checkbox/native/Checkbox.test.js +1 -0
- package/cjs/Checkbox/native/Switch.test.js +1 -0
- package/cjs/Checkbox/web/Checkbox.test.js +161 -0
- package/cjs/Checkbox/web/Switch.test.js +65 -0
- package/cjs/Chips/native/Chips.test.js +1 -0
- package/cjs/Chips/web/Chips.test.js +138 -0
- package/cjs/Dialog/web/Dialog.test.js +70 -0
- package/cjs/Divider/native/Divider.test.js +1 -0
- package/cjs/Divider/web/Divider.test.js +36 -0
- package/cjs/Dropdown/native/Backdrop.test.js +1 -0
- package/cjs/Dropdown/native/Dropdown.test.js +1 -0
- package/cjs/Dropdown/web/Dropdown.test.js +102 -0
- package/cjs/Feedback/web/Feedback.test.js +89 -0
- package/cjs/Grid/web/Col.test.js +56 -0
- package/cjs/Grid/web/Container.test.js +22 -0
- package/cjs/Grid/web/Hide.test.js +39 -0
- package/cjs/Grid/web/Row.test.js +22 -0
- package/cjs/Header/web/Header.test.js +44 -0
- package/cjs/Heading/web/Heading.test.js +55 -0
- package/cjs/Heading/web/RightButton.js +1 -1
- package/cjs/Icon/native/Icon.test.js +1 -0
- package/cjs/Icon/web/Icon.test.js +53 -0
- package/cjs/Input/native/Email.test.js +1 -0
- package/cjs/Input/native/Input.test.js +1 -0
- package/cjs/Input/native/Number.test.js +1 -0
- package/cjs/Input/native/Password.test.js +1 -0
- package/cjs/Input/native/Tel.test.js +1 -0
- package/cjs/Input/web/Email.test.js +20 -0
- package/cjs/Input/web/Field.js +1 -1
- package/cjs/Input/web/Input.test.js +161 -0
- package/cjs/Input/web/Number.test.js +20 -0
- package/cjs/Input/web/Password.test.js +103 -0
- package/cjs/Input/web/Tel.test.js +20 -0
- package/cjs/List/native/List.test.js +1 -0
- package/cjs/List/web/List.test.js +69 -0
- package/cjs/Progress/native/Progress.test.js +1 -0
- package/cjs/Progress/web/Progress.test.js +229 -0
- package/cjs/RadioGroup/native/Button/RadioButton.test.js +1 -0
- package/cjs/RadioGroup/native/Radio/Radio.test.js +1 -0
- package/cjs/RadioGroup/native/RadioGroup.test.js +1 -0
- package/cjs/RadioGroup/web/Button/RadioButton.test.js +132 -0
- package/cjs/RadioGroup/web/Radio/Radio.test.js +119 -0
- package/cjs/RadioGroup/web/RadioGroup.test.js +93 -0
- package/cjs/Rating/native/Rating.test.js +1 -0
- package/cjs/Rating/web/Rating.test.js +201 -0
- package/cjs/Result/native/Result.test.js +1 -0
- package/cjs/Slider/native/Slider.test.js +1 -0
- package/cjs/Slider/web/Slider.test.js +95 -0
- package/cjs/Snackbar/native/Snackbar.test.js +1 -0
- package/cjs/Snackbar/web/Snackbar.test.js +135 -0
- package/cjs/Stepper/native/Stepper.test.js +1 -0
- package/cjs/Stepper/web/Stepper.test.js +75 -0
- package/cjs/Tag/native/Tag.test.js +1 -0
- package/cjs/Tag/web/Tag.test.js +87 -0
- package/cjs/Text/native/Text.test.js +1 -0
- package/cjs/Text/sharedTextStyle.js +1 -1
- package/cjs/Text/textStyle.android.js +1 -1
- package/cjs/Text/textStyle.ios.js +1 -1
- package/cjs/Text/textStyle.web.js +1 -1
- package/cjs/Text/web/Text.test.js +157 -0
- package/cjs/TextArea/native/TextArea.test.js +1 -0
- package/cjs/TextArea/web/TextArea.test.js +18 -0
- package/cjs/Theme/Provider/web/FontLoader.test.js +19 -0
- package/cjs/Theme/Provider/web/GlobalStyle.test.js +27 -0
- package/cjs/Theme/helpers/themeReader/native/native.test.js +1 -0
- package/cjs/Theme/helpers/themeReader/web/web.test.js +54 -0
- package/esm/AutoComplete/web/AutoComplete.test.js +135 -0
- package/esm/Avatar/index.native.js +4 -0
- package/esm/Avatar/native/Avatar.js +96 -0
- package/esm/Avatar/native/Avatar.test.js +46 -0
- package/esm/Avatar/native/AvatarCircle.js +24 -0
- package/esm/Avatar/web/Avatar.test.js +63 -0
- package/esm/Banner/index.native.js +2 -0
- package/esm/Banner/native/Banner.js +128 -0
- package/esm/Banner/native/Banner.test.js +103 -0
- package/esm/Banner/native/index.js +2 -0
- package/esm/Banner/web/Banner.test.js +109 -0
- package/esm/BottomSheet/web/BottomSheet.test.js +33 -0
- package/esm/Box/index.native.js +2 -0
- package/esm/Box/native/Box.js +4 -0
- package/esm/Box/native/Box.test.js +16 -0
- package/esm/Box/native/index.js +2 -0
- package/esm/Box/web/Box.test.js +16 -0
- package/esm/Button/index.native.js +8 -0
- package/esm/Button/native/Button.js +110 -0
- package/esm/Button/native/Button.test.js +475 -0
- package/esm/Button/native/Icon.js +82 -0
- package/esm/Button/native/Link.js +35 -0
- package/esm/Button/native/Text.js +74 -0
- package/esm/Button/native/withTouchable.js +63 -0
- package/esm/Button/web/Button.test.js +764 -0
- package/esm/Card/Card.native.theme.js +9 -7
- package/esm/Card/Card.theme.js +1 -1
- package/esm/Card/Card.web.theme.js +8 -6
- package/esm/Card/index.native.js +2 -0
- package/esm/Card/native/Card/Actions.js +12 -0
- package/esm/Card/native/Card/Card.js +92 -0
- package/esm/Card/native/Card/Card.test.js +15 -0
- package/esm/Card/native/Card/Content.js +8 -0
- package/esm/Card/native/Card/Header.js +8 -0
- package/esm/Card/native/Card/index.js +8 -0
- package/esm/Card/native/EventCard/EventCard.js +169 -0
- package/esm/Card/native/EventCard/EventCard.test.js +65 -0
- package/esm/Card/native/EventCard/index.js +2 -0
- package/esm/Card/native/GymCard/CheckIn/Avatar.js +17 -0
- package/esm/Card/native/GymCard/CheckIn/CheckIn.js +66 -0
- package/esm/Card/native/GymCard/CheckIn/CheckIn.test.js +39 -0
- package/esm/Card/native/GymCard/CheckIn/Content.js +11 -0
- package/esm/Card/native/GymCard/CheckIn/Header.js +11 -0
- package/esm/Card/native/GymCard/CheckIn/index.js +2 -0
- package/esm/Card/native/GymCard/index.js +5 -0
- package/esm/Card/native/PlanCard/Actions.js +24 -0
- package/esm/Card/native/PlanCard/Content.js +75 -0
- package/esm/Card/native/PlanCard/List.js +73 -0
- package/esm/Card/native/PlanCard/PlanCard.js +54 -0
- package/esm/Card/native/PlanCard/PlanCard.test.js +84 -0
- package/esm/Card/native/PlanCard/Subtitle.js +15 -0
- package/esm/Card/native/PlanCard/Tag.js +33 -0
- package/esm/Card/native/PlanCard/index.js +15 -0
- package/esm/Card/native/index.js +5 -0
- package/esm/Card/web/Card/Card.test.js +14 -0
- package/esm/Card/web/EventCard/EventCard.test.js +27 -0
- package/esm/Card/web/PlanCard/Actions.js +1 -1
- package/esm/Card/web/PlanCard/Content.js +25 -30
- package/esm/Card/web/PlanCard/PlanCard.test.js +85 -0
- package/esm/Checkbox/index.native.js +3 -0
- package/esm/Checkbox/native/Checkbox.js +179 -0
- package/esm/Checkbox/native/Checkbox.test.js +115 -0
- package/esm/Checkbox/native/Switch.js +115 -0
- package/esm/Checkbox/native/Switch.test.js +54 -0
- package/esm/Checkbox/native/index.js +3 -0
- package/esm/Checkbox/web/Checkbox.test.js +153 -0
- package/esm/Checkbox/web/Switch.test.js +56 -0
- package/esm/Chips/index.native.js +2 -0
- package/esm/Chips/native/Chips.js +104 -0
- package/esm/Chips/native/Chips.test.js +134 -0
- package/esm/Chips/native/Counter.js +20 -0
- package/esm/Chips/native/index.js +2 -0
- package/esm/Chips/web/Chips.test.js +128 -0
- package/esm/Dialog/web/Dialog.test.js +54 -0
- package/esm/Divider/index.native.js +2 -0
- package/esm/Divider/native/Divider.js +29 -0
- package/esm/Divider/native/Divider.test.js +29 -0
- package/esm/Divider/native/index.js +2 -0
- package/esm/Divider/web/Divider.test.js +29 -0
- package/esm/Dropdown/index.native.js +2 -0
- package/esm/Dropdown/native/Backdrop.js +93 -0
- package/esm/Dropdown/native/Backdrop.test.js +26 -0
- package/esm/Dropdown/native/Dropdown.js +142 -0
- package/esm/Dropdown/native/Dropdown.test.js +78 -0
- package/esm/Dropdown/native/Options.android.js +66 -0
- package/esm/Dropdown/native/Options.ios.js +71 -0
- package/esm/Dropdown/native/index.js +2 -0
- package/esm/Dropdown/web/Dropdown.test.js +93 -0
- package/esm/Feedback/web/Feedback.test.js +83 -0
- package/esm/Grid/web/Col.test.js +48 -0
- package/esm/Grid/web/Container.test.js +14 -0
- package/esm/Grid/web/Hide.test.js +31 -0
- package/esm/Grid/web/Row.test.js +14 -0
- package/esm/Header/web/Header.test.js +34 -0
- package/esm/Heading/web/Heading.test.js +45 -0
- package/esm/Heading/web/RightButton.js +1 -1
- package/esm/Icon/index.native.js +2 -0
- package/esm/Icon/native/Icon.test.js +47 -0
- package/esm/Icon/native/index.js +2 -0
- package/esm/Icon/web/Icon.test.js +47 -0
- package/esm/Input/index.native.js +6 -0
- package/esm/Input/native/Email.js +15 -0
- package/esm/Input/native/Email.test.js +13 -0
- package/esm/Input/native/Helper.js +62 -0
- package/esm/Input/native/Input.js +234 -0
- package/esm/Input/native/Input.test.js +181 -0
- package/esm/Input/native/Number.js +12 -0
- package/esm/Input/native/Number.test.js +13 -0
- package/esm/Input/native/Password.js +112 -0
- package/esm/Input/native/Password.test.js +125 -0
- package/esm/Input/native/Tel.js +14 -0
- package/esm/Input/native/Tel.test.js +13 -0
- package/esm/Input/native/index.js +6 -0
- package/esm/Input/web/Email.test.js +13 -0
- package/esm/Input/web/Field.js +1 -1
- package/esm/Input/web/Input.test.js +145 -0
- package/esm/Input/web/Number.test.js +13 -0
- package/esm/Input/web/Password.test.js +90 -0
- package/esm/Input/web/Tel.test.js +13 -0
- package/esm/List/index.native.js +3 -0
- package/esm/List/native/List.js +22 -0
- package/esm/List/native/List.test.js +106 -0
- package/esm/List/native/ListItem.js +51 -0
- package/esm/List/native/index.js +3 -0
- package/esm/List/web/List.test.js +62 -0
- package/esm/Progress/index.native.js +2 -0
- package/esm/Progress/native/Progress.js +103 -0
- package/esm/Progress/native/Progress.test.js +222 -0
- package/esm/Progress/native/index.js +2 -0
- package/esm/Progress/web/Progress.test.js +222 -0
- package/esm/RadioGroup/index.native.js +4 -0
- package/esm/RadioGroup/native/Button/RadioButton.js +64 -0
- package/esm/RadioGroup/native/Button/RadioButton.test.js +94 -0
- package/esm/RadioGroup/native/Radio/Radio.js +88 -0
- package/esm/RadioGroup/native/Radio/Radio.test.js +102 -0
- package/esm/RadioGroup/native/RadioGroup.js +66 -0
- package/esm/RadioGroup/native/RadioGroup.test.js +48 -0
- package/esm/RadioGroup/native/index.js +4 -0
- package/esm/RadioGroup/web/Button/RadioButton.test.js +121 -0
- package/esm/RadioGroup/web/Radio/Radio.test.js +108 -0
- package/esm/RadioGroup/web/RadioGroup.test.js +83 -0
- package/esm/Rating/index.native.js +2 -0
- package/esm/Rating/native/Rating.js +186 -0
- package/esm/Rating/native/Rating.test.js +121 -0
- package/esm/Rating/native/index.js +2 -0
- package/esm/Rating/web/Rating.test.js +184 -0
- package/esm/Result/index.native.js +8 -0
- package/esm/Result/native/Attendances.js +55 -0
- package/esm/Result/native/Details.js +97 -0
- package/esm/Result/native/Rate.js +35 -0
- package/esm/Result/native/Result.js +86 -0
- package/esm/Result/native/Result.test.js +107 -0
- package/esm/Result/native/ResultButton.js +13 -0
- package/esm/Result/native/Tags.js +41 -0
- package/esm/Result/native/TinyTextIcon.js +18 -0
- package/esm/Result/native/index.js +2 -0
- package/esm/Slider/index.native.js +2 -0
- package/esm/Slider/native/Label.js +19 -0
- package/esm/Slider/native/Marker.js +68 -0
- package/esm/Slider/native/Slider.js +156 -0
- package/esm/Slider/native/Slider.test.js +115 -0
- package/esm/Slider/native/Step.js +14 -0
- package/esm/Slider/native/Tooltip.js +90 -0
- package/esm/Slider/web/Slider.test.js +86 -0
- package/esm/Snackbar/index.native.js +2 -0
- package/esm/Snackbar/native/Snackbar.js +199 -0
- package/esm/Snackbar/native/Snackbar.test.js +100 -0
- package/esm/Snackbar/native/SnackbarAnimationWrapper.js +124 -0
- package/esm/Snackbar/native/index.js +2 -0
- package/esm/Snackbar/web/Snackbar.test.js +116 -0
- package/esm/Stepper/index.native.js +3 -0
- package/esm/Stepper/native/Dots.js +45 -0
- package/esm/Stepper/native/Line.js +35 -0
- package/esm/Stepper/native/Step.js +19 -0
- package/esm/Stepper/native/Stepper.js +52 -0
- package/esm/Stepper/native/Stepper.test.js +68 -0
- package/esm/Stepper/native/index.js +3 -0
- package/esm/Stepper/web/Stepper.test.js +67 -0
- package/esm/Tag/index.native.js +4 -0
- package/esm/Tag/native/Informative.js +71 -0
- package/esm/Tag/native/Tag.js +75 -0
- package/esm/Tag/native/Tag.test.js +92 -0
- package/esm/Tag/native/index.js +2 -0
- package/esm/Tag/web/Tag.test.js +79 -0
- package/esm/Text/index.native.js +16 -0
- package/esm/Text/native/Text.js +69 -0
- package/esm/Text/native/Text.test.js +149 -0
- package/esm/Text/native/index.js +2 -0
- package/esm/Text/sharedTextStyle.js +1 -1
- package/esm/Text/textStyle.android.js +1 -1
- package/esm/Text/textStyle.ios.js +1 -1
- package/esm/Text/textStyle.web.js +1 -1
- package/esm/Text/web/Text.test.js +149 -0
- package/esm/TextArea/index.native.js +2 -0
- package/esm/TextArea/native/TextArea.js +59 -0
- package/esm/TextArea/native/TextArea.test.js +11 -0
- package/esm/TextArea/native/index.js +2 -0
- package/esm/TextArea/web/TextArea.test.js +11 -0
- package/esm/Theme/Provider/index.native.js +2 -0
- package/esm/Theme/Provider/native/index.js +2 -0
- package/esm/Theme/Provider/web/FontLoader.test.js +11 -0
- package/esm/Theme/Provider/web/GlobalStyle.test.js +17 -0
- package/esm/Theme/helpers/themeReader/native/native.test.js +53 -0
- package/esm/Theme/helpers/themeReader/web/web.test.js +41 -0
- package/esm/Theme/index.native.js +5 -0
- package/esm/index.native.js +24 -0
- package/esm/shared/index.native.js +2 -0
- package/package.json +6 -6
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _ = _interopRequireDefault(require(".."));
|
|
8
|
+
|
|
9
|
+
var _Theme = _interopRequireDefault(require("../../Theme"));
|
|
10
|
+
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
+
|
|
13
|
+
describe('<Checkbox />', function () {
|
|
14
|
+
describe('<Checkbox.Switch />', function () {
|
|
15
|
+
describe('Snapshots', function () {
|
|
16
|
+
it('should match snapshot with default switch', function () {
|
|
17
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, null))),
|
|
18
|
+
container = _render.container;
|
|
19
|
+
|
|
20
|
+
expect(container).toMatchSnapshot();
|
|
21
|
+
});
|
|
22
|
+
it('should match snapshot with disabled switch', function () {
|
|
23
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
|
|
24
|
+
disabled: true
|
|
25
|
+
}))),
|
|
26
|
+
container = _render2.container;
|
|
27
|
+
|
|
28
|
+
expect(container).toMatchSnapshot();
|
|
29
|
+
});
|
|
30
|
+
it('should match snapshot with checked switch', function () {
|
|
31
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
|
|
32
|
+
checked: true
|
|
33
|
+
}))),
|
|
34
|
+
container = _render3.container;
|
|
35
|
+
|
|
36
|
+
expect(container).toMatchSnapshot();
|
|
37
|
+
});
|
|
38
|
+
it('should match snapshot with disabled and checked switch', function () {
|
|
39
|
+
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
|
|
40
|
+
disabled: true,
|
|
41
|
+
checked: true
|
|
42
|
+
}))),
|
|
43
|
+
container = _render4.container;
|
|
44
|
+
|
|
45
|
+
expect(container).toMatchSnapshot();
|
|
46
|
+
});
|
|
47
|
+
it('should call onChange function when click on Checkbox.Switch', function () {
|
|
48
|
+
var onChangeMock = jest.fn();
|
|
49
|
+
|
|
50
|
+
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
|
|
51
|
+
disabled: true,
|
|
52
|
+
checked: true,
|
|
53
|
+
onChange: onChangeMock
|
|
54
|
+
}))),
|
|
55
|
+
getByRole = _render5.getByRole;
|
|
56
|
+
|
|
57
|
+
_react2.fireEvent.click(getByRole('switch', {
|
|
58
|
+
hidden: true
|
|
59
|
+
}));
|
|
60
|
+
|
|
61
|
+
expect(onChangeMock).toHaveBeenCalled();
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");describe('<Chips />',function(){describe('Snapshots',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes"))),container=_render.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with disabled prop',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{disabled:true},"Classes"))),container=_render2.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with more than one Chip',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes"),_react["default"].createElement(_.Chips,null,"Gyms and studios"),_react["default"].createElement(_.Chips,null,"Personal trainers"))),container=_render3.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with a long text',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes with a very long text"))),container=_render4.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});describe('selected',function(){it('should match snapshot',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{selected:true},"Classes"))),container=_render5.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with more than one Chip',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes"),_react["default"].createElement(_.Chips,{selected:true},"Gyms and studios"),_react["default"].createElement(_.Chips,{selected:true},"Personal trainers"))),container=_render6.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});describe('counter',function(){it('should match snapshot',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{counter:8},"Classes"))),container=_render7.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with more than one Chip',function(){var _render8=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{counter:8},"Classes"),_react["default"].createElement(_.Chips,{counter:52,selected:true},"Gyms and studios"),_react["default"].createElement(_.Chips,{counter:1732,selected:true},"Personal trainers"))),container=_render8.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});describe('icon',function(){it('should match selected snapshot',function(){var _render9=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{counter:8,icon:[_yogaIcons.MapPin]},"Location"),_react["default"].createElement(_.Chips,{counter:8,icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Classes"),_react["default"].createElement(_.Chips,{icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Gyms and studios"),_react["default"].createElement(_.Chips,{icon:[_yogaIcons.MapPin]},"Personal trainers"),_react["default"].createElement(_.Chips,{counter:8,selected:true,icon:[_yogaIcons.MapPin]},"Activities"),_react["default"].createElement(_.Chips,{counter:8,selected:true,icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Language"),_react["default"].createElement(_.Chips,{selected:true,icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Categories"),_react["default"].createElement(_.Chips,{selected:true,icon:[_yogaIcons.MapPin]},"Availability"))),container=_render9.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});});describe('Events',function(){it('should toggle using onPress',function(){var toggleMock=jest.fn();var _render10=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{onPress:toggleMock},"Classes"))),getByText=_render10.getByText;_reactNative.fireEvent.press(getByText('Classes'));expect(toggleMock).toHaveBeenCalled();});it('should toggle using onToggle',function(){var toggleMock=jest.fn();var _render11=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{onToggle:toggleMock},"Classes"))),getByText=_render11.getByText;_reactNative.fireEvent.press(getByText('Classes'));expect(toggleMock).toHaveBeenCalled();});});});
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _yogaIcons = require("@gympass/yoga-icons");
|
|
8
|
+
|
|
9
|
+
var _ = require("../..");
|
|
10
|
+
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
+
|
|
13
|
+
describe('<Chips />', function () {
|
|
14
|
+
describe('Snapshots', function () {
|
|
15
|
+
it('should match snapshot', function () {
|
|
16
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, null, "Classes"))),
|
|
17
|
+
container = _render.container;
|
|
18
|
+
|
|
19
|
+
expect(container).toMatchSnapshot();
|
|
20
|
+
});
|
|
21
|
+
it('should match snapshot with disabled prop', function () {
|
|
22
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
23
|
+
disabled: true
|
|
24
|
+
}, "Classes"))),
|
|
25
|
+
container = _render2.container;
|
|
26
|
+
|
|
27
|
+
expect(container).toMatchSnapshot();
|
|
28
|
+
});
|
|
29
|
+
it('should match snapshot with more than one Chip', function () {
|
|
30
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, null, "Classes"), /*#__PURE__*/_react["default"].createElement(_.Chips, null, "Gyms and studios"), /*#__PURE__*/_react["default"].createElement(_.Chips, null, "Personal trainers"))),
|
|
31
|
+
container = _render3.container;
|
|
32
|
+
|
|
33
|
+
expect(container).toMatchSnapshot();
|
|
34
|
+
});
|
|
35
|
+
describe('selected', function () {
|
|
36
|
+
it('should match snapshot', function () {
|
|
37
|
+
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
38
|
+
selected: true
|
|
39
|
+
}, "Classes"))),
|
|
40
|
+
container = _render4.container;
|
|
41
|
+
|
|
42
|
+
expect(container).toMatchSnapshot();
|
|
43
|
+
});
|
|
44
|
+
it('should match snapshot with more than one Chip', function () {
|
|
45
|
+
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, null, "Classes"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
46
|
+
selected: true
|
|
47
|
+
}, "Gyms and studios"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
48
|
+
selected: true
|
|
49
|
+
}, "Personal trainers"))),
|
|
50
|
+
container = _render5.container;
|
|
51
|
+
|
|
52
|
+
expect(container).toMatchSnapshot();
|
|
53
|
+
});
|
|
54
|
+
});
|
|
55
|
+
describe('counter', function () {
|
|
56
|
+
it('should match snapshot', function () {
|
|
57
|
+
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
58
|
+
counter: 8
|
|
59
|
+
}, "Classes"))),
|
|
60
|
+
container = _render6.container;
|
|
61
|
+
|
|
62
|
+
expect(container).toMatchSnapshot();
|
|
63
|
+
});
|
|
64
|
+
it('should match snapshot with more than one Chip', function () {
|
|
65
|
+
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
66
|
+
counter: 8
|
|
67
|
+
}, "Classes"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
68
|
+
counter: 52,
|
|
69
|
+
selected: true
|
|
70
|
+
}, "Gyms and studios"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
71
|
+
counter: 1732,
|
|
72
|
+
selected: true
|
|
73
|
+
}, "Personal trainers"))),
|
|
74
|
+
container = _render7.container;
|
|
75
|
+
|
|
76
|
+
expect(container).toMatchSnapshot();
|
|
77
|
+
});
|
|
78
|
+
});
|
|
79
|
+
describe('icon', function () {
|
|
80
|
+
it('should match selected snapshot', function () {
|
|
81
|
+
var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
82
|
+
counter: 8,
|
|
83
|
+
icon: [_yogaIcons.MapPin]
|
|
84
|
+
}, "Location"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
85
|
+
counter: 8,
|
|
86
|
+
icon: [_yogaIcons.MapPin, _yogaIcons.ChevronDown]
|
|
87
|
+
}, "Classes"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
88
|
+
icon: [_yogaIcons.MapPin, _yogaIcons.ChevronDown]
|
|
89
|
+
}, "Gyms and studios"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
90
|
+
icon: [_yogaIcons.MapPin]
|
|
91
|
+
}, "Personal trainers"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
92
|
+
counter: 8,
|
|
93
|
+
selected: true,
|
|
94
|
+
icon: [_yogaIcons.MapPin]
|
|
95
|
+
}, "Activities"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
96
|
+
counter: 8,
|
|
97
|
+
selected: true,
|
|
98
|
+
icon: [_yogaIcons.MapPin, _yogaIcons.ChevronDown]
|
|
99
|
+
}, "Language"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
100
|
+
selected: true,
|
|
101
|
+
icon: [_yogaIcons.MapPin, _yogaIcons.ChevronDown]
|
|
102
|
+
}, "Categories"), /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
103
|
+
selected: true,
|
|
104
|
+
icon: [_yogaIcons.MapPin]
|
|
105
|
+
}, "Availability"))),
|
|
106
|
+
container = _render8.container;
|
|
107
|
+
|
|
108
|
+
expect(container).toMatchSnapshot();
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
describe('Events', function () {
|
|
113
|
+
it('should toggle', function () {
|
|
114
|
+
var toggleMock = jest.fn();
|
|
115
|
+
|
|
116
|
+
var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
117
|
+
onClick: toggleMock
|
|
118
|
+
}, "Classes"))),
|
|
119
|
+
getByText = _render9.getByText;
|
|
120
|
+
|
|
121
|
+
_react2.fireEvent.click(getByText('Classes'));
|
|
122
|
+
|
|
123
|
+
expect(toggleMock).toHaveBeenCalled();
|
|
124
|
+
});
|
|
125
|
+
it('should toggle using onToggle', function () {
|
|
126
|
+
var toggleMock = jest.fn();
|
|
127
|
+
|
|
128
|
+
var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Chips, {
|
|
129
|
+
onToggle: toggleMock
|
|
130
|
+
}, "Classes"))),
|
|
131
|
+
getByText = _render10.getByText;
|
|
132
|
+
|
|
133
|
+
_react2.fireEvent.click(getByText('Classes'));
|
|
134
|
+
|
|
135
|
+
expect(toggleMock).toHaveBeenCalled();
|
|
136
|
+
});
|
|
137
|
+
});
|
|
138
|
+
});
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _ = require("../..");
|
|
8
|
+
|
|
9
|
+
var _2 = _interopRequireDefault(require("."));
|
|
10
|
+
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
+
|
|
13
|
+
describe('<Dialog />', function () {
|
|
14
|
+
afterEach(_react2.cleanup);
|
|
15
|
+
it('should match snapshot', function () {
|
|
16
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
|
|
17
|
+
isOpen: true
|
|
18
|
+
}, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"), /*#__PURE__*/_react["default"].createElement(_2["default"].Content, null, "Subtitle"), /*#__PURE__*/_react["default"].createElement(_2["default"].Footer, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
|
|
19
|
+
secondary: true
|
|
20
|
+
}, "Ok, got it"))))),
|
|
21
|
+
baseElement = _render.baseElement;
|
|
22
|
+
|
|
23
|
+
expect(baseElement).toMatchSnapshot();
|
|
24
|
+
});
|
|
25
|
+
it('should match snapshot with close button', function () {
|
|
26
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
|
|
27
|
+
isOpen: true,
|
|
28
|
+
onClose: jest.fn()
|
|
29
|
+
}, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"), /*#__PURE__*/_react["default"].createElement(_2["default"].Content, null, "Subtitle"), /*#__PURE__*/_react["default"].createElement(_2["default"].Footer, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
|
|
30
|
+
secondary: true
|
|
31
|
+
}, "Ok, got it"))))),
|
|
32
|
+
baseElement = _render2.baseElement;
|
|
33
|
+
|
|
34
|
+
expect(baseElement).toMatchSnapshot();
|
|
35
|
+
});
|
|
36
|
+
it('should render a minimal dialog', function () {
|
|
37
|
+
var onActionMock = jest.fn();
|
|
38
|
+
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
|
|
39
|
+
isOpen: true
|
|
40
|
+
}, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"), /*#__PURE__*/_react["default"].createElement(_2["default"].Content, null, "Subtitle"), /*#__PURE__*/_react["default"].createElement(_2["default"].Footer, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
|
|
41
|
+
onClick: onActionMock,
|
|
42
|
+
secondary: true
|
|
43
|
+
}, "Ok, got it")))));
|
|
44
|
+
|
|
45
|
+
_react2.screen.getByText('Title');
|
|
46
|
+
|
|
47
|
+
_react2.screen.getByText('Subtitle');
|
|
48
|
+
|
|
49
|
+
var button = _react2.screen.getByRole('button', {
|
|
50
|
+
name: /Ok, got it/i
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
_react2.fireEvent.click(button);
|
|
54
|
+
|
|
55
|
+
expect(onActionMock).toHaveBeenCalledTimes(1);
|
|
56
|
+
});
|
|
57
|
+
it('should render with close button', function () {
|
|
58
|
+
var onCloseMock = jest.fn();
|
|
59
|
+
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
|
|
60
|
+
isOpen: true,
|
|
61
|
+
onClose: onCloseMock
|
|
62
|
+
}, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Title"))));
|
|
63
|
+
|
|
64
|
+
var button = _react2.screen.getByRole('button');
|
|
65
|
+
|
|
66
|
+
_react2.fireEvent.click(button);
|
|
67
|
+
|
|
68
|
+
expect(onCloseMock).toHaveBeenCalledTimes(1);
|
|
69
|
+
});
|
|
70
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");describe('<Divider />',function(){it('should create a divider component',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Box,{display:"flex",flexDirection:"column",minWidth:300,justifyContent:"space-between"},_react["default"].createElement(_.Text.H4,null,"First Content"),_react["default"].createElement(_.Divider,null),_react["default"].createElement(_.Text.H4,null,"Second Content")))),container=_render.container;expect(container).toMatchSnapshot();});it('should create vertical divider component',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Box,{display:"flex",flexDirection:"row",minWidth:300,justifyContent:"space-between"},_react["default"].createElement(_.Text.H4,null,"First Content"),_react["default"].createElement(_.Divider,{vertical:true}),_react["default"].createElement(_.Text.H4,null,"Second Content")))),container=_render2.container;expect(container).toMatchSnapshot();});});
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _ = require("../..");
|
|
8
|
+
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
|
|
11
|
+
describe('<Divider />', function () {
|
|
12
|
+
it('should create a divider component', function () {
|
|
13
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Box, {
|
|
14
|
+
flex: 1,
|
|
15
|
+
display: "flex",
|
|
16
|
+
flexDirection: "column",
|
|
17
|
+
minHeight: 50
|
|
18
|
+
}, /*#__PURE__*/_react["default"].createElement(_.Text.Regular, null, "First Content"), /*#__PURE__*/_react["default"].createElement(_.Divider, null), /*#__PURE__*/_react["default"].createElement(_.Text.Regular, null, "Second Content")))),
|
|
19
|
+
container = _render.container;
|
|
20
|
+
|
|
21
|
+
expect(container).toMatchSnapshot();
|
|
22
|
+
});
|
|
23
|
+
it('should create a vertical divider component', function () {
|
|
24
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Box, {
|
|
25
|
+
flex: 1,
|
|
26
|
+
display: "flex",
|
|
27
|
+
flexDirection: "row",
|
|
28
|
+
minHeight: 50
|
|
29
|
+
}, /*#__PURE__*/_react["default"].createElement(_.Text.Regular, null, "First Content"), /*#__PURE__*/_react["default"].createElement(_.Divider, {
|
|
30
|
+
vertical: true
|
|
31
|
+
}), /*#__PURE__*/_react["default"].createElement(_.Text.Regular, null, "Second Content")))),
|
|
32
|
+
container = _render2.container;
|
|
33
|
+
|
|
34
|
+
expect(container).toMatchSnapshot();
|
|
35
|
+
});
|
|
36
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");var _Backdrop=_interopRequireDefault(require("./Backdrop"));jest.useFakeTimers();describe('<Backdrop />',function(){describe('Snapshots',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Backdrop["default"],{title:"Find an Activity"},"Some Content"))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot when visible',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Backdrop["default"],{visible:true,title:"Find an Activity"},"Some Content"))),container=_render2.container;expect(container).toMatchSnapshot();});});});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");jest.useFakeTimers();var dropdownProps={label:'Find an activity to love',options:[{label:'Yoga',value:'yoga'},{label:'Crossfit',value:'crossfit'},{label:'Tenis',value:'tenis'},{label:'Soccer',value:'soccer'},{label:'Pilates',value:'pilates'},{label:'Run',value:'running'}]};describe('<Dropdown />',function(){describe('Snapshots',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Dropdown,dropdownProps))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot when disabled',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Dropdown,(0,_extends2["default"])({disabled:true},dropdownProps)))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot when full',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Dropdown,(0,_extends2["default"])({full:true},dropdownProps)))),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot when has a selected value',function(){var selectedOption={label:'Swimming',value:'swimming',selected:true};var props=dropdownProps;props.options.push(selectedOption);var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Dropdown,(0,_extends2["default"])({disabled:true},props)))),container=_render4.container;expect(container).toMatchSnapshot();});it('should match snapshot with error',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Dropdown,(0,_extends2["default"])({},dropdownProps,{error:"Please, select one activity"})))),container=_render5.container;expect(container).toMatchSnapshot();});});});
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _ = require("../..");
|
|
8
|
+
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
|
|
11
|
+
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); }
|
|
12
|
+
|
|
13
|
+
var dropdownProps = {
|
|
14
|
+
label: 'Find an activity to love',
|
|
15
|
+
options: [{
|
|
16
|
+
label: 'Yoga',
|
|
17
|
+
value: 'yoga'
|
|
18
|
+
}, {
|
|
19
|
+
label: 'Crossfit',
|
|
20
|
+
value: 'crossfit'
|
|
21
|
+
}, {
|
|
22
|
+
label: 'Tenis',
|
|
23
|
+
value: 'tenis'
|
|
24
|
+
}, {
|
|
25
|
+
label: 'Soccer',
|
|
26
|
+
value: 'soccer'
|
|
27
|
+
}, {
|
|
28
|
+
label: 'Pilates',
|
|
29
|
+
value: 'pilates'
|
|
30
|
+
}, {
|
|
31
|
+
label: 'Run',
|
|
32
|
+
value: 'running'
|
|
33
|
+
}]
|
|
34
|
+
};
|
|
35
|
+
describe('<Dropdown />', function () {
|
|
36
|
+
it('should match snapshot', function () {
|
|
37
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, dropdownProps))),
|
|
38
|
+
container = _render.container;
|
|
39
|
+
|
|
40
|
+
expect(container).toMatchSnapshot();
|
|
41
|
+
});
|
|
42
|
+
it('should match snapshot when disabled', function () {
|
|
43
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, _extends({}, dropdownProps, {
|
|
44
|
+
disabled: true
|
|
45
|
+
})))),
|
|
46
|
+
container = _render2.container;
|
|
47
|
+
|
|
48
|
+
expect(container).toMatchSnapshot();
|
|
49
|
+
});
|
|
50
|
+
it('should match snapshot when full', function () {
|
|
51
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, _extends({}, dropdownProps, {
|
|
52
|
+
full: true
|
|
53
|
+
})))),
|
|
54
|
+
container = _render3.container;
|
|
55
|
+
|
|
56
|
+
expect(container).toMatchSnapshot();
|
|
57
|
+
});
|
|
58
|
+
it('should match snapshot when has a selected value', function () {
|
|
59
|
+
var selectedOption = {
|
|
60
|
+
label: 'Swimming',
|
|
61
|
+
value: 'swimming',
|
|
62
|
+
selected: true
|
|
63
|
+
};
|
|
64
|
+
var props = dropdownProps;
|
|
65
|
+
props.options.push(selectedOption);
|
|
66
|
+
|
|
67
|
+
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, _extends({}, props, {
|
|
68
|
+
disabled: true
|
|
69
|
+
})))),
|
|
70
|
+
container = _render4.container;
|
|
71
|
+
|
|
72
|
+
expect(container).toMatchSnapshot();
|
|
73
|
+
});
|
|
74
|
+
it('should match snapshot with error', function () {
|
|
75
|
+
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, _extends({}, dropdownProps, {
|
|
76
|
+
error: "Please, select one activity"
|
|
77
|
+
})))),
|
|
78
|
+
container = _render5.container;
|
|
79
|
+
|
|
80
|
+
expect(container).toMatchSnapshot();
|
|
81
|
+
});
|
|
82
|
+
it('should make label visible when open dropdown', function () {
|
|
83
|
+
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, dropdownProps))),
|
|
84
|
+
getByRole = _render6.getByRole;
|
|
85
|
+
|
|
86
|
+
_react2.fireEvent.click(getByRole('button'));
|
|
87
|
+
|
|
88
|
+
_react2.screen.getAllByText('Find an activity to love');
|
|
89
|
+
});
|
|
90
|
+
it('should make label visible when has a selected option', function () {
|
|
91
|
+
var selectedOption = {
|
|
92
|
+
label: 'Swimming',
|
|
93
|
+
value: 'swimming',
|
|
94
|
+
selected: true
|
|
95
|
+
};
|
|
96
|
+
var props = dropdownProps;
|
|
97
|
+
props.options.push(selectedOption);
|
|
98
|
+
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Dropdown, props)));
|
|
99
|
+
|
|
100
|
+
_react2.screen.getAllByText('Find an activity to love');
|
|
101
|
+
});
|
|
102
|
+
});
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _ = require("../..");
|
|
8
|
+
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
|
|
11
|
+
function renderWithTheme(ui) {
|
|
12
|
+
return (0, _react2.render)(ui, {
|
|
13
|
+
wrapper: _.ThemeProvider
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
var title = 'Welcome to Yoga';
|
|
18
|
+
var description = 'Enjoy your membership!';
|
|
19
|
+
describe('<Feedback />', function () {
|
|
20
|
+
it('should render the title and description', function () {
|
|
21
|
+
var _renderWithTheme = renderWithTheme( /*#__PURE__*/_react["default"].createElement(_.Feedback, {
|
|
22
|
+
variant: "success",
|
|
23
|
+
title: title,
|
|
24
|
+
description: description
|
|
25
|
+
})),
|
|
26
|
+
getByText = _renderWithTheme.getByText;
|
|
27
|
+
|
|
28
|
+
expect(getByText(title)).toBeTruthy();
|
|
29
|
+
expect(getByText(description)).toBeTruthy();
|
|
30
|
+
});
|
|
31
|
+
it('should render the title children', function () {
|
|
32
|
+
var _renderWithTheme2 = renderWithTheme( /*#__PURE__*/_react["default"].createElement(_.Feedback, {
|
|
33
|
+
variant: "success",
|
|
34
|
+
description: "Enjoy your membership!"
|
|
35
|
+
}, /*#__PURE__*/_react["default"].createElement(_.Feedback.Title, {
|
|
36
|
+
as: "h1"
|
|
37
|
+
}, title))),
|
|
38
|
+
getByRole = _renderWithTheme2.getByRole;
|
|
39
|
+
|
|
40
|
+
expect(getByRole('heading', {
|
|
41
|
+
name: title
|
|
42
|
+
})).toBeTruthy();
|
|
43
|
+
});
|
|
44
|
+
it('should render the buttons', function () {
|
|
45
|
+
var _renderWithTheme3 = renderWithTheme( /*#__PURE__*/_react["default"].createElement(_.Feedback, {
|
|
46
|
+
variant: "success",
|
|
47
|
+
title: title,
|
|
48
|
+
description: description
|
|
49
|
+
}, /*#__PURE__*/_react["default"].createElement(_.Feedback.PrimaryButton, null, "Ok"), /*#__PURE__*/_react["default"].createElement(_.Feedback.SecondaryButton, null, "Cancel"))),
|
|
50
|
+
getByRole = _renderWithTheme3.getByRole;
|
|
51
|
+
|
|
52
|
+
expect(getByRole('button', {
|
|
53
|
+
name: 'Ok'
|
|
54
|
+
})).toBeTruthy();
|
|
55
|
+
expect(getByRole('button', {
|
|
56
|
+
name: 'Cancel'
|
|
57
|
+
})).toBeTruthy();
|
|
58
|
+
});
|
|
59
|
+
it('should render the icon for success variant', function () {
|
|
60
|
+
var _renderWithTheme4 = renderWithTheme( /*#__PURE__*/_react["default"].createElement(_.Feedback, {
|
|
61
|
+
variant: "success",
|
|
62
|
+
title: title,
|
|
63
|
+
description: description
|
|
64
|
+
})),
|
|
65
|
+
getByTestId = _renderWithTheme4.getByTestId;
|
|
66
|
+
|
|
67
|
+
expect(getByTestId('feedback-icon')).toMatchSnapshot();
|
|
68
|
+
});
|
|
69
|
+
it('should render the icon for informative variant', function () {
|
|
70
|
+
var _renderWithTheme5 = renderWithTheme( /*#__PURE__*/_react["default"].createElement(_.Feedback, {
|
|
71
|
+
variant: "informative",
|
|
72
|
+
title: title,
|
|
73
|
+
description: description
|
|
74
|
+
})),
|
|
75
|
+
getByTestId = _renderWithTheme5.getByTestId;
|
|
76
|
+
|
|
77
|
+
expect(getByTestId('feedback-icon')).toMatchSnapshot();
|
|
78
|
+
});
|
|
79
|
+
it('should render the icon for attention variant', function () {
|
|
80
|
+
var _renderWithTheme6 = renderWithTheme( /*#__PURE__*/_react["default"].createElement(_.Feedback, {
|
|
81
|
+
variant: "attention",
|
|
82
|
+
title: title,
|
|
83
|
+
description: description
|
|
84
|
+
})),
|
|
85
|
+
getByTestId = _renderWithTheme6.getByTestId;
|
|
86
|
+
|
|
87
|
+
expect(getByTestId('feedback-icon')).toMatchSnapshot();
|
|
88
|
+
});
|
|
89
|
+
});
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _ = require("../..");
|
|
8
|
+
|
|
9
|
+
var _2 = require(".");
|
|
10
|
+
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
+
|
|
13
|
+
describe('<Col />', function () {
|
|
14
|
+
describe('Snapshots', function () {
|
|
15
|
+
it('should match snapshot with default Col', function () {
|
|
16
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Col, null))),
|
|
17
|
+
container = _render.container;
|
|
18
|
+
|
|
19
|
+
expect(container).toMatchSnapshot();
|
|
20
|
+
});
|
|
21
|
+
it('should match snapshot with different Col size', function () {
|
|
22
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Col, {
|
|
23
|
+
xxs: 6
|
|
24
|
+
}))),
|
|
25
|
+
container = _render2.container;
|
|
26
|
+
|
|
27
|
+
expect(container).toMatchSnapshot();
|
|
28
|
+
});
|
|
29
|
+
it('should be the same column size from medium to xxxl', function () {
|
|
30
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Col, {
|
|
31
|
+
md: 6
|
|
32
|
+
}))),
|
|
33
|
+
container = _render3.container;
|
|
34
|
+
|
|
35
|
+
expect(container).toMatchSnapshot();
|
|
36
|
+
});
|
|
37
|
+
it('should set column offsets', function () {
|
|
38
|
+
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Col, {
|
|
39
|
+
"md-start": 3,
|
|
40
|
+
md: 6
|
|
41
|
+
}))),
|
|
42
|
+
container = _render4.container;
|
|
43
|
+
|
|
44
|
+
expect(container).toMatchSnapshot();
|
|
45
|
+
});
|
|
46
|
+
it('should hide Col in a xs and xm breakpoints', function () {
|
|
47
|
+
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Col, {
|
|
48
|
+
hide: ['xs', 'sm'],
|
|
49
|
+
md: 6
|
|
50
|
+
}))),
|
|
51
|
+
container = _render5.container;
|
|
52
|
+
|
|
53
|
+
expect(container).toMatchSnapshot();
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
});
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _ = require("../..");
|
|
8
|
+
|
|
9
|
+
var _2 = require(".");
|
|
10
|
+
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
+
|
|
13
|
+
describe('<Container />', function () {
|
|
14
|
+
describe('Snapshots', function () {
|
|
15
|
+
it('should match snapshot with default Container', function () {
|
|
16
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Container, null))),
|
|
17
|
+
container = _render.container;
|
|
18
|
+
|
|
19
|
+
expect(container).toMatchSnapshot();
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
});
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _ = require("../..");
|
|
8
|
+
|
|
9
|
+
var _2 = require(".");
|
|
10
|
+
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
+
|
|
13
|
+
describe('<Hide />', function () {
|
|
14
|
+
describe('Snapshots', function () {
|
|
15
|
+
it('should match snapshot', function () {
|
|
16
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Hide, {
|
|
17
|
+
xxs: true,
|
|
18
|
+
xs: true,
|
|
19
|
+
sm: true,
|
|
20
|
+
md: true,
|
|
21
|
+
lg: true,
|
|
22
|
+
xl: true,
|
|
23
|
+
xxl: true,
|
|
24
|
+
xxxl: true
|
|
25
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, "foo")))),
|
|
26
|
+
container = _render.container;
|
|
27
|
+
|
|
28
|
+
expect(container).toMatchSnapshot();
|
|
29
|
+
});
|
|
30
|
+
it('should hide starting from md breakpoint', function () {
|
|
31
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Hide, {
|
|
32
|
+
"md-start": true
|
|
33
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, "foo")))),
|
|
34
|
+
container = _render2.container;
|
|
35
|
+
|
|
36
|
+
expect(container).toMatchSnapshot();
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
});
|