flipper-ui 0.27.1 → 0.28.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/Experimental/Actions/index.d.ts +29 -0
- package/Experimental/Actions/index.js +41 -0
- package/Experimental/Avatar/index.d.ts +13 -0
- package/Experimental/Avatar/index.js +22 -0
- package/Experimental/Breadcrumbs/index.d.ts +19 -0
- package/Experimental/Breadcrumbs/index.js +67 -0
- package/{core/Experimental/Button/Button.js → Experimental/Button/index.js} +3 -3
- package/{core/Experimental/Card/Card.d.ts → Experimental/Card/index.d.ts} +5 -1
- package/{core/Experimental/Card/Card.js → Experimental/Card/index.js} +11 -13
- package/{core/Experimental → Experimental}/Dialog/Dialog.js +5 -7
- package/{core/Experimental → Experimental}/Fab/Fab.d.ts +1 -1
- package/{core/Experimental → Experimental}/Fab/Fab.js +6 -8
- package/Experimental/Loading/index.d.ts +7 -0
- package/Experimental/Loading/index.js +41 -0
- package/Experimental/NothingFound/index.d.ts +9 -0
- package/Experimental/NothingFound/index.js +29 -0
- package/Experimental/Panel/index.d.ts +22 -0
- package/Experimental/Panel/index.js +77 -0
- package/{core/Experimental/Sidebar/SidebarV2.js → Experimental/Sidebar/index.js} +6 -9
- package/Experimental/Skeleton/index.d.ts +4 -0
- package/Experimental/Skeleton/index.js +23 -0
- package/Experimental/VisibilityIcon/index.d.ts +7 -0
- package/Experimental/VisibilityIcon/index.js +34 -0
- package/Experimental/index.d.ts +13 -0
- package/Experimental/index.js +130 -0
- package/core/{Advertise.d.ts → Advertise/index.d.ts} +2 -2
- package/core/{Advertise.js → Advertise/index.js} +3 -3
- package/core/{AutoComplete.d.ts → AutoComplete/index.d.ts} +8 -6
- package/core/{AutoComplete.js → AutoComplete/index.js} +10 -8
- package/core/{Avatar.d.ts → Avatar/index.d.ts} +3 -2
- package/core/{Avatar.js → Avatar/index.js} +1 -1
- package/core/{Badge.d.ts → Badge/index.d.ts} +1 -1
- package/core/{Badge.js → Badge/index.js} +2 -2
- package/core/{Box.d.ts → Box/index.d.ts} +2 -1
- package/core/{Box.js → Box/index.js} +1 -1
- package/core/{Button.d.ts → Button/index.d.ts} +2 -1
- package/core/Button/index.js +35 -0
- package/core/{Card.d.ts → Card/index.d.ts} +1 -1
- package/core/{Chapter.d.ts → Chapter/index.d.ts} +4 -3
- package/core/{Chapter.js → Chapter/index.js} +16 -10
- package/core/{Checkbox.d.ts → Checkbox/index.d.ts} +1 -1
- package/core/{Checkbox.js → Checkbox/index.js} +2 -1
- package/core/{Chip.d.ts → Chip/index.d.ts} +1 -1
- package/core/{ChipField.d.ts → ChipField/index.d.ts} +1 -1
- package/core/{Collapse.d.ts → Collapse/index.d.ts} +2 -2
- package/core/{Container.d.ts → Container/index.d.ts} +1 -1
- package/core/Container/index.js +29 -0
- package/core/{Content.d.ts → Content/index.d.ts} +1 -1
- package/core/{Content.js → Content/index.js} +6 -7
- package/core/DataTable/DataTable.js +1 -0
- package/core/DataTable/Rows.js +3 -2
- package/core/{DateTime.d.ts → DateTime/index.d.ts} +1 -1
- package/core/{DateTime.js → DateTime/index.js} +13 -3
- package/core/{Dialog.d.ts → Dialog/index.d.ts} +2 -2
- package/core/{Dialog.js → Dialog/index.js} +1 -0
- package/core/{Divider.d.ts → Divider/index.d.ts} +3 -2
- package/core/{Drawer.d.ts → Drawer/index.d.ts} +2 -2
- package/core/{Drawer.js → Drawer/index.js} +1 -1
- package/core/{EditableTable.d.ts → EditableTable/index.d.ts} +1 -1
- package/core/{EditableTable.js → EditableTable/index.js} +54 -48
- package/core/{ExpansionPanel.d.ts → ExpansionPanel/index.d.ts} +6 -4
- package/core/{ExpansionPanel.js → ExpansionPanel/index.js} +14 -12
- package/core/{Fab.d.ts → Fab/index.d.ts} +2 -2
- package/core/{Fade.d.ts → Fade/index.d.ts} +2 -2
- package/core/{Grow.d.ts → Grow/index.d.ts} +2 -2
- package/core/{Header.d.ts → Header/index.d.ts} +1 -1
- package/core/{IconButton.d.ts → IconButton/index.d.ts} +3 -1
- package/core/{InputAdornment.d.ts → InputAdornment/index.d.ts} +1 -1
- package/core/{InputBase.d.ts → InputBase/index.d.ts} +1 -1
- package/core/Line/index.d.ts +8 -0
- package/core/Line/index.js +32 -0
- package/core/{List.d.ts → List/index.d.ts} +2 -2
- package/core/{List.js → List/index.js} +2 -2
- package/core/{ListItem.d.ts → ListItem/index.d.ts} +1 -1
- package/core/{MaskField.d.ts → MaskField/index.d.ts} +1 -1
- package/core/{MaskField.js → MaskField/index.js} +1 -1
- package/core/{Menu.d.ts → Menu/index.d.ts} +2 -2
- package/core/{Menu.js → Menu/index.js} +3 -1
- package/core/{Node.d.ts → Node/index.d.ts} +2 -2
- package/core/{Node.js → Node/index.js} +4 -5
- package/core/{Pagination.d.ts → Pagination/index.d.ts} +1 -1
- package/core/{Pagination.js → Pagination/index.js} +19 -11
- package/core/{Paper.d.ts → Paper/index.d.ts} +1 -1
- package/core/{Paper.js → Paper/index.js} +1 -0
- package/core/{PinInput.d.ts → PinInput/index.d.ts} +1 -1
- package/core/{PinInput.js → PinInput/index.js} +2 -12
- package/core/{Progress.d.ts → Progress/index.d.ts} +4 -4
- package/core/{Radio.d.ts → Radio/index.d.ts} +2 -2
- package/core/{RadioGroup.d.ts → RadioGroup/index.d.ts} +2 -2
- package/core/{Select.d.ts → Select/index.d.ts} +5 -5
- package/core/{Select.js → Select/index.js} +10 -1
- package/core/{Sidebar.d.ts → Sidebar/index.d.ts} +2 -2
- package/core/{Sidebar.js → Sidebar/index.js} +4 -5
- package/core/{Slide.d.ts → Slide/index.d.ts} +3 -3
- package/core/{Slide.js → Slide/index.js} +1 -2
- package/core/{Slider.d.ts → Slider/index.d.ts} +1 -1
- package/core/{Snackbar.d.ts → Snackbar/index.d.ts} +1 -1
- package/core/{Snackbar.js → Snackbar/index.js} +1 -0
- package/core/StepCard/StepCardDetails.js +26 -27
- package/core/StepCard/StepCardPanel.js +6 -3
- package/core/{StepCardSkeleton.d.ts → StepCard/StepCardSkeleton.d.ts} +1 -0
- package/core/{StepCardSkeleton.js → StepCard/StepCardSkeleton.js} +6 -5
- package/core/StepCard/index.d.ts +10 -4
- package/core/StepCard/index.js +6 -3
- package/core/StepCard/styles.d.ts +1 -1
- package/core/StepCard/styles.js +2 -2
- package/core/{Stepper.d.ts → Stepper/index.d.ts} +1 -1
- package/core/{Stepper.js → Stepper/index.js} +24 -12
- package/core/{Tab.d.ts → Tab/index.d.ts} +1 -1
- package/core/{TableBody.d.ts → Table/TableBody.d.ts} +1 -1
- package/core/{TableCell.d.ts → Table/TableCell.d.ts} +1 -1
- package/core/{TableHead.d.ts → Table/TableHead.d.ts} +1 -1
- package/core/{TableRow.d.ts → Table/TableRow.d.ts} +1 -1
- package/core/{TableRow.js → Table/TableRow.js} +1 -1
- package/core/{Table.d.ts → Table/index.d.ts} +2 -2
- package/core/{Table.js → Table/index.js} +1 -1
- package/core/{Tabs.d.ts → Tabs/index.d.ts} +3 -3
- package/core/{TextField.d.ts → TextField/index.d.ts} +1 -1
- package/core/{TextField.js → TextField/index.js} +21 -17
- package/core/{Tooltip.d.ts → Tooltip/index.d.ts} +3 -3
- package/core/{Tree.d.ts → Tree/index.d.ts} +1 -1
- package/core/{Tree.js → Tree/index.js} +1 -1
- package/core/{Typography.d.ts → Typography/index.d.ts} +1 -1
- package/core/{Zoom.d.ts → Zoom/index.d.ts} +3 -3
- package/index.d.ts +7 -6
- package/index.js +9 -6
- package/package.json +19 -31
- package/test/mocks/data-table-hidden-mock.d.ts +2 -0
- package/test/mocks/data-table-hidden-mock.js +299 -0
- package/test/mocks/data-table-mock.d.ts +2 -0
- package/{stories/DataTableQueryPaginated.stories.js → test/mocks/data-table-mock.js} +84 -287
- package/test/mocks/date-time-mock.d.ts +7 -0
- package/{stories/ChipField.stories.js → test/mocks/date-time-mock.js} +25 -36
- package/test/mocks/editable-table-date-mock.d.ts +10 -0
- package/{core/Experimental/Button/button.spec.js → test/mocks/editable-table-date-mock.js} +11 -25
- package/test/mocks/editable-table-mock.d.ts +16 -0
- package/{stories/Card.stories.js → test/mocks/editable-table-mock.js} +17 -26
- package/test/mocks/pin-input-mock.d.ts +6 -0
- package/{stories/Grow.stories.js → test/mocks/pin-input-mock.js} +47 -37
- package/test/mocks/radio-group-mock.d.ts +6 -0
- package/{stories/RadioGroup.stories.js → test/mocks/radio-group-mock.js} +15 -22
- package/test/mocks/select-mock.d.ts +7 -0
- package/test/mocks/select-mock.js +42 -0
- package/test/mocks/snackbar-mock.d.ts +7 -0
- package/{stories/Snackbar.stories.js → test/mocks/snackbar-mock.js} +27 -55
- package/test/mocks/step-card-mock.d.ts +8 -0
- package/{stories/Fade.stories.js → test/mocks/step-card-mock.js} +29 -33
- package/test/mocks/text-field-mock.d.ts +7 -0
- package/{stories/Slide.stories.js → test/mocks/text-field-mock.js} +47 -39
- package/test/util.d.ts +14 -0
- package/test/util.js +117 -0
- package/core/Button.js +0 -42
- package/core/Container.js +0 -34
- package/core/Experimental/Button/button.spec.d.ts +0 -1
- package/core/Experimental/Button/button.stories.d.ts +0 -6
- package/core/Experimental/Button/button.stories.js +0 -21
- package/core/Experimental/Button/index.d.ts +0 -1
- package/core/Experimental/Button/index.js +0 -13
- package/core/Experimental/Card/card.stories.d.ts +0 -6
- package/core/Experimental/Card/card.stories.js +0 -22
- package/core/Experimental/Card/index.d.ts +0 -1
- package/core/Experimental/Card/index.js +0 -13
- package/core/Experimental/Dialog/Dialog.stories.d.ts +0 -12
- package/core/Experimental/Dialog/Dialog.stories.js +0 -84
- package/core/Experimental/Dialog/__test__/confirm-dialog.spec.d.ts +0 -1
- package/core/Experimental/Dialog/__test__/confirm-dialog.spec.js +0 -132
- package/core/Experimental/Dialog/__test__/dialog.spec.d.ts +0 -1
- package/core/Experimental/Dialog/__test__/dialog.spec.js +0 -63
- package/core/Experimental/Dialog/__test__/remove-dialog.spec.d.ts +0 -1
- package/core/Experimental/Dialog/__test__/remove-dialog.spec.js +0 -131
- package/core/Experimental/Fab/Fab.stories.d.ts +0 -9
- package/core/Experimental/Fab/Fab.stories.js +0 -29
- package/core/Experimental/Fab/fab.spec.d.ts +0 -1
- package/core/Experimental/Fab/fab.spec.js +0 -51
- package/core/Experimental/Sidebar/Sidebar.stories.d.ts +0 -7
- package/core/Experimental/Sidebar/Sidebar.stories.js +0 -51
- package/core/Experimental/Sidebar/index.d.ts +0 -1
- package/core/Experimental/Sidebar/index.js +0 -13
- package/core/Experimental/Sidebar/sidebar.spec.d.ts +0 -1
- package/core/Experimental/Sidebar/sidebar.spec.js +0 -129
- package/core/Experimental/index.d.ts +0 -5
- package/core/Experimental/index.js +0 -60
- package/core/Line.d.ts +0 -7
- package/core/Line.js +0 -35
- package/stories/Advertise.stories.js +0 -25
- package/stories/AutoComplete.stories.js +0 -119
- package/stories/AutoCompleteLab.stories.js +0 -55
- package/stories/Avatar.stories.js +0 -38
- package/stories/Badge.stories.js +0 -56
- package/stories/Box.stories.js +0 -23
- package/stories/Breadcrumb.stories.js +0 -34
- package/stories/Button.stories.js +0 -122
- package/stories/Chapter.stories.js +0 -35
- package/stories/Checkbox.stories.js +0 -91
- package/stories/Chip.stories.js +0 -61
- package/stories/Collapse.stories.js +0 -59
- package/stories/Container.stories.js +0 -18
- package/stories/Content.stories.js +0 -22
- package/stories/DataTable.stories.js +0 -964
- package/stories/Dialog.stories.js +0 -96
- package/stories/Divider.stories.js +0 -34
- package/stories/Drawer.stories.js +0 -43
- package/stories/EditTable.stories.js +0 -140
- package/stories/ExpansionPanel.stories.js +0 -96
- package/stories/Fab.stories.js +0 -22
- package/stories/Header.stories.js +0 -35
- package/stories/IconButton.stories.js +0 -41
- package/stories/InputAdornment.stories.js +0 -22
- package/stories/InputBase.stories.js +0 -48
- package/stories/Line.stories.js +0 -29
- package/stories/List.stories.js +0 -103
- package/stories/MaskField.stories.js +0 -50
- package/stories/Menu.stories.js +0 -70
- package/stories/Node.stories.js +0 -33
- package/stories/Pagination.stories.js +0 -33
- package/stories/Paper.stories.js +0 -53
- package/stories/PinInput.stories.js +0 -115
- package/stories/Progress.stories.js +0 -77
- package/stories/Radio.stories.js +0 -43
- package/stories/Select.stories.js +0 -86
- package/stories/Sidebar.stories.js +0 -39
- package/stories/Slider.stories.js +0 -62
- package/stories/StepCard.stories.js +0 -113
- package/stories/Stepper.stories.js +0 -36
- package/stories/Table.stories.js +0 -22
- package/stories/Tabs.stories.js +0 -30
- package/stories/TextField.stories.js +0 -135
- package/stories/Tooltip.stories.js +0 -120
- package/stories/Tree.stories.js +0 -39
- package/stories/Typography.stories.js +0 -124
- package/stories/Zooms.stories.js +0 -44
- /package/{core/Experimental/Button/Button.d.ts → Experimental/Button/index.d.ts} +0 -0
- /package/{core/Experimental → Experimental}/Dialog/ConfirmDialog.d.ts +0 -0
- /package/{core/Experimental → Experimental}/Dialog/ConfirmDialog.js +0 -0
- /package/{core/Experimental → Experimental}/Dialog/Dialog.d.ts +0 -0
- /package/{core/Experimental → Experimental}/Dialog/RemoveDialog.d.ts +0 -0
- /package/{core/Experimental → Experimental}/Dialog/RemoveDialog.js +0 -0
- /package/{core/Experimental → Experimental}/Dialog/index.d.ts +0 -0
- /package/{core/Experimental → Experimental}/Dialog/index.js +0 -0
- /package/{core/Experimental → Experimental}/Fab/FabWrapper.d.ts +0 -0
- /package/{core/Experimental → Experimental}/Fab/FabWrapper.js +0 -0
- /package/{core/Experimental → Experimental}/Fab/index.d.ts +0 -0
- /package/{core/Experimental → Experimental}/Fab/index.js +0 -0
- /package/{core/Experimental/Sidebar/SidebarV2.d.ts → Experimental/Sidebar/index.d.ts} +0 -0
- /package/core/{Breadcrumb.d.ts → Breadcrumb/index.d.ts} +0 -0
- /package/core/{Breadcrumb.js → Breadcrumb/index.js} +0 -0
- /package/core/{Card.js → Card/index.js} +0 -0
- /package/core/{Chip.js → Chip/index.js} +0 -0
- /package/core/{ChipField.js → ChipField/index.js} +0 -0
- /package/core/{Collapse.js → Collapse/index.js} +0 -0
- /package/core/{Divider.js → Divider/index.js} +0 -0
- /package/core/{Fab.js → Fab/index.js} +0 -0
- /package/core/{Fade.js → Fade/index.js} +0 -0
- /package/core/{Grow.js → Grow/index.js} +0 -0
- /package/core/{Header.js → Header/index.js} +0 -0
- /package/core/{IconButton.js → IconButton/index.js} +0 -0
- /package/core/{InputAdornment.js → InputAdornment/index.js} +0 -0
- /package/core/{InputBase.js → InputBase/index.js} +0 -0
- /package/core/{Link.d.ts → Link/index.d.ts} +0 -0
- /package/core/{Link.js → Link/index.js} +0 -0
- /package/core/{ListItem.js → ListItem/index.js} +0 -0
- /package/core/{Progress.js → Progress/index.js} +0 -0
- /package/core/{Radio.js → Radio/index.js} +0 -0
- /package/core/{RadioGroup.js → RadioGroup/index.js} +0 -0
- /package/core/{Slider.js → Slider/index.js} +0 -0
- /package/core/{StylesProvider.d.ts → StylesProvider/index.d.ts} +0 -0
- /package/core/{StylesProvider.js → StylesProvider/index.js} +0 -0
- /package/core/{Tab.js → Tab/index.js} +0 -0
- /package/core/{TableBody.js → Table/TableBody.js} +0 -0
- /package/core/{TableCell.js → Table/TableCell.js} +0 -0
- /package/core/{TableHead.js → Table/TableHead.js} +0 -0
- /package/core/{Tabs.js → Tabs/index.js} +0 -0
- /package/core/{ThemeProvider.d.ts → ThemeProvider/index.d.ts} +0 -0
- /package/core/{ThemeProvider.js → ThemeProvider/index.js} +0 -0
- /package/core/{Tooltip.js → Tooltip/index.js} +0 -0
- /package/core/{Typography.js → Typography/index.js} +0 -0
- /package/core/{Zoom.js → Zoom/index.js} +0 -0
package/test/util.js
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = drag;
|
|
8
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
9
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
11
|
+
var _dom = require("@testing-library/dom");
|
|
12
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
13
|
+
|
|
14
|
+
function isElement(obj) {
|
|
15
|
+
if ((0, _typeof2["default"])(obj) !== 'object') {
|
|
16
|
+
return false;
|
|
17
|
+
}
|
|
18
|
+
var prototypeStr, prototype;
|
|
19
|
+
do {
|
|
20
|
+
prototype = Object.getPrototypeOf(obj);
|
|
21
|
+
// to work in iframe
|
|
22
|
+
prototypeStr = Object.prototype.toString.call(prototype);
|
|
23
|
+
// '[object Document]' is used to detect document
|
|
24
|
+
if (prototypeStr === '[object Element]' || prototypeStr === '[object Document]') {
|
|
25
|
+
return true;
|
|
26
|
+
}
|
|
27
|
+
obj = prototype;
|
|
28
|
+
// null is the terminal of object
|
|
29
|
+
} while (prototype !== null);
|
|
30
|
+
return false;
|
|
31
|
+
}
|
|
32
|
+
function getElementClientCenter(element) {
|
|
33
|
+
var _element$getBoundingC = element.getBoundingClientRect(),
|
|
34
|
+
left = _element$getBoundingC.left,
|
|
35
|
+
top = _element$getBoundingC.top,
|
|
36
|
+
width = _element$getBoundingC.width,
|
|
37
|
+
height = _element$getBoundingC.height;
|
|
38
|
+
return {
|
|
39
|
+
x: left + width / 2,
|
|
40
|
+
y: top + height / 2
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
var getCoords = function getCoords(charlie) {
|
|
44
|
+
return isElement(charlie) ? getElementClientCenter(charlie) : charlie;
|
|
45
|
+
};
|
|
46
|
+
var sleep = function sleep(ms) {
|
|
47
|
+
return new Promise(function (resolve) {
|
|
48
|
+
setTimeout(resolve, ms);
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
function drag(_x) {
|
|
52
|
+
return _drag.apply(this, arguments);
|
|
53
|
+
}
|
|
54
|
+
function _drag() {
|
|
55
|
+
_drag = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(element) {
|
|
56
|
+
var _ref,
|
|
57
|
+
inTo,
|
|
58
|
+
delta,
|
|
59
|
+
_ref$steps,
|
|
60
|
+
steps,
|
|
61
|
+
_ref$duration,
|
|
62
|
+
duration,
|
|
63
|
+
from,
|
|
64
|
+
to,
|
|
65
|
+
step,
|
|
66
|
+
current,
|
|
67
|
+
i,
|
|
68
|
+
_args = arguments;
|
|
69
|
+
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
70
|
+
while (1) {
|
|
71
|
+
switch (_context.prev = _context.next) {
|
|
72
|
+
case 0:
|
|
73
|
+
_ref = _args.length > 1 && _args[1] !== undefined ? _args[1] : {}, inTo = _ref.to, delta = _ref.delta, _ref$steps = _ref.steps, steps = _ref$steps === void 0 ? 20 : _ref$steps, _ref$duration = _ref.duration, duration = _ref$duration === void 0 ? 500 : _ref$duration;
|
|
74
|
+
from = getElementClientCenter(element);
|
|
75
|
+
to = delta ? {
|
|
76
|
+
x: from.x + delta.x,
|
|
77
|
+
y: from.y + delta.y
|
|
78
|
+
} : getCoords(inTo);
|
|
79
|
+
step = {
|
|
80
|
+
x: ((to === null || to === void 0 ? void 0 : to.x) || 0 - from.x) / steps,
|
|
81
|
+
y: ((to === null || to === void 0 ? void 0 : to.y) || 0 - from.y) / steps
|
|
82
|
+
};
|
|
83
|
+
current = {
|
|
84
|
+
clientX: from.x,
|
|
85
|
+
clientY: from.y
|
|
86
|
+
};
|
|
87
|
+
_dom.fireEvent.mouseEnter(element, current);
|
|
88
|
+
_dom.fireEvent.mouseOver(element, current);
|
|
89
|
+
_dom.fireEvent.mouseMove(element, current);
|
|
90
|
+
_dom.fireEvent.mouseDown(element, current);
|
|
91
|
+
i = 0;
|
|
92
|
+
case 10:
|
|
93
|
+
if (!(i < steps)) {
|
|
94
|
+
_context.next = 19;
|
|
95
|
+
break;
|
|
96
|
+
}
|
|
97
|
+
current.clientX += step.x;
|
|
98
|
+
current.clientY += step.y;
|
|
99
|
+
_context.next = 15;
|
|
100
|
+
return sleep(duration / steps);
|
|
101
|
+
case 15:
|
|
102
|
+
_dom.fireEvent.mouseMove(element, current);
|
|
103
|
+
case 16:
|
|
104
|
+
i++;
|
|
105
|
+
_context.next = 10;
|
|
106
|
+
break;
|
|
107
|
+
case 19:
|
|
108
|
+
_dom.fireEvent.mouseUp(element, current);
|
|
109
|
+
case 20:
|
|
110
|
+
case "end":
|
|
111
|
+
return _context.stop();
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}, _callee);
|
|
115
|
+
}));
|
|
116
|
+
return _drag.apply(this, arguments);
|
|
117
|
+
}
|
package/core/Button.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
12
|
-
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
|
13
|
-
var _react = _interopRequireDefault(require("react"));
|
|
14
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
var _excluded = ["children", "margin", "padding", "style", "variant"];
|
|
16
|
-
var _templateObject;
|
|
17
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19
|
-
var StyledButton = (0, _styledComponents["default"])(_Button["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n border-style: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
20
|
-
return props.dashed === 'true' ? 'dashed !important' : 'initial';
|
|
21
|
-
}, function (props) {
|
|
22
|
-
return props.selected ? 0.5 : 1;
|
|
23
|
-
});
|
|
24
|
-
var Button = function Button(_ref) {
|
|
25
|
-
var children = _ref.children,
|
|
26
|
-
margin = _ref.margin,
|
|
27
|
-
padding = _ref.padding,
|
|
28
|
-
_ref$style = _ref.style,
|
|
29
|
-
style = _ref$style === void 0 ? {} : _ref$style,
|
|
30
|
-
variant = _ref.variant,
|
|
31
|
-
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement(StyledButton, (0, _extends2["default"])({}, otherProps, {
|
|
33
|
-
dashed: variant === 'dashed' ? 'true' : 'false',
|
|
34
|
-
variant: variant === 'dashed' ? 'outlined' : variant,
|
|
35
|
-
style: _objectSpread({
|
|
36
|
-
margin: margin,
|
|
37
|
-
padding: padding
|
|
38
|
-
}, style)
|
|
39
|
-
}), children);
|
|
40
|
-
};
|
|
41
|
-
var _default = Button;
|
|
42
|
-
exports["default"] = _default;
|
package/core/Container.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
14
|
-
var _excluded = ["children", "padding", "margin", "style"];
|
|
15
|
-
var _templateObject;
|
|
16
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
|
-
var StyledContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex: 1;\n"])));
|
|
19
|
-
var Container = function Container(_ref) {
|
|
20
|
-
var children = _ref.children,
|
|
21
|
-
padding = _ref.padding,
|
|
22
|
-
margin = _ref.margin,
|
|
23
|
-
_ref$style = _ref.style,
|
|
24
|
-
style = _ref$style === void 0 ? {} : _ref$style,
|
|
25
|
-
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(StyledContainer, (0, _extends2["default"])({
|
|
27
|
-
style: _objectSpread({
|
|
28
|
-
padding: padding,
|
|
29
|
-
margin: margin
|
|
30
|
-
}, style)
|
|
31
|
-
}, otherProps), children);
|
|
32
|
-
};
|
|
33
|
-
var _default = Container;
|
|
34
|
-
exports["default"] = _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.button = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _Button = _interopRequireDefault(require("./Button"));
|
|
10
|
-
var button = function button() {
|
|
11
|
-
return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
12
|
-
name: "AddFoo",
|
|
13
|
-
label: "Add Foo"
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
exports.button = button;
|
|
17
|
-
var _default = {
|
|
18
|
-
title: 'v2/Button',
|
|
19
|
-
component: _Button["default"]
|
|
20
|
-
};
|
|
21
|
-
exports["default"] = _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Button } from './Button';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
Object.defineProperty(exports, "Button", {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function get() {
|
|
10
|
-
return _Button["default"];
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
var _Button = _interopRequireDefault(require("./Button"));
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.card = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _Card = _interopRequireDefault(require("./Card"));
|
|
10
|
-
var _Typography = _interopRequireDefault(require("../../Typography"));
|
|
11
|
-
var card = function card() {
|
|
12
|
-
return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
|
|
13
|
-
name: "Card",
|
|
14
|
-
title: "Foo Bar"
|
|
15
|
-
}, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Dummy content"));
|
|
16
|
-
};
|
|
17
|
-
exports.card = card;
|
|
18
|
-
var _default = {
|
|
19
|
-
title: 'experimental/Card',
|
|
20
|
-
component: _Card["default"]
|
|
21
|
-
};
|
|
22
|
-
exports["default"] = _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Card } from './Card';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
Object.defineProperty(exports, "Card", {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function get() {
|
|
10
|
-
return _Card["default"];
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
var _Card = _interopRequireDefault(require("./Card"));
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export declare const Dialog: () => JSX.Element;
|
|
2
|
-
export declare const RemoveDialog: () => JSX.Element;
|
|
3
|
-
export declare const ConfirmDialog: () => JSX.Element;
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: (props: import("./Dialog").IProps) => JSX.Element;
|
|
7
|
-
subcomponents: {
|
|
8
|
-
ConfirmDialog: () => JSX.Element;
|
|
9
|
-
RemoveDialog: () => JSX.Element;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export default _default;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.RemoveDialog = exports.Dialog = exports.ConfirmDialog = void 0;
|
|
8
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _Dialog = _interopRequireDefault(require("./Dialog"));
|
|
11
|
-
var _ConfirmDialog = _interopRequireDefault(require("./ConfirmDialog"));
|
|
12
|
-
var _RemoveDialog = _interopRequireDefault(require("./RemoveDialog"));
|
|
13
|
-
var Dialog = function Dialog() {
|
|
14
|
-
var _React$useState = _react["default"].useState(false),
|
|
15
|
-
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
16
|
-
open = _React$useState2[0],
|
|
17
|
-
setOpen = _React$useState2[1];
|
|
18
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
19
|
-
onClick: function onClick() {
|
|
20
|
-
return setOpen(true);
|
|
21
|
-
}
|
|
22
|
-
}, "open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
|
|
23
|
-
open: open,
|
|
24
|
-
title: "dialog title",
|
|
25
|
-
primaryButtonText: "Close",
|
|
26
|
-
primaryButtonAction: function primaryButtonAction() {
|
|
27
|
-
return setOpen(!open);
|
|
28
|
-
},
|
|
29
|
-
text: 'A content here!'
|
|
30
|
-
}));
|
|
31
|
-
};
|
|
32
|
-
exports.Dialog = Dialog;
|
|
33
|
-
var RemoveDialog = function RemoveDialog() {
|
|
34
|
-
var _React$useState3 = _react["default"].useState(false),
|
|
35
|
-
_React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
|
|
36
|
-
open = _React$useState4[0],
|
|
37
|
-
setOpen = _React$useState4[1];
|
|
38
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
39
|
-
onClick: function onClick() {
|
|
40
|
-
return setOpen(true);
|
|
41
|
-
}
|
|
42
|
-
}, "open dialog"), /*#__PURE__*/_react["default"].createElement(_RemoveDialog["default"], {
|
|
43
|
-
open: open,
|
|
44
|
-
text: "COD123",
|
|
45
|
-
onCancel: function onCancel() {
|
|
46
|
-
return setOpen(false);
|
|
47
|
-
},
|
|
48
|
-
onConfirm: function onConfirm() {
|
|
49
|
-
return setOpen(false);
|
|
50
|
-
}
|
|
51
|
-
}));
|
|
52
|
-
};
|
|
53
|
-
exports.RemoveDialog = RemoveDialog;
|
|
54
|
-
var ConfirmDialog = function ConfirmDialog() {
|
|
55
|
-
var _React$useState5 = _react["default"].useState(false),
|
|
56
|
-
_React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
|
|
57
|
-
open = _React$useState6[0],
|
|
58
|
-
setOpen = _React$useState6[1];
|
|
59
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
60
|
-
onClick: function onClick() {
|
|
61
|
-
return setOpen(true);
|
|
62
|
-
}
|
|
63
|
-
}, "open dialog"), /*#__PURE__*/_react["default"].createElement(_ConfirmDialog["default"], {
|
|
64
|
-
open: open,
|
|
65
|
-
title: "dialog title",
|
|
66
|
-
text: "A content here!",
|
|
67
|
-
onCancel: function onCancel() {
|
|
68
|
-
return setOpen(false);
|
|
69
|
-
},
|
|
70
|
-
onConfirm: function onConfirm() {
|
|
71
|
-
return setOpen(false);
|
|
72
|
-
}
|
|
73
|
-
}));
|
|
74
|
-
};
|
|
75
|
-
exports.ConfirmDialog = ConfirmDialog;
|
|
76
|
-
var _default = {
|
|
77
|
-
title: 'V2/Dialog',
|
|
78
|
-
component: _Dialog["default"],
|
|
79
|
-
subcomponents: {
|
|
80
|
-
ConfirmDialog: ConfirmDialog,
|
|
81
|
-
RemoveDialog: RemoveDialog
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
exports["default"] = _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
var React = _interopRequireWildcard(require("react"));
|
|
6
|
-
var _react2 = require("@testing-library/react");
|
|
7
|
-
var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
|
|
8
|
-
var _ConfirmDialog = _interopRequireDefault(require("../ConfirmDialog"));
|
|
9
|
-
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); }
|
|
10
|
-
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; }
|
|
11
|
-
describe('ConfirmDialog', function () {
|
|
12
|
-
var TITLE = 'dialog title';
|
|
13
|
-
var TEXT = 'Dialog text';
|
|
14
|
-
var LABELS = {
|
|
15
|
-
cancel: 'cancel',
|
|
16
|
-
confirm: 'confirm'
|
|
17
|
-
};
|
|
18
|
-
it('Should render component', function () {
|
|
19
|
-
var onCancelSpy = jest.fn();
|
|
20
|
-
var onConfirmSpy = jest.fn();
|
|
21
|
-
(0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
|
|
22
|
-
open: true,
|
|
23
|
-
title: TITLE,
|
|
24
|
-
text: TEXT,
|
|
25
|
-
labels: LABELS,
|
|
26
|
-
onCancel: onCancelSpy,
|
|
27
|
-
onConfirm: onConfirmSpy
|
|
28
|
-
}));
|
|
29
|
-
var title = _react2.screen.getByText(TITLE);
|
|
30
|
-
var text = _react2.screen.getByText(TEXT);
|
|
31
|
-
var confirmButton = _react2.screen.getByText(LABELS.confirm);
|
|
32
|
-
var cancelButton = _react2.screen.getByText(LABELS.cancel);
|
|
33
|
-
expect(title).toBeDefined();
|
|
34
|
-
expect(text).toBeDefined();
|
|
35
|
-
expect(confirmButton).toBeDefined();
|
|
36
|
-
expect(cancelButton).toBeDefined();
|
|
37
|
-
});
|
|
38
|
-
it('Should render component with default labels', function () {
|
|
39
|
-
var onCancelSpy = jest.fn();
|
|
40
|
-
var onConfirmSpy = jest.fn();
|
|
41
|
-
(0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
|
|
42
|
-
open: true,
|
|
43
|
-
title: TITLE,
|
|
44
|
-
text: TEXT,
|
|
45
|
-
onCancel: onCancelSpy,
|
|
46
|
-
onConfirm: onConfirmSpy
|
|
47
|
-
}));
|
|
48
|
-
var title = _react2.screen.getByText(TITLE);
|
|
49
|
-
var text = _react2.screen.getByText(TEXT);
|
|
50
|
-
var confirmButton = _react2.screen.getByText('Sim');
|
|
51
|
-
var cancelButton = _react2.screen.getByText('Voltar');
|
|
52
|
-
expect(title).toBeDefined();
|
|
53
|
-
expect(text).toBeDefined();
|
|
54
|
-
expect(confirmButton).toBeDefined();
|
|
55
|
-
expect(cancelButton).toBeDefined();
|
|
56
|
-
});
|
|
57
|
-
it('Should call primaryButtonAction', function () {
|
|
58
|
-
var onCancelSpy = jest.fn();
|
|
59
|
-
var onConfirmSpy = jest.fn();
|
|
60
|
-
(0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
|
|
61
|
-
open: true,
|
|
62
|
-
title: TITLE,
|
|
63
|
-
text: TEXT,
|
|
64
|
-
labels: LABELS,
|
|
65
|
-
onCancel: onCancelSpy,
|
|
66
|
-
onConfirm: onConfirmSpy
|
|
67
|
-
}));
|
|
68
|
-
var confirmButton = _react2.screen.getByText(LABELS.confirm);
|
|
69
|
-
_userEvent["default"].click(confirmButton);
|
|
70
|
-
(0, _react2.waitFor)(function () {
|
|
71
|
-
expect(onConfirmSpy).toHaveBeenCalled();
|
|
72
|
-
});
|
|
73
|
-
});
|
|
74
|
-
it('Should call secondaryButtonAction', function () {
|
|
75
|
-
var onCancelSpy = jest.fn();
|
|
76
|
-
var onConfirmSpy = jest.fn();
|
|
77
|
-
(0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
|
|
78
|
-
open: true,
|
|
79
|
-
title: TITLE,
|
|
80
|
-
text: TEXT,
|
|
81
|
-
labels: LABELS,
|
|
82
|
-
onCancel: onCancelSpy,
|
|
83
|
-
onConfirm: onConfirmSpy
|
|
84
|
-
}));
|
|
85
|
-
var cancelButton = _react2.screen.getByText(LABELS.cancel);
|
|
86
|
-
_userEvent["default"].click(cancelButton);
|
|
87
|
-
(0, _react2.waitFor)(function () {
|
|
88
|
-
expect(onCancelSpy).toHaveBeenCalled();
|
|
89
|
-
});
|
|
90
|
-
});
|
|
91
|
-
it('Should call onCancel', function () {
|
|
92
|
-
var onCancelSpy = jest.fn();
|
|
93
|
-
var onConfirmSpy = jest.fn();
|
|
94
|
-
(0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
|
|
95
|
-
open: true,
|
|
96
|
-
title: TITLE,
|
|
97
|
-
text: TEXT,
|
|
98
|
-
labels: LABELS,
|
|
99
|
-
onCancel: onCancelSpy,
|
|
100
|
-
onConfirm: onConfirmSpy
|
|
101
|
-
}));
|
|
102
|
-
var title = _react2.screen.getByText(TITLE);
|
|
103
|
-
_react2.fireEvent.keyDown(title, {
|
|
104
|
-
key: 'Escape',
|
|
105
|
-
keyCode: 27
|
|
106
|
-
});
|
|
107
|
-
(0, _react2.waitFor)(function () {
|
|
108
|
-
expect(onCancelSpy).toHaveBeenCalled();
|
|
109
|
-
});
|
|
110
|
-
});
|
|
111
|
-
it('Should not call onCancel when disableBackdropClick', function () {
|
|
112
|
-
var onCancelSpy = jest.fn();
|
|
113
|
-
var onConfirmSpy = jest.fn();
|
|
114
|
-
(0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
|
|
115
|
-
open: true,
|
|
116
|
-
disableBackdropClick: true,
|
|
117
|
-
title: TITLE,
|
|
118
|
-
text: TEXT,
|
|
119
|
-
labels: LABELS,
|
|
120
|
-
onCancel: onCancelSpy,
|
|
121
|
-
onConfirm: onConfirmSpy
|
|
122
|
-
}));
|
|
123
|
-
var title = _react2.screen.getByText(TITLE);
|
|
124
|
-
_react2.fireEvent.keyDown(title, {
|
|
125
|
-
key: 'Escape',
|
|
126
|
-
keyCode: 27
|
|
127
|
-
});
|
|
128
|
-
(0, _react2.waitFor)(function () {
|
|
129
|
-
expect(onCancelSpy).not.toHaveBeenCalled();
|
|
130
|
-
});
|
|
131
|
-
});
|
|
132
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
var React = _interopRequireWildcard(require("react"));
|
|
6
|
-
var _react2 = require("@testing-library/react");
|
|
7
|
-
var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
|
|
8
|
-
var _Dialog = _interopRequireDefault(require("../Dialog"));
|
|
9
|
-
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); }
|
|
10
|
-
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; }
|
|
11
|
-
describe('Dialog', function () {
|
|
12
|
-
var TITLE = 'dialog title';
|
|
13
|
-
var TEXT = 'Dialog text';
|
|
14
|
-
var PRIMARY_BUTTON_TEXT = 'Close';
|
|
15
|
-
it('Should render component', function () {
|
|
16
|
-
var onClickSpy = jest.fn();
|
|
17
|
-
(0, _react2.render)( /*#__PURE__*/React.createElement(_Dialog["default"], {
|
|
18
|
-
open: true,
|
|
19
|
-
title: TITLE,
|
|
20
|
-
primaryButtonText: PRIMARY_BUTTON_TEXT,
|
|
21
|
-
primaryButtonAction: onClickSpy,
|
|
22
|
-
text: TEXT
|
|
23
|
-
}));
|
|
24
|
-
var title = _react2.screen.getByText(TITLE);
|
|
25
|
-
var text = _react2.screen.getByText(TEXT);
|
|
26
|
-
var primaryButton = _react2.screen.getByText(PRIMARY_BUTTON_TEXT);
|
|
27
|
-
expect(title).toBeDefined();
|
|
28
|
-
expect(text).toBeDefined();
|
|
29
|
-
expect(primaryButton).toBeDefined();
|
|
30
|
-
});
|
|
31
|
-
it('Should call primaryButtonAction', function () {
|
|
32
|
-
var onClickSpy = jest.fn();
|
|
33
|
-
(0, _react2.render)( /*#__PURE__*/React.createElement(_Dialog["default"], {
|
|
34
|
-
open: true,
|
|
35
|
-
title: TITLE,
|
|
36
|
-
primaryButtonText: PRIMARY_BUTTON_TEXT,
|
|
37
|
-
primaryButtonAction: onClickSpy,
|
|
38
|
-
text: TEXT
|
|
39
|
-
}));
|
|
40
|
-
var primaryButton = _react2.screen.getByText(PRIMARY_BUTTON_TEXT);
|
|
41
|
-
_userEvent["default"].click(primaryButton);
|
|
42
|
-
(0, _react2.waitFor)(function () {
|
|
43
|
-
expect(onClickSpy).toHaveBeenCalled();
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
it('Should call secondaryButtonAction', function () {
|
|
47
|
-
var onClickSpy = jest.fn();
|
|
48
|
-
(0, _react2.render)( /*#__PURE__*/React.createElement(_Dialog["default"], {
|
|
49
|
-
open: true,
|
|
50
|
-
title: TITLE,
|
|
51
|
-
primaryButtonText: PRIMARY_BUTTON_TEXT,
|
|
52
|
-
primaryButtonAction: onClickSpy,
|
|
53
|
-
text: TEXT,
|
|
54
|
-
secondaryButtonText: "secondary",
|
|
55
|
-
secondaryButtonAction: onClickSpy
|
|
56
|
-
}));
|
|
57
|
-
var secondaryButton = _react2.screen.getByText('secondary');
|
|
58
|
-
_userEvent["default"].click(secondaryButton);
|
|
59
|
-
(0, _react2.waitFor)(function () {
|
|
60
|
-
expect(onClickSpy).toHaveBeenCalled();
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|