@gympass/yoga 7.37.0 → 7.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/AutoComplete/web/AutoComplete.test.js +152 -0
- package/cjs/Avatar/native/Avatar.test.js +1 -0
- package/cjs/Avatar/web/Avatar.test.js +72 -0
- package/cjs/Banner/native/Banner.test.js +1 -0
- package/cjs/Banner/web/Banner.test.js +121 -0
- package/cjs/BottomSheet/web/BottomSheet.test.js +46 -0
- package/cjs/Box/native/Box.test.js +1 -0
- package/cjs/Box/web/Box.test.js +23 -0
- package/cjs/Button/native/Button.test.js +1 -0
- package/cjs/Button/web/Button.test.js +778 -0
- package/cjs/Card/Card.native.theme.js +9 -7
- package/cjs/Card/Card.theme.js +1 -1
- package/cjs/Card/Card.web.theme.js +8 -6
- package/cjs/Card/native/Card/Card.test.js +1 -0
- package/cjs/Card/native/EventCard/EventCard.test.js +1 -0
- package/cjs/Card/native/GymCard/CheckIn/CheckIn.test.js +1 -0
- package/cjs/Card/native/PlanCard/Actions.js +1 -1
- package/cjs/Card/native/PlanCard/Content.js +1 -1
- package/cjs/Card/native/PlanCard/PlanCard.test.js +1 -0
- package/cjs/Card/web/Card/Card.test.js +22 -0
- package/cjs/Card/web/EventCard/EventCard.test.js +35 -0
- package/cjs/Card/web/PlanCard/Actions.js +1 -1
- package/cjs/Card/web/PlanCard/Content.js +28 -32
- package/cjs/Card/web/PlanCard/PlanCard.test.js +95 -0
- package/cjs/Checkbox/native/Checkbox.test.js +1 -0
- package/cjs/Checkbox/native/Switch.test.js +1 -0
- package/cjs/Checkbox/web/Checkbox.test.js +161 -0
- package/cjs/Checkbox/web/Switch.test.js +65 -0
- package/cjs/Chips/native/Chips.test.js +1 -0
- package/cjs/Chips/web/Chips.test.js +138 -0
- package/cjs/Dialog/web/Dialog.test.js +70 -0
- package/cjs/Divider/native/Divider.test.js +1 -0
- package/cjs/Divider/web/Divider.test.js +36 -0
- package/cjs/Dropdown/native/Backdrop.test.js +1 -0
- package/cjs/Dropdown/native/Dropdown.test.js +1 -0
- package/cjs/Dropdown/web/Dropdown.test.js +102 -0
- package/cjs/Feedback/web/Feedback.test.js +89 -0
- package/cjs/Grid/web/Col.test.js +56 -0
- package/cjs/Grid/web/Container.test.js +22 -0
- package/cjs/Grid/web/Hide.test.js +39 -0
- package/cjs/Grid/web/Row.test.js +22 -0
- package/cjs/Header/web/Header.test.js +44 -0
- package/cjs/Heading/web/Heading.test.js +55 -0
- package/cjs/Heading/web/RightButton.js +1 -1
- package/cjs/Icon/native/Icon.test.js +1 -0
- package/cjs/Icon/web/Icon.test.js +53 -0
- package/cjs/Input/native/Email.test.js +1 -0
- package/cjs/Input/native/Input.test.js +1 -0
- package/cjs/Input/native/Number.test.js +1 -0
- package/cjs/Input/native/Password.test.js +1 -0
- package/cjs/Input/native/Tel.test.js +1 -0
- package/cjs/Input/web/Email.test.js +20 -0
- package/cjs/Input/web/Field.js +1 -1
- package/cjs/Input/web/Input.test.js +161 -0
- package/cjs/Input/web/Number.test.js +20 -0
- package/cjs/Input/web/Password.test.js +103 -0
- package/cjs/Input/web/Tel.test.js +20 -0
- package/cjs/List/native/List.test.js +1 -0
- package/cjs/List/web/List.test.js +69 -0
- package/cjs/Progress/native/Progress.test.js +1 -0
- package/cjs/Progress/web/Progress.test.js +229 -0
- package/cjs/RadioGroup/native/Button/RadioButton.test.js +1 -0
- package/cjs/RadioGroup/native/Radio/Radio.test.js +1 -0
- package/cjs/RadioGroup/native/RadioGroup.test.js +1 -0
- package/cjs/RadioGroup/web/Button/RadioButton.test.js +132 -0
- package/cjs/RadioGroup/web/Radio/Radio.test.js +119 -0
- package/cjs/RadioGroup/web/RadioGroup.test.js +93 -0
- package/cjs/Rating/native/Rating.test.js +1 -0
- package/cjs/Rating/web/Rating.test.js +201 -0
- package/cjs/Result/native/Result.test.js +1 -0
- package/cjs/Slider/native/Slider.test.js +1 -0
- package/cjs/Slider/web/Slider.test.js +95 -0
- package/cjs/Snackbar/native/Snackbar.test.js +1 -0
- package/cjs/Snackbar/web/Snackbar.test.js +135 -0
- package/cjs/Stepper/native/Stepper.test.js +1 -0
- package/cjs/Stepper/web/Stepper.test.js +75 -0
- package/cjs/Tag/native/Tag.test.js +1 -0
- package/cjs/Tag/web/Tag.test.js +87 -0
- package/cjs/Text/native/Text.test.js +1 -0
- package/cjs/Text/sharedTextStyle.js +1 -1
- package/cjs/Text/textStyle.android.js +1 -1
- package/cjs/Text/textStyle.ios.js +1 -1
- package/cjs/Text/textStyle.web.js +1 -1
- package/cjs/Text/web/Text.test.js +157 -0
- package/cjs/TextArea/native/TextArea.test.js +1 -0
- package/cjs/TextArea/web/TextArea.test.js +18 -0
- package/cjs/Theme/Provider/web/FontLoader.test.js +19 -0
- package/cjs/Theme/Provider/web/GlobalStyle.test.js +27 -0
- package/cjs/Theme/helpers/themeReader/native/native.test.js +1 -0
- package/cjs/Theme/helpers/themeReader/web/web.test.js +54 -0
- package/esm/AutoComplete/web/AutoComplete.test.js +135 -0
- package/esm/Avatar/index.native.js +4 -0
- package/esm/Avatar/native/Avatar.js +96 -0
- package/esm/Avatar/native/Avatar.test.js +46 -0
- package/esm/Avatar/native/AvatarCircle.js +24 -0
- package/esm/Avatar/web/Avatar.test.js +63 -0
- package/esm/Banner/index.native.js +2 -0
- package/esm/Banner/native/Banner.js +128 -0
- package/esm/Banner/native/Banner.test.js +103 -0
- package/esm/Banner/native/index.js +2 -0
- package/esm/Banner/web/Banner.test.js +109 -0
- package/esm/BottomSheet/web/BottomSheet.test.js +33 -0
- package/esm/Box/index.native.js +2 -0
- package/esm/Box/native/Box.js +4 -0
- package/esm/Box/native/Box.test.js +16 -0
- package/esm/Box/native/index.js +2 -0
- package/esm/Box/web/Box.test.js +16 -0
- package/esm/Button/index.native.js +8 -0
- package/esm/Button/native/Button.js +110 -0
- package/esm/Button/native/Button.test.js +475 -0
- package/esm/Button/native/Icon.js +82 -0
- package/esm/Button/native/Link.js +35 -0
- package/esm/Button/native/Text.js +74 -0
- package/esm/Button/native/withTouchable.js +63 -0
- package/esm/Button/web/Button.test.js +764 -0
- package/esm/Card/Card.native.theme.js +9 -7
- package/esm/Card/Card.theme.js +1 -1
- package/esm/Card/Card.web.theme.js +8 -6
- package/esm/Card/index.native.js +2 -0
- package/esm/Card/native/Card/Actions.js +12 -0
- package/esm/Card/native/Card/Card.js +92 -0
- package/esm/Card/native/Card/Card.test.js +15 -0
- package/esm/Card/native/Card/Content.js +8 -0
- package/esm/Card/native/Card/Header.js +8 -0
- package/esm/Card/native/Card/index.js +8 -0
- package/esm/Card/native/EventCard/EventCard.js +169 -0
- package/esm/Card/native/EventCard/EventCard.test.js +65 -0
- package/esm/Card/native/EventCard/index.js +2 -0
- package/esm/Card/native/GymCard/CheckIn/Avatar.js +17 -0
- package/esm/Card/native/GymCard/CheckIn/CheckIn.js +66 -0
- package/esm/Card/native/GymCard/CheckIn/CheckIn.test.js +39 -0
- package/esm/Card/native/GymCard/CheckIn/Content.js +11 -0
- package/esm/Card/native/GymCard/CheckIn/Header.js +11 -0
- package/esm/Card/native/GymCard/CheckIn/index.js +2 -0
- package/esm/Card/native/GymCard/index.js +5 -0
- package/esm/Card/native/PlanCard/Actions.js +24 -0
- package/esm/Card/native/PlanCard/Content.js +75 -0
- package/esm/Card/native/PlanCard/List.js +73 -0
- package/esm/Card/native/PlanCard/PlanCard.js +54 -0
- package/esm/Card/native/PlanCard/PlanCard.test.js +84 -0
- package/esm/Card/native/PlanCard/Subtitle.js +15 -0
- package/esm/Card/native/PlanCard/Tag.js +33 -0
- package/esm/Card/native/PlanCard/index.js +15 -0
- package/esm/Card/native/index.js +5 -0
- package/esm/Card/web/Card/Card.test.js +14 -0
- package/esm/Card/web/EventCard/EventCard.test.js +27 -0
- package/esm/Card/web/PlanCard/Actions.js +1 -1
- package/esm/Card/web/PlanCard/Content.js +25 -30
- package/esm/Card/web/PlanCard/PlanCard.test.js +85 -0
- package/esm/Checkbox/index.native.js +3 -0
- package/esm/Checkbox/native/Checkbox.js +179 -0
- package/esm/Checkbox/native/Checkbox.test.js +115 -0
- package/esm/Checkbox/native/Switch.js +115 -0
- package/esm/Checkbox/native/Switch.test.js +54 -0
- package/esm/Checkbox/native/index.js +3 -0
- package/esm/Checkbox/web/Checkbox.test.js +153 -0
- package/esm/Checkbox/web/Switch.test.js +56 -0
- package/esm/Chips/index.native.js +2 -0
- package/esm/Chips/native/Chips.js +104 -0
- package/esm/Chips/native/Chips.test.js +134 -0
- package/esm/Chips/native/Counter.js +20 -0
- package/esm/Chips/native/index.js +2 -0
- package/esm/Chips/web/Chips.test.js +128 -0
- package/esm/Dialog/web/Dialog.test.js +54 -0
- package/esm/Divider/index.native.js +2 -0
- package/esm/Divider/native/Divider.js +29 -0
- package/esm/Divider/native/Divider.test.js +29 -0
- package/esm/Divider/native/index.js +2 -0
- package/esm/Divider/web/Divider.test.js +29 -0
- package/esm/Dropdown/index.native.js +2 -0
- package/esm/Dropdown/native/Backdrop.js +93 -0
- package/esm/Dropdown/native/Backdrop.test.js +26 -0
- package/esm/Dropdown/native/Dropdown.js +142 -0
- package/esm/Dropdown/native/Dropdown.test.js +78 -0
- package/esm/Dropdown/native/Options.android.js +66 -0
- package/esm/Dropdown/native/Options.ios.js +71 -0
- package/esm/Dropdown/native/index.js +2 -0
- package/esm/Dropdown/web/Dropdown.test.js +93 -0
- package/esm/Feedback/web/Feedback.test.js +83 -0
- package/esm/Grid/web/Col.test.js +48 -0
- package/esm/Grid/web/Container.test.js +14 -0
- package/esm/Grid/web/Hide.test.js +31 -0
- package/esm/Grid/web/Row.test.js +14 -0
- package/esm/Header/web/Header.test.js +34 -0
- package/esm/Heading/web/Heading.test.js +45 -0
- package/esm/Heading/web/RightButton.js +1 -1
- package/esm/Icon/index.native.js +2 -0
- package/esm/Icon/native/Icon.test.js +47 -0
- package/esm/Icon/native/index.js +2 -0
- package/esm/Icon/web/Icon.test.js +47 -0
- package/esm/Input/index.native.js +6 -0
- package/esm/Input/native/Email.js +15 -0
- package/esm/Input/native/Email.test.js +13 -0
- package/esm/Input/native/Helper.js +62 -0
- package/esm/Input/native/Input.js +234 -0
- package/esm/Input/native/Input.test.js +181 -0
- package/esm/Input/native/Number.js +12 -0
- package/esm/Input/native/Number.test.js +13 -0
- package/esm/Input/native/Password.js +112 -0
- package/esm/Input/native/Password.test.js +125 -0
- package/esm/Input/native/Tel.js +14 -0
- package/esm/Input/native/Tel.test.js +13 -0
- package/esm/Input/native/index.js +6 -0
- package/esm/Input/web/Email.test.js +13 -0
- package/esm/Input/web/Field.js +1 -1
- package/esm/Input/web/Input.test.js +145 -0
- package/esm/Input/web/Number.test.js +13 -0
- package/esm/Input/web/Password.test.js +90 -0
- package/esm/Input/web/Tel.test.js +13 -0
- package/esm/List/index.native.js +3 -0
- package/esm/List/native/List.js +22 -0
- package/esm/List/native/List.test.js +106 -0
- package/esm/List/native/ListItem.js +51 -0
- package/esm/List/native/index.js +3 -0
- package/esm/List/web/List.test.js +62 -0
- package/esm/Progress/index.native.js +2 -0
- package/esm/Progress/native/Progress.js +103 -0
- package/esm/Progress/native/Progress.test.js +222 -0
- package/esm/Progress/native/index.js +2 -0
- package/esm/Progress/web/Progress.test.js +222 -0
- package/esm/RadioGroup/index.native.js +4 -0
- package/esm/RadioGroup/native/Button/RadioButton.js +64 -0
- package/esm/RadioGroup/native/Button/RadioButton.test.js +94 -0
- package/esm/RadioGroup/native/Radio/Radio.js +88 -0
- package/esm/RadioGroup/native/Radio/Radio.test.js +102 -0
- package/esm/RadioGroup/native/RadioGroup.js +66 -0
- package/esm/RadioGroup/native/RadioGroup.test.js +48 -0
- package/esm/RadioGroup/native/index.js +4 -0
- package/esm/RadioGroup/web/Button/RadioButton.test.js +121 -0
- package/esm/RadioGroup/web/Radio/Radio.test.js +108 -0
- package/esm/RadioGroup/web/RadioGroup.test.js +83 -0
- package/esm/Rating/index.native.js +2 -0
- package/esm/Rating/native/Rating.js +186 -0
- package/esm/Rating/native/Rating.test.js +121 -0
- package/esm/Rating/native/index.js +2 -0
- package/esm/Rating/web/Rating.test.js +184 -0
- package/esm/Result/index.native.js +8 -0
- package/esm/Result/native/Attendances.js +55 -0
- package/esm/Result/native/Details.js +97 -0
- package/esm/Result/native/Rate.js +35 -0
- package/esm/Result/native/Result.js +86 -0
- package/esm/Result/native/Result.test.js +107 -0
- package/esm/Result/native/ResultButton.js +13 -0
- package/esm/Result/native/Tags.js +41 -0
- package/esm/Result/native/TinyTextIcon.js +18 -0
- package/esm/Result/native/index.js +2 -0
- package/esm/Slider/index.native.js +2 -0
- package/esm/Slider/native/Label.js +19 -0
- package/esm/Slider/native/Marker.js +68 -0
- package/esm/Slider/native/Slider.js +156 -0
- package/esm/Slider/native/Slider.test.js +115 -0
- package/esm/Slider/native/Step.js +14 -0
- package/esm/Slider/native/Tooltip.js +90 -0
- package/esm/Slider/web/Slider.test.js +86 -0
- package/esm/Snackbar/index.native.js +2 -0
- package/esm/Snackbar/native/Snackbar.js +199 -0
- package/esm/Snackbar/native/Snackbar.test.js +100 -0
- package/esm/Snackbar/native/SnackbarAnimationWrapper.js +124 -0
- package/esm/Snackbar/native/index.js +2 -0
- package/esm/Snackbar/web/Snackbar.test.js +116 -0
- package/esm/Stepper/index.native.js +3 -0
- package/esm/Stepper/native/Dots.js +45 -0
- package/esm/Stepper/native/Line.js +35 -0
- package/esm/Stepper/native/Step.js +19 -0
- package/esm/Stepper/native/Stepper.js +52 -0
- package/esm/Stepper/native/Stepper.test.js +68 -0
- package/esm/Stepper/native/index.js +3 -0
- package/esm/Stepper/web/Stepper.test.js +67 -0
- package/esm/Tag/index.native.js +4 -0
- package/esm/Tag/native/Informative.js +71 -0
- package/esm/Tag/native/Tag.js +75 -0
- package/esm/Tag/native/Tag.test.js +92 -0
- package/esm/Tag/native/index.js +2 -0
- package/esm/Tag/web/Tag.test.js +79 -0
- package/esm/Text/index.native.js +16 -0
- package/esm/Text/native/Text.js +69 -0
- package/esm/Text/native/Text.test.js +149 -0
- package/esm/Text/native/index.js +2 -0
- package/esm/Text/sharedTextStyle.js +1 -1
- package/esm/Text/textStyle.android.js +1 -1
- package/esm/Text/textStyle.ios.js +1 -1
- package/esm/Text/textStyle.web.js +1 -1
- package/esm/Text/web/Text.test.js +149 -0
- package/esm/TextArea/index.native.js +2 -0
- package/esm/TextArea/native/TextArea.js +59 -0
- package/esm/TextArea/native/TextArea.test.js +11 -0
- package/esm/TextArea/native/index.js +2 -0
- package/esm/TextArea/web/TextArea.test.js +11 -0
- package/esm/Theme/Provider/index.native.js +2 -0
- package/esm/Theme/Provider/native/index.js +2 -0
- package/esm/Theme/Provider/web/FontLoader.test.js +11 -0
- package/esm/Theme/Provider/web/GlobalStyle.test.js +17 -0
- package/esm/Theme/helpers/themeReader/native/native.test.js +53 -0
- package/esm/Theme/helpers/themeReader/web/web.test.js +41 -0
- package/esm/Theme/index.native.js +5 -0
- package/esm/index.native.js +24 -0
- package/esm/shared/index.native.js +2 -0
- package/package.json +6 -6
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
var _Theme = _interopRequireDefault(require("../../Theme"));
|
|
8
|
+
|
|
9
|
+
var _ = _interopRequireDefault(require(".."));
|
|
10
|
+
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
+
|
|
13
|
+
describe('<Stepper />', function () {
|
|
14
|
+
describe('Snapshots', function () {
|
|
15
|
+
it('should match snapshot with first step active', function () {
|
|
16
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
|
|
17
|
+
activeStep: 0
|
|
18
|
+
}, /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
19
|
+
label: "step one"
|
|
20
|
+
}, "step one content"), /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
21
|
+
label: "step two"
|
|
22
|
+
}, "step two content"), /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
23
|
+
label: "step three"
|
|
24
|
+
}, "step three content")))),
|
|
25
|
+
container = _render.container;
|
|
26
|
+
|
|
27
|
+
expect(container).toMatchSnapshot();
|
|
28
|
+
});
|
|
29
|
+
it('should match snapshot with second step active', function () {
|
|
30
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
|
|
31
|
+
activeStep: 1
|
|
32
|
+
}, /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
33
|
+
label: "step one"
|
|
34
|
+
}, "step one content"), /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
35
|
+
label: "step two"
|
|
36
|
+
}, "step two content"), /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
37
|
+
label: "step three"
|
|
38
|
+
}, "step three content")))),
|
|
39
|
+
container = _render2.container;
|
|
40
|
+
|
|
41
|
+
expect(container).toMatchSnapshot();
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
describe('Steps', function () {
|
|
45
|
+
it('should change the active step', function () {
|
|
46
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
|
|
47
|
+
activeStep: 0
|
|
48
|
+
}, /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
49
|
+
label: "step one"
|
|
50
|
+
}, "step one content"), /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
51
|
+
label: "step two"
|
|
52
|
+
}, "step two content"), /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
53
|
+
label: "step three"
|
|
54
|
+
}, "step three content")))),
|
|
55
|
+
queryByText = _render3.queryByText,
|
|
56
|
+
rerender = _render3.rerender;
|
|
57
|
+
|
|
58
|
+
expect(queryByText('step one content')).toBeTruthy();
|
|
59
|
+
expect(queryByText('step two content')).toBeFalsy();
|
|
60
|
+
expect(queryByText('step three content')).toBeFalsy();
|
|
61
|
+
rerender( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
|
|
62
|
+
activeStep: 1
|
|
63
|
+
}, /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
64
|
+
label: "step one"
|
|
65
|
+
}, "step one content"), /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
66
|
+
label: "step two"
|
|
67
|
+
}, "step two content"), /*#__PURE__*/_react["default"].createElement(_["default"].Step, {
|
|
68
|
+
label: "step three"
|
|
69
|
+
}, "step three content"))));
|
|
70
|
+
expect(queryByText('step one content')).toBeFalsy();
|
|
71
|
+
expect(queryByText('step two content')).toBeTruthy();
|
|
72
|
+
expect(queryByText('step three content')).toBeFalsy();
|
|
73
|
+
});
|
|
74
|
+
});
|
|
75
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");describe('<Tag />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag,null,"default"))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot with custom icon and informative type',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success",icon:_yogaIcons.Building},"success with custom icon"),_react["default"].createElement(_.Tag.Informative,{variant:"success",icon:_yogaIcons.Building,small:true},"success with custom icon"))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot with without icon and informative type',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success"},"success without icon"),_react["default"].createElement(_.Tag.Informative,{variant:"success",small:true},"success without icon"))),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot with variant prop',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag,{variant:"success"},"success"),_react["default"].createElement(_.Tag,{variant:"informative"},"informative"),_react["default"].createElement(_.Tag,{variant:"attention"},"attention"),_react["default"].createElement(_.Tag,{variant:"attention",small:true},"attention small"))),container=_render4.container;expect(container).toMatchSnapshot();});it('should match snapshot with variant prop and informative type',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success"},"success"),_react["default"].createElement(_.Tag.Informative,{variant:"informative"},"informative"),_react["default"].createElement(_.Tag.Informative,{variant:"attention"},"attention"),_react["default"].createElement(_.Tag.Informative,{variant:"attention",small:true},"attention small"))),container=_render5.container;expect(container).toMatchSnapshot();});it('should match snapshot with variant and margin prop ',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag,{variant:"success"},"success"),_react["default"].createElement(_.Tag,{mv:"medium",variant:"informative"},"informative"),_react["default"].createElement(_.Tag,{variant:"attention"},"attention"))),container=_render6.container;expect(container).toMatchSnapshot();});it('should match snapshot with variant prop and informative type with margin prop',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success"},"success"),_react["default"].createElement(_.Tag.Informative,{mv:"medium",variant:"informative"},"informative"),_react["default"].createElement(_.Tag.Informative,{variant:"attention"},"attention"))),container=_render7.container;expect(container).toMatchSnapshot();});});
|
|
@@ -0,0 +1,87 @@
|
|
|
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('<Tag />', function () {
|
|
14
|
+
it('should match snapshot', function () {
|
|
15
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Tag, null, "default"))),
|
|
16
|
+
container = _render.container;
|
|
17
|
+
|
|
18
|
+
expect(container).toMatchSnapshot();
|
|
19
|
+
});
|
|
20
|
+
it('should match snapshot with custom icon and informative type', function () {
|
|
21
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Tag.Informative, {
|
|
22
|
+
variant: "success",
|
|
23
|
+
icon: _yogaIcons.Building
|
|
24
|
+
}, "success with custom icon"))),
|
|
25
|
+
container = _render2.container;
|
|
26
|
+
|
|
27
|
+
expect(container).toMatchSnapshot();
|
|
28
|
+
});
|
|
29
|
+
it('should match snapshot with without icon and informative type', function () {
|
|
30
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Tag.Informative, {
|
|
31
|
+
variant: "success"
|
|
32
|
+
}, "success without icon"))),
|
|
33
|
+
container = _render3.container;
|
|
34
|
+
|
|
35
|
+
expect(container).toMatchSnapshot();
|
|
36
|
+
});
|
|
37
|
+
it('should match snapshot with variant prop', function () {
|
|
38
|
+
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Tag, {
|
|
39
|
+
variant: "success"
|
|
40
|
+
}, "success"), /*#__PURE__*/_react["default"].createElement(_.Tag, {
|
|
41
|
+
variant: "informative"
|
|
42
|
+
}, "informative"), /*#__PURE__*/_react["default"].createElement(_.Tag, {
|
|
43
|
+
variant: "attention"
|
|
44
|
+
}, "attention"))),
|
|
45
|
+
container = _render4.container;
|
|
46
|
+
|
|
47
|
+
expect(container).toMatchSnapshot();
|
|
48
|
+
});
|
|
49
|
+
it('should match snapshot with variant prop and informative type', function () {
|
|
50
|
+
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Tag.Informative, {
|
|
51
|
+
variant: "success"
|
|
52
|
+
}, "success"), /*#__PURE__*/_react["default"].createElement(_.Tag.Informative, {
|
|
53
|
+
variant: "informative"
|
|
54
|
+
}, "informative"), /*#__PURE__*/_react["default"].createElement(_.Tag.Informative, {
|
|
55
|
+
variant: "attention"
|
|
56
|
+
}, "attention"))),
|
|
57
|
+
container = _render5.container;
|
|
58
|
+
|
|
59
|
+
expect(container).toMatchSnapshot();
|
|
60
|
+
});
|
|
61
|
+
it('should match snapshot with variant and margin prop ', function () {
|
|
62
|
+
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Tag, {
|
|
63
|
+
variant: "success"
|
|
64
|
+
}, "success"), /*#__PURE__*/_react["default"].createElement(_.Tag, {
|
|
65
|
+
mv: "medium",
|
|
66
|
+
variant: "informative"
|
|
67
|
+
}, "informative"), /*#__PURE__*/_react["default"].createElement(_.Tag, {
|
|
68
|
+
variant: "attention"
|
|
69
|
+
}, "attention"))),
|
|
70
|
+
container = _render6.container;
|
|
71
|
+
|
|
72
|
+
expect(container).toMatchSnapshot();
|
|
73
|
+
});
|
|
74
|
+
it('should match snapshot with variant prop and informative type with margin prop', function () {
|
|
75
|
+
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Tag.Informative, {
|
|
76
|
+
variant: "success"
|
|
77
|
+
}, "success"), /*#__PURE__*/_react["default"].createElement(_.Tag.Informative, {
|
|
78
|
+
mv: "medium",
|
|
79
|
+
variant: "informative"
|
|
80
|
+
}, "informative"), /*#__PURE__*/_react["default"].createElement(_.Tag.Informative, {
|
|
81
|
+
variant: "attention"
|
|
82
|
+
}, "attention"))),
|
|
83
|
+
container = _render7.container;
|
|
84
|
+
|
|
85
|
+
expect(container).toMatchSnapshot();
|
|
86
|
+
});
|
|
87
|
+
});
|
|
@@ -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 _2=require(".");describe('<Text />',function(){describe('Snapshots',function(){it('should match snapshot with Text',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text.H1,null,"Live the mission"),_react["default"].createElement(_2.Text.H2,null,"Live the mission"),_react["default"].createElement(_2.Text.H3,null,"Live the mission"),_react["default"].createElement(_2.Text.H4,null,"Live the mission"),_react["default"].createElement(_2.Text,null,"Live the mission"),_react["default"].createElement(_2.Text.Small,null,"Live the mission"),_react["default"].createElement(_2.Text.Tiny,null,"Live the mission"),_react["default"].createElement(_2.Text.Regular,null,"Live the mission"),_react["default"].createElement(_2.Text.Medium,null,"Live the mission"),_react["default"].createElement(_2.Text.Bold,null,"Live the mission"),_react["default"].createElement(_2.Text.Black,null,"Live the mission"),_react["default"].createElement(_2.Text.SectionTitle,null,"Live the mission"),_react["default"].createElement(_2.Text.SmallestException,null,"Live the mission"))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot with Text variant',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text.H1,{variant:"primary"},"Live the mission"),_react["default"].createElement(_2.Text.H2,{variant:"secondary"},"Live the mission"),_react["default"].createElement(_2.Text.H3,{variant:"tertiary"},"Live the mission"))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot with Text light',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text.H1,{light:true},"Live the mission"),_react["default"].createElement(_2.Text.H2,{light:true},"Live the mission"),_react["default"].createElement(_2.Text.H3,{light:true},"Live the mission"))),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot with Text size',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text.Small,{size:"xsmall"},"Live the small mission"),_react["default"].createElement(_2.Text.Tiny,{size:"medium"},"Live the medium mission"),_react["default"].createElement(_2.Text.Regular,{size:"xlarge"},"Live the xlarge mission"),_react["default"].createElement(_2.Text.Medium,{size:"xxxlarge"},"Live the xxxlarge mission"))),container=_render4.container;expect(container).toMatchSnapshot();});it('should match snapshot with inverted Text',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{inverted:true},"Live the mission"))),container=_render5.container;expect(container).toMatchSnapshot();});it('should match snapshot with truncated lines Text',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{numberOfLines:1},"Live the mission",_react["default"].createElement("br",null),"even in one line"))),container=_render6.container;expect(container).toMatchSnapshot();});it('should match snapshot with border prop system',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{border:"small",bRadius:"small"},"Live the mission"))),container=_render7.container;expect(container).toMatchSnapshot();});it('should match snapshot with background color prop system',function(){var _render8=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{backgroundColor:"vibin"},"Live the mission"))),container=_render8.container;expect(container).toMatchSnapshot();});it('should match snapshot with elevation prop system',function(){var _render9=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{elevation:"medium"},"Live the mission"))),container=_render9.container;expect(container).toMatchSnapshot();});it('should match snapshot with spacing prop system',function(){var _render10=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{m:"medium",paddingVertical:"large",paddingHorizontal:"small"},"Live the mission"))),container=_render10.container;expect(container).toMatchSnapshot();});it('should match snapshot with typography prop system',function(){var _render11=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{color:"text.primary",fontSize:"small",fontWeight:"medium",lineHeight:"small"},"Live the mission"))),container=_render11.container;expect(container).toMatchSnapshot();});it('should match snapshot with display prop system',function(){var _render12=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{display:"flex"},"Live the mission"))),container=_render12.container;expect(container).toMatchSnapshot();});it('should match snapshot with position prop system',function(){var _render13=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{position:"absolute",top:"small",left:"small"},"Live the mission"))),container=_render13.container;expect(container).toMatchSnapshot();});it('should match snapshot with flexes prop system',function(){var _render14=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{display:"flex",flexGrow:1},"Live the mission"))),container=_render14.container;expect(container).toMatchSnapshot();});it('should match snapshot with overflows prop system',function(){var _render15=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2.Text,{overflow:"scroll"},"Live the mission"))),container=_render15.container;expect(container).toMatchSnapshot();});});});
|
|
@@ -11,7 +11,7 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
|
|
|
11
11
|
|
|
12
12
|
var textStyle = function textStyle(type) {
|
|
13
13
|
return function () {
|
|
14
|
-
return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n
|
|
14
|
+
return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n "])), function (_ref) {
|
|
15
15
|
var light = _ref.light,
|
|
16
16
|
variant = _ref.variant,
|
|
17
17
|
inverted = _ref.inverted,
|
|
@@ -15,7 +15,7 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
|
|
|
15
15
|
|
|
16
16
|
var textStyle = function textStyle(type) {
|
|
17
17
|
return function () {
|
|
18
|
-
return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n
|
|
18
|
+
return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", ";\n ", "\n "])), (0, _sharedTextStyle["default"])(type), function (_ref) {
|
|
19
19
|
var light = _ref.light,
|
|
20
20
|
_ref$theme$yoga = _ref.theme.yoga,
|
|
21
21
|
baseFont = _ref$theme$yoga.baseFont,
|
|
@@ -15,7 +15,7 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
|
|
|
15
15
|
|
|
16
16
|
var textStyle = function textStyle(type) {
|
|
17
17
|
return function () {
|
|
18
|
-
return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n
|
|
18
|
+
return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", ";\n "])), (0, _sharedTextStyle["default"])(type));
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
21
|
|
|
@@ -15,7 +15,7 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
|
|
|
15
15
|
|
|
16
16
|
var textStyle = function textStyle(type) {
|
|
17
17
|
return function () {
|
|
18
|
-
return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n
|
|
18
|
+
return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", ";\n ", "\n "])), (0, _sharedTextStyle["default"])(type), function (_ref) {
|
|
19
19
|
var numberOfLines = _ref.numberOfLines;
|
|
20
20
|
return "\n " + (numberOfLines ? "\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: " + numberOfLines + ";\n overflow: hidden;\n " : '') + "\n ";
|
|
21
21
|
});
|
|
@@ -0,0 +1,157 @@
|
|
|
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
|
+
});
|
|
@@ -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('<TextArea />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.TextArea,null))),container=_render.container;expect(container).toMatchSnapshot();});});
|
|
@@ -0,0 +1,18 @@
|
|
|
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
|
+
});
|
|
@@ -0,0 +1,19 @@
|
|
|
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
|
+
});
|
|
@@ -0,0 +1,27 @@
|
|
|
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
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
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"))),asJSON=_render.asJSON;expect(asJSON().children[0].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"))),asJSON=_render2.asJSON,rerender=_render2.rerender;expect(asJSON().children[0].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(asJSON().children[0].props.style).toEqual([{borderWidth:1,borderColor:'black',borderStyle:'solid'}]);});});
|
|
@@ -0,0 +1,54 @@
|
|
|
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
|
+
});
|