@gympass/yoga 7.36.0 → 7.37.2
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.js +5 -3
- 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.js +1 -1
- package/cjs/Banner/native/Banner.test.js +1 -0
- package/cjs/Banner/web/Banner.js +4 -3
- 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/native/Card/Card.js +1 -1
- 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/PlanCard.test.js +1 -0
- package/cjs/Card/web/Card/Card.js +7 -3
- 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/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.js +1 -1
- package/cjs/Chips/native/Chips.test.js +1 -0
- package/cjs/Chips/web/Chips.js +4 -3
- package/cjs/Chips/web/Chips.test.js +138 -0
- package/cjs/Dialog/web/Dialog.test.js +70 -0
- package/cjs/Divider/native/Divider.js +1 -1
- package/cjs/Divider/native/Divider.test.js +1 -0
- package/cjs/Divider/web/Divider.js +5 -4
- package/cjs/Divider/web/Divider.test.js +36 -0
- package/cjs/Dropdown/native/Backdrop.test.js +1 -0
- package/cjs/Dropdown/native/Dropdown.js +1 -1
- package/cjs/Dropdown/native/Dropdown.test.js +1 -0
- package/cjs/Dropdown/web/Dropdown.js +6 -3
- 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/Icon/native/Icon.test.js +1 -0
- package/cjs/Icon/web/Icon.test.js +53 -0
- package/cjs/Input/native/Email.js +1 -1
- package/cjs/Input/native/Email.test.js +1 -0
- package/cjs/Input/native/Helper.js +1 -1
- package/cjs/Input/native/Input.js +1 -1
- package/cjs/Input/native/Input.test.js +1 -0
- package/cjs/Input/native/Number.js +1 -1
- package/cjs/Input/native/Number.test.js +1 -0
- package/cjs/Input/native/Password.js +1 -1
- package/cjs/Input/native/Password.test.js +1 -0
- package/cjs/Input/native/Tel.js +1 -1
- package/cjs/Input/native/Tel.test.js +1 -0
- package/cjs/Input/web/Email.js +5 -3
- 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/Legend.js +7 -3
- package/cjs/Input/web/Number.js +6 -4
- package/cjs/Input/web/Number.test.js +20 -0
- package/cjs/Input/web/Password.test.js +103 -0
- package/cjs/Input/web/Tel.js +5 -3
- package/cjs/Input/web/Tel.test.js +20 -0
- package/cjs/List/native/List.js +1 -1
- package/cjs/List/native/List.test.js +1 -0
- package/cjs/List/web/List.js +4 -3
- package/cjs/List/web/List.test.js +69 -0
- package/cjs/Progress/native/Progress.js +1 -1
- package/cjs/Progress/native/Progress.test.js +1 -0
- package/cjs/Progress/web/Progress.js +4 -3
- package/cjs/Progress/web/Progress.test.js +229 -0
- package/cjs/RadioGroup/native/Button/RadioButton.js +1 -1
- package/cjs/RadioGroup/native/Button/RadioButton.test.js +1 -0
- package/cjs/RadioGroup/native/Radio/Radio.js +1 -1
- 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.js +4 -3
- package/cjs/RadioGroup/web/Button/RadioButton.test.js +132 -0
- package/cjs/RadioGroup/web/Radio/Radio.js +4 -3
- 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.js +5 -11
- 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.js +5 -4
- 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.js +4 -5
- 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/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 +82 -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.js +7 -5
- 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/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.js +4 -5
- 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.js +5 -6
- 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.js +5 -4
- 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/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.js +5 -5
- 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/Legend.js +7 -5
- package/esm/Input/web/Number.js +6 -6
- package/esm/Input/web/Number.test.js +13 -0
- package/esm/Input/web/Password.test.js +90 -0
- package/esm/Input/web/Tel.js +5 -5
- 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.js +4 -4
- 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.js +4 -4
- 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.js +4 -4
- package/esm/RadioGroup/web/Button/RadioButton.test.js +121 -0
- package/esm/RadioGroup/web/Radio/Radio.js +4 -4
- 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 +98 -0
- package/esm/Snackbar/native/SnackbarAnimationWrapper.js +124 -0
- package/esm/Snackbar/native/index.js +2 -0
- package/esm/Snackbar/web/Snackbar.js +4 -12
- 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,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
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _propTypes=require("prop-types");var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var StyledDivider=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref){var _ref$theme$yoga=_ref.theme.yoga,borders=_ref$theme$yoga.borders,colors=_ref$theme$yoga.colors,vertical=_ref.vertical;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n ",";\n ",";\n\n border-color: ",";\n "])),vertical?'height: auto':'width: auto',vertical?"border-left-width: "+borders.small:"border-bottom-width: "+borders.small,colors.text.disabled);});var Divider=function
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _propTypes=require("prop-types");var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var StyledDivider=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref){var _ref$theme$yoga=_ref.theme.yoga,borders=_ref$theme$yoga.borders,colors=_ref$theme$yoga.colors,vertical=_ref.vertical;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n ",";\n ",";\n\n border-color: ",";\n "])),vertical?'height: auto':'width: auto',vertical?"border-left-width: "+borders.small:"border-bottom-width: "+borders.small,colors.text.disabled);});var Divider=_react["default"].forwardRef(function(_ref2,ref){var vertical=_ref2.vertical;return _react["default"].createElement(StyledDivider,{vertical:vertical,ref:ref});});Divider.propTypes={vertical:_propTypes.bool};Divider.defaultProps={vertical:false};var _default=(0,_styledComponents.withTheme)(Divider);exports["default"]=_default;
|
|
@@ -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();});});
|
|
@@ -27,12 +27,13 @@ var StyledDivider = _styledComponents["default"].hr(_templateObject || (_templat
|
|
|
27
27
|
return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n ", ";\n border-width: 0px;\n border-left-width: ", "px;\n border-bottom-width: ", "px;\n border-color: ", ";\n "])), vertical ? 'height: auto' : 'width: 100%', vertical ? borders.small : 0, vertical ? 0 : borders.small, colors.text.disabled);
|
|
28
28
|
});
|
|
29
29
|
|
|
30
|
-
var Divider = function
|
|
31
|
-
var vertical =
|
|
30
|
+
var Divider = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
|
|
31
|
+
var vertical = _ref2.vertical;
|
|
32
32
|
return /*#__PURE__*/_react["default"].createElement(StyledDivider, {
|
|
33
|
-
vertical: vertical
|
|
33
|
+
vertical: vertical,
|
|
34
|
+
ref: ref
|
|
34
35
|
});
|
|
35
|
-
};
|
|
36
|
+
});
|
|
36
37
|
|
|
37
38
|
Divider.propTypes = {
|
|
38
39
|
/** If this value is defined, the divider will be in vertical if the flexDirection is row type */
|
|
@@ -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();});});});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yogaIcons=require("@gympass/yoga-icons");var _Options=_interopRequireDefault(require("./Options"));var _Backdrop=_interopRequireDefault(require("./Backdrop"));var _Text=_interopRequireDefault(require("../../Text"));var _Helper=_interopRequireDefault(require("../../Input/native/Helper"));var _excluded=["error","label","disabled","full","options","cancelActionLabel","confirmActionLabel","onChange","theme"];var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Selector=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref){var disabled=_ref.disabled,selected=_ref.selected,error=_ref.error,full=_ref.full,_ref$theme$yoga=_ref.theme.yoga,colors=_ref$theme$yoga.colors,dropdown=_ref$theme$yoga.components.dropdown;return"\n position: relative;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n width: "+(full?'100%':dropdown.width+"px")+";\n padding: "+dropdown.selector.padding.top+"px\n "+dropdown.selector.padding.right+"px\n "+dropdown.selector.padding.bottom+"px\n "+dropdown.selector.padding.left+"px;\n\n background-color: "+dropdown.selector.background+";\n border-radius: "+dropdown.selector.border.radius+"px;\n border-width: "+dropdown.selector.border.width+"px;\n border-style: solid;\n border-color: "+(error?colors.feedback.attention[1]:dropdown.selector.border.color)+";\n\n "+(disabled?"border-color: "+dropdown.disabled.selector.border.color+";":'')+";\n "+(selected?"border-color: "+dropdown.selected.selector.border.color+";":'')+";\n ";});var Label=(0,_styledComponents["default"])(_Text["default"])(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref2){var disabled=_ref2.disabled,selected=_ref2.selected,dropdown=_ref2.theme.yoga.components.dropdown;return"\n color: "+dropdown.input.font.color+";\n "+(disabled?"color: "+dropdown.disabled.input.font.color+";":'')+"\n "+(selected?"color: "+dropdown.selected.input.font.color+";":'')+"\n ";});var getSelectedOption=function getSelectedOption(options){return options.find(function(item){return item.selected===true;});};var Dropdown=function
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yogaIcons=require("@gympass/yoga-icons");var _Options=_interopRequireDefault(require("./Options"));var _Backdrop=_interopRequireDefault(require("./Backdrop"));var _Text=_interopRequireDefault(require("../../Text"));var _Helper=_interopRequireDefault(require("../../Input/native/Helper"));var _excluded=["error","label","disabled","full","options","cancelActionLabel","confirmActionLabel","onChange","theme"];var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Selector=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref){var disabled=_ref.disabled,selected=_ref.selected,error=_ref.error,full=_ref.full,_ref$theme$yoga=_ref.theme.yoga,colors=_ref$theme$yoga.colors,dropdown=_ref$theme$yoga.components.dropdown;return"\n position: relative;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n\n width: "+(full?'100%':dropdown.width+"px")+";\n padding: "+dropdown.selector.padding.top+"px\n "+dropdown.selector.padding.right+"px\n "+dropdown.selector.padding.bottom+"px\n "+dropdown.selector.padding.left+"px;\n\n background-color: "+dropdown.selector.background+";\n border-radius: "+dropdown.selector.border.radius+"px;\n border-width: "+dropdown.selector.border.width+"px;\n border-style: solid;\n border-color: "+(error?colors.feedback.attention[1]:dropdown.selector.border.color)+";\n\n "+(disabled?"border-color: "+dropdown.disabled.selector.border.color+";":'')+";\n "+(selected?"border-color: "+dropdown.selected.selector.border.color+";":'')+";\n ";});var Label=(0,_styledComponents["default"])(_Text["default"])(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","\n"])),function(_ref2){var disabled=_ref2.disabled,selected=_ref2.selected,dropdown=_ref2.theme.yoga.components.dropdown;return"\n color: "+dropdown.input.font.color+";\n "+(disabled?"color: "+dropdown.disabled.input.font.color+";":'')+"\n "+(selected?"color: "+dropdown.selected.input.font.color+";":'')+"\n ";});var getSelectedOption=function getSelectedOption(options){return options.find(function(item){return item.selected===true;});};var Dropdown=_react["default"].forwardRef(function(_ref3,ref){var error=_ref3.error,label=_ref3.label,disabled=_ref3.disabled,full=_ref3.full,options=_ref3.options,cancelActionLabel=_ref3.cancelActionLabel,confirmActionLabel=_ref3.confirmActionLabel,onChange=_ref3.onChange,dropdown=_ref3.theme.yoga.components.dropdown,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useState=(0,_react.useState)(getSelectedOption(options)),_useState2=(0,_slicedToArray2["default"])(_useState,2),selected=_useState2[0],toggleIsSelected=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),isOpen=_useState4[0],toggleIsOpen=_useState4[1];var iconColor=function iconColor(){if(disabled)return dropdown.disabled.arrow.fill;if(selected)return dropdown.selected.arrow.fill;return dropdown.arrow.fill;};return _react["default"].createElement(_react["default"].Fragment,null,_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){return!disabled&&toggleIsOpen(true);}},_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(Selector,(0,_extends2["default"])({full:full,disabled:disabled,selected:selected,error:error},rest,{ref:ref}),_react["default"].createElement(Label,{disabled:disabled,selected:selected},selected&&selected.label||label),_react["default"].createElement(_yogaIcons.ChevronDown,{width:20,height:20,fill:iconColor()})),error&&!selected&&_react["default"].createElement(_Helper["default"],{error:error}))),_react["default"].createElement(_Backdrop["default"],{visible:isOpen,title:label,onClose:function onClose(){return toggleIsOpen(false);}},_react["default"].createElement(_Options["default"],{options:options,selectedOption:selected,cancelActionLabel:cancelActionLabel,confirmActionLabel:confirmActionLabel,onClose:function onClose(){return toggleIsOpen(false);},onSelect:function onSelect(item){toggleIsSelected(item);onChange(item);toggleIsOpen(false);}})));});Dropdown.propTypes={label:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,full:_propTypes.bool,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({label:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),selected:_propTypes.bool})).isRequired,cancelActionLabel:_propTypes.string,confirmActionLabel:_propTypes.string,onChange:_propTypes.func};Dropdown.defaultProps={label:'',error:undefined,full:false,cancelActionLabel:'Cancel',confirmActionLabel:'Confirm',disabled:false,onChange:function onChange(){}};var _default=(0,_styledComponents.withTheme)(Dropdown);exports["default"]=_default;
|
|
@@ -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();});});});
|
|
@@ -112,7 +112,7 @@ var getSelectedOption = function getSelectedOption(options) {
|
|
|
112
112
|
/** Gympass Dropdown is a multiple choice type of menu. */
|
|
113
113
|
|
|
114
114
|
|
|
115
|
-
var Dropdown = function
|
|
115
|
+
var Dropdown = /*#__PURE__*/_react["default"].forwardRef(function (_ref10, ref) {
|
|
116
116
|
var error = _ref10.error,
|
|
117
117
|
label = _ref10.label,
|
|
118
118
|
disabled = _ref10.disabled,
|
|
@@ -121,6 +121,8 @@ var Dropdown = function Dropdown(_ref10) {
|
|
|
121
121
|
onChange = _ref10.onChange,
|
|
122
122
|
rest = _objectWithoutPropertiesLoose(_ref10, _excluded2);
|
|
123
123
|
|
|
124
|
+
var inputRef = ref || _react["default"].useRef(null);
|
|
125
|
+
|
|
124
126
|
return /*#__PURE__*/_react["default"].createElement(_downshift["default"], {
|
|
125
127
|
initialSelectedItem: getSelectedOption(options),
|
|
126
128
|
selectedItemChanged: function selectedItemChanged(prevItem, item) {
|
|
@@ -152,7 +154,8 @@ var Dropdown = function Dropdown(_ref10) {
|
|
|
152
154
|
selected: selectedItem !== null,
|
|
153
155
|
isOpen: isOpen,
|
|
154
156
|
label: label,
|
|
155
|
-
full: full
|
|
157
|
+
full: full,
|
|
158
|
+
ref: inputRef
|
|
156
159
|
}, getInputProps())), /*#__PURE__*/_react["default"].createElement(Button, _extends({
|
|
157
160
|
isOpen: isOpen,
|
|
158
161
|
disabled: disabled
|
|
@@ -173,7 +176,7 @@ var Dropdown = function Dropdown(_ref10) {
|
|
|
173
176
|
error: error
|
|
174
177
|
}));
|
|
175
178
|
});
|
|
176
|
-
};
|
|
179
|
+
});
|
|
177
180
|
|
|
178
181
|
Dropdown.propTypes = {
|
|
179
182
|
label: _propTypes.string,
|
|
@@ -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
|
+
});
|