@gympass/yoga 7.59.0 → 7.60.1
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/Card/web/PlanCard/Content.js +11 -6
- package/cjs/Drawer/web/Content.js +1 -4
- package/esm/Card/web/PlanCard/Content.js +11 -6
- package/esm/Drawer/web/Content.js +1 -4
- package/package.json +5 -5
- package/cjs/ActionRequirement/native/ActionRequirement.test.js +0 -1
- package/cjs/ActionRequirement/web/ActionRequirement.test.js +0 -40
- package/cjs/AutoComplete/web/AutoComplete.test.js +0 -156
- package/cjs/Avatar/native/Avatar.test.js +0 -1
- package/cjs/Avatar/web/Avatar.test.js +0 -72
- package/cjs/Banner/native/Banner.test.js +0 -1
- package/cjs/Banner/web/Banner.test.js +0 -121
- package/cjs/BottomSheet/web/BottomSheet.test.js +0 -61
- package/cjs/Box/native/Box.test.js +0 -1
- package/cjs/Box/web/Box.test.js +0 -23
- package/cjs/Button/native/Button.test.js +0 -1
- package/cjs/Button/web/Button.test.js +0 -778
- package/cjs/Card/native/Card/Card.test.js +0 -1
- package/cjs/Card/native/EventCard/EventCard.test.js +0 -1
- package/cjs/Card/native/GymCard/CheckIn/CheckIn.test.js +0 -1
- package/cjs/Card/native/PlanCard/PlanCard.test.js +0 -1
- package/cjs/Card/web/Card/Card.test.js +0 -22
- package/cjs/Card/web/EventCard/EventCard.test.js +0 -35
- package/cjs/Card/web/PlanCard/PlanCard.test.js +0 -95
- package/cjs/Checkbox/native/Checkbox.test.js +0 -1
- package/cjs/Checkbox/native/Switch.test.js +0 -1
- package/cjs/Checkbox/web/Checkbox.test.js +0 -161
- package/cjs/Checkbox/web/Switch.test.js +0 -65
- package/cjs/Chips/native/Chips.test.js +0 -1
- package/cjs/Chips/web/Chips.test.js +0 -138
- package/cjs/Datepicker/web/Datepicker.test.js +0 -286
- package/cjs/Dialog/web/Dialog.test.js +0 -78
- package/cjs/Divider/native/Divider.test.js +0 -1
- package/cjs/Divider/web/Divider.test.js +0 -36
- package/cjs/Drawer/web/Drawer.test.js +0 -46
- package/cjs/Dropdown/native/Backdrop.test.js +0 -1
- package/cjs/Dropdown/native/Dropdown.test.js +0 -1
- package/cjs/Dropdown/web/Dropdown.test.js +0 -102
- package/cjs/Feedback/web/Feedback.test.js +0 -89
- package/cjs/Grid/web/Col.test.js +0 -56
- package/cjs/Grid/web/Container.test.js +0 -22
- package/cjs/Grid/web/Hide.test.js +0 -39
- package/cjs/Grid/web/Row.test.js +0 -22
- package/cjs/Header/web/Header.test.js +0 -49
- package/cjs/Heading/web/Heading.test.js +0 -68
- package/cjs/Icon/native/Icon.test.js +0 -1
- package/cjs/Icon/web/Icon.test.js +0 -53
- package/cjs/Input/native/Email.test.js +0 -1
- package/cjs/Input/native/Input.test.js +0 -1
- package/cjs/Input/native/Number.test.js +0 -1
- package/cjs/Input/native/Password.test.js +0 -1
- package/cjs/Input/native/Tel.test.js +0 -1
- package/cjs/Input/web/Email.test.js +0 -20
- package/cjs/Input/web/Input.test.js +0 -161
- package/cjs/Input/web/Number.test.js +0 -20
- package/cjs/Input/web/Password.test.js +0 -103
- package/cjs/Input/web/Tel.test.js +0 -20
- package/cjs/List/native/List.test.js +0 -1
- package/cjs/List/web/List.test.js +0 -69
- package/cjs/Menu/web/Menu.test.js +0 -123
- package/cjs/Popover/web/Popover.test.js +0 -27
- package/cjs/Progress/native/Progress.test.js +0 -1
- package/cjs/Progress/web/Progress.test.js +0 -229
- package/cjs/RadioGroup/native/Button/RadioButton.test.js +0 -1
- package/cjs/RadioGroup/native/Radio/Radio.test.js +0 -1
- package/cjs/RadioGroup/native/RadioGroup.test.js +0 -1
- package/cjs/RadioGroup/web/Button/RadioButton.test.js +0 -132
- package/cjs/RadioGroup/web/Radio/Radio.test.js +0 -119
- package/cjs/RadioGroup/web/RadioGroup.test.js +0 -93
- package/cjs/Rating/native/Rating.test.js +0 -1
- package/cjs/Rating/web/Rating.test.js +0 -201
- package/cjs/Result/native/Result.test.js +0 -1
- package/cjs/Skeleton/native/Skeleton.test.js +0 -1
- package/cjs/Skeleton/web/Skeleton.test.js +0 -84
- package/cjs/Slider/native/Slider.test.js +0 -1
- package/cjs/Slider/web/Slider.test.js +0 -95
- package/cjs/Snackbar/native/Snackbar.test.js +0 -1
- package/cjs/Snackbar/web/Snackbar.test.js +0 -137
- package/cjs/Stepper/native/Stepper.test.js +0 -1
- package/cjs/Stepper/web/Stepper.test.js +0 -75
- package/cjs/Tag/native/Tag.test.js +0 -1
- package/cjs/Tag/web/Tag.test.js +0 -87
- package/cjs/Text/native/Text.test.js +0 -1
- package/cjs/Text/web/Text.test.js +0 -157
- package/cjs/TextArea/native/TextArea.test.js +0 -1
- package/cjs/TextArea/web/TextArea.test.js +0 -18
- package/cjs/Theme/Provider/web/FontLoader.test.js +0 -19
- package/cjs/Theme/Provider/web/GlobalStyle.test.js +0 -27
- package/cjs/Theme/helpers/themeReader/native/native.test.js +0 -1
- package/cjs/Theme/helpers/themeReader/web/web.test.js +0 -54
- package/esm/ActionRequirement/index.native.js +0 -2
- package/esm/ActionRequirement/native/ActionRequirement.js +0 -48
- package/esm/ActionRequirement/native/ActionRequirement.test.js +0 -45
- package/esm/ActionRequirement/native/ActionRequirementStyles.js +0 -25
- package/esm/ActionRequirement/native/index.js +0 -6
- package/esm/ActionRequirement/web/ActionRequirement.test.js +0 -31
- package/esm/AutoComplete/web/AutoComplete.test.js +0 -139
- package/esm/Avatar/index.native.js +0 -4
- package/esm/Avatar/native/Avatar.js +0 -96
- package/esm/Avatar/native/Avatar.test.js +0 -46
- package/esm/Avatar/native/AvatarCircle.js +0 -24
- package/esm/Avatar/web/Avatar.test.js +0 -63
- package/esm/Banner/index.native.js +0 -2
- package/esm/Banner/native/Banner.js +0 -128
- package/esm/Banner/native/Banner.test.js +0 -103
- package/esm/Banner/native/index.js +0 -2
- package/esm/Banner/web/Banner.test.js +0 -109
- package/esm/BottomSheet/web/BottomSheet.test.js +0 -48
- package/esm/Box/index.native.js +0 -2
- package/esm/Box/native/Box.js +0 -4
- package/esm/Box/native/Box.test.js +0 -16
- package/esm/Box/native/index.js +0 -2
- package/esm/Box/web/Box.test.js +0 -16
- package/esm/Button/index.native.js +0 -8
- package/esm/Button/native/Button.js +0 -110
- package/esm/Button/native/Button.test.js +0 -475
- package/esm/Button/native/Icon.js +0 -82
- package/esm/Button/native/Link.js +0 -35
- package/esm/Button/native/Text.js +0 -74
- package/esm/Button/native/withTouchable.js +0 -63
- package/esm/Button/web/Button.test.js +0 -764
- package/esm/Card/index.native.js +0 -2
- package/esm/Card/native/Card/Actions.js +0 -12
- package/esm/Card/native/Card/Card.js +0 -92
- package/esm/Card/native/Card/Card.test.js +0 -15
- package/esm/Card/native/Card/Content.js +0 -8
- package/esm/Card/native/Card/Header.js +0 -8
- package/esm/Card/native/Card/index.js +0 -8
- package/esm/Card/native/EventCard/EventCard.js +0 -169
- package/esm/Card/native/EventCard/EventCard.test.js +0 -65
- package/esm/Card/native/EventCard/index.js +0 -2
- package/esm/Card/native/GymCard/CheckIn/Avatar.js +0 -17
- package/esm/Card/native/GymCard/CheckIn/CheckIn.js +0 -66
- package/esm/Card/native/GymCard/CheckIn/CheckIn.test.js +0 -39
- package/esm/Card/native/GymCard/CheckIn/Content.js +0 -11
- package/esm/Card/native/GymCard/CheckIn/Header.js +0 -11
- package/esm/Card/native/GymCard/CheckIn/index.js +0 -2
- package/esm/Card/native/GymCard/index.js +0 -5
- package/esm/Card/native/PlanCard/Actions.js +0 -22
- package/esm/Card/native/PlanCard/Content.js +0 -75
- package/esm/Card/native/PlanCard/List.js +0 -73
- package/esm/Card/native/PlanCard/PlanCard.js +0 -51
- package/esm/Card/native/PlanCard/PlanCard.test.js +0 -84
- package/esm/Card/native/PlanCard/Subtitle.js +0 -15
- package/esm/Card/native/PlanCard/Tag.js +0 -34
- package/esm/Card/native/PlanCard/index.js +0 -15
- package/esm/Card/native/index.js +0 -5
- package/esm/Card/web/Card/Card.test.js +0 -14
- package/esm/Card/web/EventCard/EventCard.test.js +0 -27
- package/esm/Card/web/PlanCard/PlanCard.test.js +0 -85
- package/esm/Checkbox/index.native.js +0 -3
- package/esm/Checkbox/native/Checkbox.js +0 -179
- package/esm/Checkbox/native/Checkbox.test.js +0 -115
- package/esm/Checkbox/native/Switch.js +0 -115
- package/esm/Checkbox/native/Switch.test.js +0 -54
- package/esm/Checkbox/native/index.js +0 -3
- package/esm/Checkbox/web/Checkbox.test.js +0 -153
- package/esm/Checkbox/web/Switch.test.js +0 -56
- package/esm/Chips/index.native.js +0 -2
- package/esm/Chips/native/Chips.js +0 -104
- package/esm/Chips/native/Chips.test.js +0 -143
- package/esm/Chips/native/Counter.js +0 -20
- package/esm/Chips/native/index.js +0 -2
- package/esm/Chips/web/Chips.test.js +0 -128
- package/esm/Datepicker/web/Datepicker.test.js +0 -247
- package/esm/Dialog/web/Dialog.test.js +0 -62
- package/esm/Divider/index.native.js +0 -2
- package/esm/Divider/native/Divider.js +0 -29
- package/esm/Divider/native/Divider.test.js +0 -29
- package/esm/Divider/native/index.js +0 -2
- package/esm/Divider/web/Divider.test.js +0 -29
- package/esm/Drawer/web/Drawer.test.js +0 -33
- package/esm/Dropdown/index.native.js +0 -2
- package/esm/Dropdown/native/Backdrop.js +0 -93
- package/esm/Dropdown/native/Backdrop.test.js +0 -26
- package/esm/Dropdown/native/Dropdown.js +0 -142
- package/esm/Dropdown/native/Dropdown.test.js +0 -78
- package/esm/Dropdown/native/Options.android.js +0 -66
- package/esm/Dropdown/native/Options.ios.js +0 -71
- package/esm/Dropdown/native/index.js +0 -2
- package/esm/Dropdown/web/Dropdown.test.js +0 -93
- package/esm/Feedback/web/Feedback.test.js +0 -83
- package/esm/Grid/web/Col.test.js +0 -48
- package/esm/Grid/web/Container.test.js +0 -14
- package/esm/Grid/web/Hide.test.js +0 -31
- package/esm/Grid/web/Row.test.js +0 -14
- package/esm/Header/web/Header.test.js +0 -38
- package/esm/Heading/web/Heading.test.js +0 -58
- package/esm/Icon/index.native.js +0 -2
- package/esm/Icon/native/Icon.test.js +0 -47
- package/esm/Icon/native/index.js +0 -2
- package/esm/Icon/web/Icon.test.js +0 -47
- package/esm/Input/index.native.js +0 -6
- package/esm/Input/native/Email.js +0 -15
- package/esm/Input/native/Email.test.js +0 -13
- package/esm/Input/native/Helper.js +0 -62
- package/esm/Input/native/Input.js +0 -234
- package/esm/Input/native/Input.test.js +0 -181
- package/esm/Input/native/Number.js +0 -12
- package/esm/Input/native/Number.test.js +0 -13
- package/esm/Input/native/Password.js +0 -112
- package/esm/Input/native/Password.test.js +0 -125
- package/esm/Input/native/Tel.js +0 -14
- package/esm/Input/native/Tel.test.js +0 -13
- package/esm/Input/native/index.js +0 -6
- package/esm/Input/web/Email.test.js +0 -13
- package/esm/Input/web/Input.test.js +0 -145
- package/esm/Input/web/Number.test.js +0 -13
- package/esm/Input/web/Password.test.js +0 -90
- package/esm/Input/web/Tel.test.js +0 -13
- package/esm/List/index.native.js +0 -3
- package/esm/List/native/List.js +0 -22
- package/esm/List/native/List.test.js +0 -106
- package/esm/List/native/ListItem.js +0 -51
- package/esm/List/native/index.js +0 -3
- package/esm/List/web/List.test.js +0 -62
- package/esm/Menu/web/Menu.test.js +0 -115
- package/esm/Popover/web/Popover.test.js +0 -19
- package/esm/Progress/index.native.js +0 -2
- package/esm/Progress/native/Progress.js +0 -103
- package/esm/Progress/native/Progress.test.js +0 -222
- package/esm/Progress/native/index.js +0 -2
- package/esm/Progress/web/Progress.test.js +0 -222
- package/esm/RadioGroup/index.native.js +0 -4
- package/esm/RadioGroup/native/Button/RadioButton.js +0 -64
- package/esm/RadioGroup/native/Button/RadioButton.test.js +0 -96
- package/esm/RadioGroup/native/Radio/Radio.js +0 -88
- package/esm/RadioGroup/native/Radio/Radio.test.js +0 -112
- package/esm/RadioGroup/native/RadioGroup.js +0 -66
- package/esm/RadioGroup/native/RadioGroup.test.js +0 -50
- package/esm/RadioGroup/native/index.js +0 -4
- package/esm/RadioGroup/web/Button/RadioButton.test.js +0 -121
- package/esm/RadioGroup/web/Radio/Radio.test.js +0 -108
- package/esm/RadioGroup/web/RadioGroup.test.js +0 -83
- package/esm/Rating/index.native.js +0 -2
- package/esm/Rating/native/Rating.js +0 -186
- package/esm/Rating/native/Rating.test.js +0 -121
- package/esm/Rating/native/index.js +0 -2
- package/esm/Rating/web/Rating.test.js +0 -184
- package/esm/Result/index.native.js +0 -8
- package/esm/Result/native/Attendances.js +0 -55
- package/esm/Result/native/Details.js +0 -97
- package/esm/Result/native/Rate.js +0 -35
- package/esm/Result/native/Result.js +0 -86
- package/esm/Result/native/Result.test.js +0 -107
- package/esm/Result/native/ResultButton.js +0 -13
- package/esm/Result/native/Tags.js +0 -41
- package/esm/Result/native/TinyTextIcon.js +0 -18
- package/esm/Result/native/index.js +0 -2
- package/esm/Skeleton/index.native.js +0 -2
- package/esm/Skeleton/native/Skeleton.js +0 -94
- package/esm/Skeleton/native/Skeleton.test.js +0 -78
- package/esm/Skeleton/native/index.js +0 -2
- package/esm/Skeleton/web/Skeleton.test.js +0 -77
- package/esm/Slider/index.native.js +0 -2
- package/esm/Slider/native/Label.js +0 -19
- package/esm/Slider/native/Marker.js +0 -68
- package/esm/Slider/native/Slider.js +0 -156
- package/esm/Slider/native/Slider.test.js +0 -122
- package/esm/Slider/native/Step.js +0 -14
- package/esm/Slider/native/Tooltip.js +0 -90
- package/esm/Slider/web/Slider.test.js +0 -86
- package/esm/Snackbar/index.native.js +0 -2
- package/esm/Snackbar/native/Snackbar.js +0 -199
- package/esm/Snackbar/native/Snackbar.test.js +0 -100
- package/esm/Snackbar/native/SnackbarAnimationWrapper.js +0 -124
- package/esm/Snackbar/native/index.js +0 -2
- package/esm/Snackbar/web/Snackbar.test.js +0 -118
- package/esm/Stepper/index.native.js +0 -3
- package/esm/Stepper/native/Dots.js +0 -45
- package/esm/Stepper/native/Line.js +0 -35
- package/esm/Stepper/native/Step.js +0 -19
- package/esm/Stepper/native/Stepper.js +0 -52
- package/esm/Stepper/native/Stepper.test.js +0 -70
- package/esm/Stepper/native/index.js +0 -3
- package/esm/Stepper/web/Stepper.test.js +0 -67
- package/esm/Tag/index.native.js +0 -4
- package/esm/Tag/native/Informative.js +0 -72
- package/esm/Tag/native/Tag.js +0 -75
- package/esm/Tag/native/Tag.test.js +0 -94
- package/esm/Tag/native/index.js +0 -2
- package/esm/Tag/web/Tag.test.js +0 -79
- package/esm/Text/index.native.js +0 -16
- package/esm/Text/native/Text.js +0 -69
- package/esm/Text/native/Text.test.js +0 -149
- package/esm/Text/native/index.js +0 -2
- package/esm/Text/web/Text.test.js +0 -149
- package/esm/TextArea/index.native.js +0 -2
- package/esm/TextArea/native/TextArea.js +0 -59
- package/esm/TextArea/native/TextArea.test.js +0 -11
- package/esm/TextArea/native/index.js +0 -2
- package/esm/TextArea/web/TextArea.test.js +0 -11
- package/esm/Theme/Provider/index.native.js +0 -2
- package/esm/Theme/Provider/native/index.js +0 -2
- package/esm/Theme/Provider/web/FontLoader.test.js +0 -11
- package/esm/Theme/Provider/web/GlobalStyle.test.js +0 -17
- package/esm/Theme/helpers/themeReader/native/native.test.js +0 -53
- package/esm/Theme/helpers/themeReader/web/web.test.js +0 -41
- package/esm/Theme/index.native.js +0 -5
- package/esm/index.native.js +0 -26
- package/esm/shared/index.native.js +0 -2
|
@@ -1,157 +0,0 @@
|
|
|
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('<Text />', function () {
|
|
14
|
-
describe('Snapshots', function () {
|
|
15
|
-
it('should match snapshot with Text', function () {
|
|
16
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text.H1, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.H2, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.H3, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.H4, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.H5, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.Small, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.Tiny, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.Regular, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.Medium, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.Bold, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.Black, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.SectionTitle, null, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.SmallestException, null, "Live the mission"))),
|
|
17
|
-
container = _render.container;
|
|
18
|
-
|
|
19
|
-
expect(container).toMatchSnapshot();
|
|
20
|
-
});
|
|
21
|
-
it('should match snapshot with Text variant', function () {
|
|
22
|
-
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text.H1, {
|
|
23
|
-
variant: "primary"
|
|
24
|
-
}, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.H2, {
|
|
25
|
-
variant: "secondary"
|
|
26
|
-
}, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.H3, {
|
|
27
|
-
variant: "tertiary"
|
|
28
|
-
}, "Live the mission"))),
|
|
29
|
-
container = _render2.container;
|
|
30
|
-
|
|
31
|
-
expect(container).toMatchSnapshot();
|
|
32
|
-
});
|
|
33
|
-
it('should match snapshot with Text light', function () {
|
|
34
|
-
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text.H1, {
|
|
35
|
-
light: true
|
|
36
|
-
}, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.H2, {
|
|
37
|
-
light: true
|
|
38
|
-
}, "Live the mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.H3, {
|
|
39
|
-
light: true
|
|
40
|
-
}, "Live the mission"))),
|
|
41
|
-
container = _render3.container;
|
|
42
|
-
|
|
43
|
-
expect(container).toMatchSnapshot();
|
|
44
|
-
});
|
|
45
|
-
it('should match snapshot with Text size', function () {
|
|
46
|
-
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text.Small, {
|
|
47
|
-
size: "xsmall"
|
|
48
|
-
}, "Live the small mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.Tiny, {
|
|
49
|
-
size: "medium"
|
|
50
|
-
}, "Live the medium mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.Regular, {
|
|
51
|
-
size: "xlarge"
|
|
52
|
-
}, "Live the xlarge mission"), /*#__PURE__*/_react["default"].createElement(_2.Text.Medium, {
|
|
53
|
-
size: "xxxlarge"
|
|
54
|
-
}, "Live the xxxlarge mission"))),
|
|
55
|
-
container = _render4.container;
|
|
56
|
-
|
|
57
|
-
expect(container).toMatchSnapshot();
|
|
58
|
-
});
|
|
59
|
-
it('should match snapshot with inverted Text', function () {
|
|
60
|
-
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
61
|
-
inverted: true
|
|
62
|
-
}, "Live the mission"))),
|
|
63
|
-
container = _render5.container;
|
|
64
|
-
|
|
65
|
-
expect(container).toMatchSnapshot();
|
|
66
|
-
});
|
|
67
|
-
it('should match snapshot with truncated lines Text', function () {
|
|
68
|
-
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
69
|
-
numberOfLines: 1
|
|
70
|
-
}, "Live the mission", /*#__PURE__*/_react["default"].createElement("br", null), "even in one line"))),
|
|
71
|
-
container = _render6.container;
|
|
72
|
-
|
|
73
|
-
expect(container).toMatchSnapshot();
|
|
74
|
-
});
|
|
75
|
-
it('should match snapshot with border prop system', function () {
|
|
76
|
-
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
77
|
-
border: "small",
|
|
78
|
-
bRadius: "small"
|
|
79
|
-
}, "Live the mission"))),
|
|
80
|
-
container = _render7.container;
|
|
81
|
-
|
|
82
|
-
expect(container).toMatchSnapshot();
|
|
83
|
-
});
|
|
84
|
-
it('should match snapshot with background color prop system', function () {
|
|
85
|
-
var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
86
|
-
backgroundColor: "vibin"
|
|
87
|
-
}, "Live the mission"))),
|
|
88
|
-
container = _render8.container;
|
|
89
|
-
|
|
90
|
-
expect(container).toMatchSnapshot();
|
|
91
|
-
});
|
|
92
|
-
it('should match snapshot with elevation prop system', function () {
|
|
93
|
-
var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
94
|
-
elevation: "medium"
|
|
95
|
-
}, "Live the mission"))),
|
|
96
|
-
container = _render9.container;
|
|
97
|
-
|
|
98
|
-
expect(container).toMatchSnapshot();
|
|
99
|
-
});
|
|
100
|
-
it('should match snapshot with spacing prop system', function () {
|
|
101
|
-
var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
102
|
-
m: "medium",
|
|
103
|
-
paddingVertical: "large",
|
|
104
|
-
paddingHorizontal: "small"
|
|
105
|
-
}, "Live the mission"))),
|
|
106
|
-
container = _render10.container;
|
|
107
|
-
|
|
108
|
-
expect(container).toMatchSnapshot();
|
|
109
|
-
});
|
|
110
|
-
it('should match snapshot with typography prop system', function () {
|
|
111
|
-
var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
112
|
-
color: "text.primary",
|
|
113
|
-
fontSize: "small",
|
|
114
|
-
fontWeight: "medium",
|
|
115
|
-
lineHeight: "small"
|
|
116
|
-
}, "Live the mission"))),
|
|
117
|
-
container = _render11.container;
|
|
118
|
-
|
|
119
|
-
expect(container).toMatchSnapshot();
|
|
120
|
-
});
|
|
121
|
-
it('should match snapshot with display prop system', function () {
|
|
122
|
-
var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
123
|
-
display: "inline-flex"
|
|
124
|
-
}, "Live the mission"))),
|
|
125
|
-
container = _render12.container;
|
|
126
|
-
|
|
127
|
-
expect(container).toMatchSnapshot();
|
|
128
|
-
});
|
|
129
|
-
it('should match snapshot with position prop system', function () {
|
|
130
|
-
var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
131
|
-
position: "fixed",
|
|
132
|
-
top: "small",
|
|
133
|
-
left: "small"
|
|
134
|
-
}, "Live the mission"))),
|
|
135
|
-
container = _render13.container;
|
|
136
|
-
|
|
137
|
-
expect(container).toMatchSnapshot();
|
|
138
|
-
});
|
|
139
|
-
it('should match snapshot with flexes prop system', function () {
|
|
140
|
-
var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
141
|
-
display: "flex",
|
|
142
|
-
flexGrow: 1
|
|
143
|
-
}, "Live the mission"))),
|
|
144
|
-
container = _render14.container;
|
|
145
|
-
|
|
146
|
-
expect(container).toMatchSnapshot();
|
|
147
|
-
});
|
|
148
|
-
it('should match snapshot with overflows prop system', function () {
|
|
149
|
-
var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Text, {
|
|
150
|
-
overflow: "scroll"
|
|
151
|
-
}, "Live the mission"))),
|
|
152
|
-
container = _render15.container;
|
|
153
|
-
|
|
154
|
-
expect(container).toMatchSnapshot();
|
|
155
|
-
});
|
|
156
|
-
});
|
|
157
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");describe('<TextArea />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.TextArea,null))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});});
|
|
@@ -1,18 +0,0 @@
|
|
|
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('<TextArea />', function () {
|
|
12
|
-
it('should match snapshot', function () {
|
|
13
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.TextArea, null))),
|
|
14
|
-
container = _render.container;
|
|
15
|
-
|
|
16
|
-
expect(container).toMatchSnapshot();
|
|
17
|
-
});
|
|
18
|
-
});
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _react2 = require("@testing-library/react");
|
|
6
|
-
|
|
7
|
-
var _FontLoader = _interopRequireDefault(require("./FontLoader"));
|
|
8
|
-
|
|
9
|
-
var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
|
-
describe('FontLoader component', function () {
|
|
14
|
-
it('Should create standard font link', function () {
|
|
15
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ThemeProvider["default"], null, /*#__PURE__*/_react["default"].createElement(_FontLoader["default"], null)));
|
|
16
|
-
var link = document.getElementsByTagName('link').item(0).outerHTML;
|
|
17
|
-
expect(link).toContain("<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i\">");
|
|
18
|
-
});
|
|
19
|
-
});
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _react2 = require("@testing-library/react");
|
|
6
|
-
|
|
7
|
-
var _yogaTokens = _interopRequireDefault(require("@gympass/yoga-tokens"));
|
|
8
|
-
|
|
9
|
-
var _theme2 = _interopRequireDefault(require("../../theme"));
|
|
10
|
-
|
|
11
|
-
var _GlobalStyle = _interopRequireDefault(require("./GlobalStyle"));
|
|
12
|
-
|
|
13
|
-
var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
|
|
14
|
-
|
|
15
|
-
var _expectCssMatches = _interopRequireDefault(require("./expectCssMatches"));
|
|
16
|
-
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
18
|
-
|
|
19
|
-
var _theme = (0, _theme2["default"])(_yogaTokens["default"]),
|
|
20
|
-
baseFont = _theme.baseFont;
|
|
21
|
-
|
|
22
|
-
describe('GlobalStyle component', function () {
|
|
23
|
-
it('Should use standard font in the body', function () {
|
|
24
|
-
(0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ThemeProvider["default"], null, /*#__PURE__*/_react["default"].createElement(_GlobalStyle["default"], null)));
|
|
25
|
-
(0, _expectCssMatches["default"])("body {\n font-family: \"" + baseFont.family + "\";\n }");
|
|
26
|
-
});
|
|
27
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _reactNative=require("@testing-library/react-native");var _index=_interopRequireWildcard(require("../../../index.native"));require("../base.test");var _templateObject,_templateObject2,_templateObject3;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;}describe('themeReader - web specs',function(){it('should render',function(){var Component=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n border: ","px solid;\n "])),_index.theme.borders.small);var _render=(0,_reactNative.render)(_react["default"].createElement(_index["default"],null,_react["default"].createElement(Component,{testID:"component"},"Teste"))),toJSON=_render.toJSON;expect(toJSON().props.style).toEqual([{borderWidth:1,borderColor:'black',borderStyle:'solid'}]);});it('should render with conditional',function(){var Component=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n border: ",";\n "])),function(_ref){var borders=_ref.borders;return borders?(0,_styledComponents.css)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n ","px solid\n "])),_index.theme.borders.small):'none';});var _render2=(0,_reactNative.render)(_react["default"].createElement(_index["default"],null,_react["default"].createElement(Component,{borders:false,testID:"component"},"Teste"))),toJSON=_render2.toJSON,rerender=_render2.rerender;expect(toJSON().props.style).toEqual([{borderWidth:0,borderColor:'black',borderStyle:'solid'}]);rerender(_react["default"].createElement(_index["default"],null,_react["default"].createElement(Component,{borders:true,"data-testid":"component"})));expect(toJSON().props.style).toEqual([{borderWidth:1,borderColor:'black',borderStyle:'solid'}]);});});
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
6
|
-
|
|
7
|
-
var _react2 = require("@testing-library/react");
|
|
8
|
-
|
|
9
|
-
var _index = _interopRequireWildcard(require("../../../index"));
|
|
10
|
-
|
|
11
|
-
require("../base.test");
|
|
12
|
-
|
|
13
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
14
|
-
|
|
15
|
-
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); }
|
|
16
|
-
|
|
17
|
-
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; }
|
|
18
|
-
|
|
19
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
20
|
-
|
|
21
|
-
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
22
|
-
|
|
23
|
-
describe('themeReader - web specs', function () {
|
|
24
|
-
it('should render', function () {
|
|
25
|
-
var Component = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n border: ", "px solid;\n "])), _index.theme.borders.small);
|
|
26
|
-
|
|
27
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, /*#__PURE__*/_react["default"].createElement(Component, {
|
|
28
|
-
"data-testid": "component"
|
|
29
|
-
}))),
|
|
30
|
-
getByTestId = _render.getByTestId;
|
|
31
|
-
|
|
32
|
-
expect(getByTestId('component')).toHaveStyleRule('border', '1px solid');
|
|
33
|
-
});
|
|
34
|
-
it('should render with conditional', function () {
|
|
35
|
-
var Component = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n border: ", ";\n "])), function (_ref) {
|
|
36
|
-
var borders = _ref.borders;
|
|
37
|
-
return borders ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n ", "px solid\n "])), _index.theme.borders.small) : 'none';
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, /*#__PURE__*/_react["default"].createElement(Component, {
|
|
41
|
-
borders: false,
|
|
42
|
-
"data-testid": "component"
|
|
43
|
-
}))),
|
|
44
|
-
getByTestId = _render2.getByTestId,
|
|
45
|
-
rerender = _render2.rerender;
|
|
46
|
-
|
|
47
|
-
expect(getByTestId('component')).toHaveStyleRule('border', 'none');
|
|
48
|
-
rerender( /*#__PURE__*/_react["default"].createElement(_index["default"], null, /*#__PURE__*/_react["default"].createElement(Component, {
|
|
49
|
-
borders: true,
|
|
50
|
-
"data-testid": "component"
|
|
51
|
-
})));
|
|
52
|
-
expect(getByTestId('component')).toHaveStyleRule('border', '1px solid');
|
|
53
|
-
});
|
|
54
|
-
});
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
var _templateObject;
|
|
2
|
-
|
|
3
|
-
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
4
|
-
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { arrayOf, node, oneOfType, string } from 'prop-types';
|
|
7
|
-
import styled from 'styled-components/native';
|
|
8
|
-
import { View } from 'react-native';
|
|
9
|
-
import Box from '../../Box';
|
|
10
|
-
import { Title } from './ActionRequirementStyles';
|
|
11
|
-
import Text from '../../Text';
|
|
12
|
-
var StyledActionRequirement = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
|
|
13
|
-
|
|
14
|
-
function ActionRequirement(props) {
|
|
15
|
-
var title = props.title,
|
|
16
|
-
description = props.description,
|
|
17
|
-
children = props.children,
|
|
18
|
-
checkable = props.checkable,
|
|
19
|
-
illustration = props.illustration,
|
|
20
|
-
list = props.list;
|
|
21
|
-
return /*#__PURE__*/React.createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/React.createElement(Box, null, illustration), /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(Text, {
|
|
22
|
-
mt: "small",
|
|
23
|
-
color: "deep"
|
|
24
|
-
}, description), list && /*#__PURE__*/React.createElement(Text, {
|
|
25
|
-
mt: "small",
|
|
26
|
-
color: "deep"
|
|
27
|
-
}, /*#__PURE__*/React.createElement(Box, {
|
|
28
|
-
mt: "xxxlarge"
|
|
29
|
-
}, list)), checkable && /*#__PURE__*/React.createElement(Box, {
|
|
30
|
-
mt: "xxxlarge"
|
|
31
|
-
}, checkable), /*#__PURE__*/React.createElement(View, null, children));
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
ActionRequirement.propTypes = {
|
|
35
|
-
title: string.isRequired,
|
|
36
|
-
children: oneOfType([arrayOf(node), node]),
|
|
37
|
-
description: string.isRequired,
|
|
38
|
-
checkable: oneOfType([arrayOf(node), node]),
|
|
39
|
-
illustration: oneOfType([arrayOf(node), node]),
|
|
40
|
-
list: oneOfType([arrayOf(node), node])
|
|
41
|
-
};
|
|
42
|
-
ActionRequirement.defaultProps = {
|
|
43
|
-
children: undefined,
|
|
44
|
-
checkable: undefined,
|
|
45
|
-
illustration: undefined,
|
|
46
|
-
list: undefined
|
|
47
|
-
};
|
|
48
|
-
export default ActionRequirement;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from '@testing-library/react-native';
|
|
3
|
-
import { Box, Checkbox, Text } from '@gympass/yoga';
|
|
4
|
-
import { Img2d01 } from '@gympass/yoga-illustrations';
|
|
5
|
-
import { Dumbbell, User, Star } from '@gympass/yoga-icons';
|
|
6
|
-
import { ThemeProvider } from '../..';
|
|
7
|
-
import ActionRequirement from './ActionRequirement';
|
|
8
|
-
|
|
9
|
-
function handleGetCheckableContent() {
|
|
10
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
11
|
-
display: "flex",
|
|
12
|
-
flexDirection: "row",
|
|
13
|
-
alignItems: "center"
|
|
14
|
-
}, /*#__PURE__*/React.createElement(Checkbox, null), /*#__PURE__*/React.createElement(Text, null, "I have read and agree to the Terms of Use and Privacy Policy."));
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
function handleGetIllustration() {
|
|
18
|
-
return /*#__PURE__*/React.createElement(Img2d01, {
|
|
19
|
-
width: 375,
|
|
20
|
-
height: 375
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
function handleGetList() {
|
|
25
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Dumbbell, null), " 1x/day standard access"), /*#__PURE__*/React.createElement(Text, {
|
|
26
|
-
mt: "small"
|
|
27
|
-
}, /*#__PURE__*/React.createElement(User, null), " 4x/month 1-on-1 sessions"), /*#__PURE__*/React.createElement(Text, {
|
|
28
|
-
mt: "small"
|
|
29
|
-
}, /*#__PURE__*/React.createElement(Star, null), " 2x/month premium classes"));
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
describe('<ActionRequirement />', function () {
|
|
33
|
-
it('should match snapshot', function () {
|
|
34
|
-
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, {
|
|
35
|
-
title: "Welcome to the world of feeling good!",
|
|
36
|
-
description: "Lets make it a good day!",
|
|
37
|
-
illustration: handleGetIllustration(),
|
|
38
|
-
checkable: handleGetCheckableContent(),
|
|
39
|
-
list: handleGetList()
|
|
40
|
-
}))),
|
|
41
|
-
toJSON = _render.toJSON;
|
|
42
|
-
|
|
43
|
-
expect(toJSON()).toMatchSnapshot();
|
|
44
|
-
});
|
|
45
|
-
});
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
2
|
-
|
|
3
|
-
function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
|
|
4
|
-
|
|
5
|
-
import styled, { css } from 'styled-components';
|
|
6
|
-
import Text from '../../Text/index.native';
|
|
7
|
-
import Box from '../../Box/index.native';
|
|
8
|
-
import Button from '../../Button/index.native';
|
|
9
|
-
export var Title = styled(Text.H4)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
10
|
-
var fontSizes = _ref.theme.yoga.fontSizes;
|
|
11
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n @media (min-width: 769px) {\n max-width: 700px;\n font-size: ", "px;\n line-height: ", "px;\n }\n "])), fontSizes.huge, fontSizes.huge);
|
|
12
|
-
});
|
|
13
|
-
export var Actions = styled(Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
|
|
14
|
-
var spacing = _ref2.theme.yoga.spacing;
|
|
15
|
-
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n @media (min-width: 769px) {\n flex-direction: row;\n margin-top: ", "px;\n }\n "])), spacing.xlarge);
|
|
16
|
-
});
|
|
17
|
-
var buttonsStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref3) {
|
|
18
|
-
var spacing = _ref3.theme.yoga.spacing;
|
|
19
|
-
return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n width: 100%;\n\n :last-child(:not(:first-child)) {\n margin-top: ", "px;\n }\n\n @media (min-width: 769px) {\n width: auto;\n\n :last-child(:not(:first-child)) {\n margin-top: 0;\n margin-left: ", "px;\n }\n }\n "])), spacing.small, spacing.large);
|
|
20
|
-
});
|
|
21
|
-
export var PrimaryButton = styled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n ", "\n"])), buttonsStyles);
|
|
22
|
-
export var SecondaryButton = styled(Button.Text)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n ", "\n"])), buttonsStyles);
|
|
23
|
-
Title.displayName = 'ActionRequirement.Title';
|
|
24
|
-
PrimaryButton.displayName = 'ActionRequirement.PrimaryButton';
|
|
25
|
-
SecondaryButton.displayName = 'ActionRequirement.SecondaryButton';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import ActionRequirement from './ActionRequirement';
|
|
2
|
-
import { Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
|
|
3
|
-
ActionRequirement.Title = Title;
|
|
4
|
-
ActionRequirement.PrimaryButton = PrimaryButton;
|
|
5
|
-
ActionRequirement.SecondaryButton = SecondaryButton;
|
|
6
|
-
export default ActionRequirement;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
3
|
-
import { Text } from '@gympass/yoga';
|
|
4
|
-
import { Dumbbell, User, Star } from '@gympass/yoga-icons';
|
|
5
|
-
import ActionRequirement from './ActionRequirement';
|
|
6
|
-
import { ThemeProvider } from '../..';
|
|
7
|
-
|
|
8
|
-
function handleGetList() {
|
|
9
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Dumbbell, null), " 1x/day standard access"), /*#__PURE__*/React.createElement(Text, {
|
|
10
|
-
mt: "small"
|
|
11
|
-
}, /*#__PURE__*/React.createElement(User, null), " 4x/month 1-on-1 sessions"), /*#__PURE__*/React.createElement(Text, {
|
|
12
|
-
mt: "small"
|
|
13
|
-
}, /*#__PURE__*/React.createElement(Star, null), " 2x/month premium classes"));
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
describe('<ActionRequirement />', function () {
|
|
17
|
-
it('should default match snapshot', function () {
|
|
18
|
-
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, null))),
|
|
19
|
-
container = _render.container;
|
|
20
|
-
|
|
21
|
-
expect(container).toMatchSnapshot();
|
|
22
|
-
});
|
|
23
|
-
it('should match snapshot with list', function () {
|
|
24
|
-
var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, {
|
|
25
|
-
list: handleGetList()
|
|
26
|
-
}))),
|
|
27
|
-
container = _render2.container;
|
|
28
|
-
|
|
29
|
-
expect(container).toMatchSnapshot();
|
|
30
|
-
});
|
|
31
|
-
});
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render, fireEvent } from '@testing-library/react';
|
|
3
|
-
import { ThemeProvider, AutoComplete } from '../..';
|
|
4
|
-
describe('<AutoComplete />', function () {
|
|
5
|
-
describe('Snapshots', function () {
|
|
6
|
-
it('should match with default component', function () {
|
|
7
|
-
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(AutoComplete, null))),
|
|
8
|
-
container = _render.container;
|
|
9
|
-
|
|
10
|
-
expect(container).toMatchSnapshot();
|
|
11
|
-
});
|
|
12
|
-
it('should match with a full width component', function () {
|
|
13
|
-
var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
14
|
-
full: true
|
|
15
|
-
}))),
|
|
16
|
-
container = _render2.container;
|
|
17
|
-
|
|
18
|
-
expect(container).toMatchSnapshot();
|
|
19
|
-
});
|
|
20
|
-
it('should match with options list', function () {
|
|
21
|
-
var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
22
|
-
value: "s",
|
|
23
|
-
options: ['first', 'second']
|
|
24
|
-
}))),
|
|
25
|
-
getByDisplayValue = _render3.getByDisplayValue,
|
|
26
|
-
container = _render3.container;
|
|
27
|
-
|
|
28
|
-
fireEvent.focus(getByDisplayValue('s'));
|
|
29
|
-
expect(container).toMatchSnapshot();
|
|
30
|
-
});
|
|
31
|
-
it('should match with full width options list', function () {
|
|
32
|
-
var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
33
|
-
value: "s",
|
|
34
|
-
full: true,
|
|
35
|
-
options: ['first', 'second']
|
|
36
|
-
}))),
|
|
37
|
-
getByDisplayValue = _render4.getByDisplayValue,
|
|
38
|
-
container = _render4.container;
|
|
39
|
-
|
|
40
|
-
fireEvent.focus(getByDisplayValue('s'));
|
|
41
|
-
expect(container).toMatchSnapshot();
|
|
42
|
-
});
|
|
43
|
-
});
|
|
44
|
-
describe('Options list', function () {
|
|
45
|
-
it('should filter the options', function () {
|
|
46
|
-
var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
47
|
-
value: "secon",
|
|
48
|
-
options: ['first', 'second', 'third']
|
|
49
|
-
}))),
|
|
50
|
-
container = _render5.container,
|
|
51
|
-
getByDisplayValue = _render5.getByDisplayValue;
|
|
52
|
-
|
|
53
|
-
fireEvent.focus(getByDisplayValue('secon'));
|
|
54
|
-
expect(container.querySelector('ul').firstChild.textContent).toBe('second');
|
|
55
|
-
});
|
|
56
|
-
it('should close options list when clean button is clicked', function () {
|
|
57
|
-
var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
58
|
-
value: "secon",
|
|
59
|
-
options: ['first', 'second', 'third']
|
|
60
|
-
}))),
|
|
61
|
-
container = _render6.container,
|
|
62
|
-
getByDisplayValue = _render6.getByDisplayValue,
|
|
63
|
-
getByRole = _render6.getByRole;
|
|
64
|
-
|
|
65
|
-
fireEvent.focus(getByDisplayValue('secon'));
|
|
66
|
-
fireEvent.click(getByRole('button', {
|
|
67
|
-
name: /clear/i
|
|
68
|
-
}));
|
|
69
|
-
expect(container.querySelector('ul')).toBe(null);
|
|
70
|
-
});
|
|
71
|
-
});
|
|
72
|
-
describe('Event listeners', function () {
|
|
73
|
-
it('should call onChangeMock', function () {
|
|
74
|
-
var onChangeMock = jest.fn();
|
|
75
|
-
var onCleanMock = jest.fn();
|
|
76
|
-
var onSelectMock = jest.fn();
|
|
77
|
-
|
|
78
|
-
var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
79
|
-
value: "New",
|
|
80
|
-
options: ['New York'],
|
|
81
|
-
onChange: onChangeMock
|
|
82
|
-
}))),
|
|
83
|
-
getByDisplayValue = _render7.getByDisplayValue;
|
|
84
|
-
|
|
85
|
-
fireEvent.change(getByDisplayValue('New'), {
|
|
86
|
-
target: {
|
|
87
|
-
value: 'a'
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
expect(onChangeMock).toHaveBeenCalledWith('a');
|
|
91
|
-
expect(onSelectMock).not.toHaveBeenCalled();
|
|
92
|
-
expect(onCleanMock).not.toHaveBeenCalled();
|
|
93
|
-
});
|
|
94
|
-
it('should call onCleanMock', function () {
|
|
95
|
-
var onCleanMock = jest.fn();
|
|
96
|
-
var onSelectMock = jest.fn();
|
|
97
|
-
var onChangeMock = jest.fn();
|
|
98
|
-
|
|
99
|
-
var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
100
|
-
value: "New",
|
|
101
|
-
options: ['New York'],
|
|
102
|
-
onClean: onCleanMock,
|
|
103
|
-
onSelect: onSelectMock,
|
|
104
|
-
onChange: onChangeMock
|
|
105
|
-
}))),
|
|
106
|
-
getByDisplayValue = _render8.getByDisplayValue,
|
|
107
|
-
getByRole = _render8.getByRole;
|
|
108
|
-
|
|
109
|
-
fireEvent.focus(getByDisplayValue('New'));
|
|
110
|
-
fireEvent.click(getByRole('button', {
|
|
111
|
-
name: /clear/i
|
|
112
|
-
}));
|
|
113
|
-
expect(onCleanMock).toHaveBeenCalledWith('');
|
|
114
|
-
expect(onSelectMock).not.toHaveBeenCalled();
|
|
115
|
-
expect(onChangeMock).toHaveBeenCalledWith('');
|
|
116
|
-
});
|
|
117
|
-
it('should call onSelectMock', function () {
|
|
118
|
-
var onSelectMock = jest.fn();
|
|
119
|
-
var onCleanMock = jest.fn();
|
|
120
|
-
var onChangeMock = jest.fn();
|
|
121
|
-
|
|
122
|
-
var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(AutoComplete, {
|
|
123
|
-
value: "New",
|
|
124
|
-
options: ['New York'],
|
|
125
|
-
onSelect: onSelectMock,
|
|
126
|
-
onClean: onCleanMock,
|
|
127
|
-
onChange: onChangeMock
|
|
128
|
-
}))),
|
|
129
|
-
getByDisplayValue = _render9.getByDisplayValue,
|
|
130
|
-
getByRole = _render9.getByRole;
|
|
131
|
-
|
|
132
|
-
fireEvent.focus(getByDisplayValue('New'));
|
|
133
|
-
fireEvent.click(getByRole('option'));
|
|
134
|
-
expect(onSelectMock).toHaveBeenCalledWith('New York');
|
|
135
|
-
expect(onChangeMock).toHaveBeenCalledWith('New York');
|
|
136
|
-
expect(onCleanMock).not.toHaveBeenCalled();
|
|
137
|
-
});
|
|
138
|
-
});
|
|
139
|
-
});
|