@elastic/eui 62.0.1 → 62.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/comment_list/comment_event.js +22 -28
- package/es/components/comment_list/comment_event.styles.js +15 -16
- package/es/test/rtl/component_helpers.d.ts +7 -0
- package/es/test/rtl/component_helpers.js +72 -0
- package/es/test/rtl/custom_render.d.ts +74 -0
- package/es/test/rtl/custom_render.js +52 -0
- package/es/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/es/test/rtl/data_test_subj_queries.js +46 -0
- package/es/test/rtl/index.d.ts +3 -0
- package/es/test/rtl/index.js +10 -0
- package/eui.d.ts +86 -4
- package/lib/components/comment_list/comment_event.js +29 -26
- package/lib/components/comment_list/comment_event.styles.js +15 -16
- package/lib/test/rtl/component_helpers.d.ts +7 -0
- package/lib/test/rtl/component_helpers.js +77 -0
- package/lib/test/rtl/custom_render.d.ts +74 -0
- package/lib/test/rtl/custom_render.js +60 -0
- package/lib/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/lib/test/rtl/data_test_subj_queries.js +52 -0
- package/lib/test/rtl/index.d.ts +3 -0
- package/lib/test/rtl/index.js +81 -0
- package/optimize/es/components/comment_list/comment_event.js +22 -28
- package/optimize/es/components/comment_list/comment_event.styles.js +15 -16
- package/optimize/es/test/rtl/component_helpers.d.ts +7 -0
- package/optimize/es/test/rtl/component_helpers.js +71 -0
- package/optimize/es/test/rtl/custom_render.d.ts +74 -0
- package/optimize/es/test/rtl/custom_render.js +48 -0
- package/optimize/es/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/optimize/es/test/rtl/data_test_subj_queries.js +36 -0
- package/optimize/es/test/rtl/index.d.ts +3 -0
- package/optimize/es/test/rtl/index.js +10 -0
- package/optimize/lib/components/comment_list/comment_event.js +22 -26
- package/optimize/lib/components/comment_list/comment_event.styles.js +15 -16
- package/optimize/lib/test/rtl/component_helpers.d.ts +7 -0
- package/optimize/lib/test/rtl/component_helpers.js +87 -0
- package/optimize/lib/test/rtl/custom_render.d.ts +74 -0
- package/optimize/lib/test/rtl/custom_render.js +59 -0
- package/optimize/lib/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/optimize/lib/test/rtl/data_test_subj_queries.js +51 -0
- package/optimize/lib/test/rtl/index.d.ts +3 -0
- package/optimize/lib/test/rtl/index.js +81 -0
- package/package.json +7 -1
- package/test-env/components/comment_list/comment_event.js +22 -26
- package/test-env/components/comment_list/comment_event.styles.js +15 -16
- package/test-env/test/rtl/component_helpers.js +87 -0
- package/test-env/test/rtl/custom_render.js +59 -0
- package/test-env/test/rtl/data_test_subj_queries.js +51 -0
- package/test-env/test/rtl/index.js +81 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {
|
|
7
|
+
queryByTestSubject: true,
|
|
8
|
+
queryAllByTestSubject: true,
|
|
9
|
+
getByTestSubject: true,
|
|
10
|
+
getAllByTestSubject: true,
|
|
11
|
+
findAllByTestSubject: true,
|
|
12
|
+
findByTestSubject: true,
|
|
13
|
+
render: true,
|
|
14
|
+
screen: true
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "findAllByTestSubject", {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function get() {
|
|
19
|
+
return _data_test_subj_queries.findAllByTestSubject;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
Object.defineProperty(exports, "findByTestSubject", {
|
|
23
|
+
enumerable: true,
|
|
24
|
+
get: function get() {
|
|
25
|
+
return _data_test_subj_queries.findByTestSubject;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
Object.defineProperty(exports, "getAllByTestSubject", {
|
|
29
|
+
enumerable: true,
|
|
30
|
+
get: function get() {
|
|
31
|
+
return _data_test_subj_queries.getAllByTestSubject;
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
Object.defineProperty(exports, "getByTestSubject", {
|
|
35
|
+
enumerable: true,
|
|
36
|
+
get: function get() {
|
|
37
|
+
return _data_test_subj_queries.getByTestSubject;
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
Object.defineProperty(exports, "queryAllByTestSubject", {
|
|
41
|
+
enumerable: true,
|
|
42
|
+
get: function get() {
|
|
43
|
+
return _data_test_subj_queries.queryAllByTestSubject;
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
Object.defineProperty(exports, "queryByTestSubject", {
|
|
47
|
+
enumerable: true,
|
|
48
|
+
get: function get() {
|
|
49
|
+
return _data_test_subj_queries.queryByTestSubject;
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
Object.defineProperty(exports, "render", {
|
|
53
|
+
enumerable: true,
|
|
54
|
+
get: function get() {
|
|
55
|
+
return _custom_render.render;
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
Object.defineProperty(exports, "screen", {
|
|
59
|
+
enumerable: true,
|
|
60
|
+
get: function get() {
|
|
61
|
+
return _custom_render.screen;
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
var _component_helpers = require("./component_helpers");
|
|
66
|
+
|
|
67
|
+
Object.keys(_component_helpers).forEach(function (key) {
|
|
68
|
+
if (key === "default" || key === "__esModule") return;
|
|
69
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
70
|
+
if (key in exports && exports[key] === _component_helpers[key]) return;
|
|
71
|
+
Object.defineProperty(exports, key, {
|
|
72
|
+
enumerable: true,
|
|
73
|
+
get: function get() {
|
|
74
|
+
return _component_helpers[key];
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
var _data_test_subj_queries = require("./data_test_subj_queries");
|
|
80
|
+
|
|
81
|
+
var _custom_render = require("./custom_render");
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elastic/eui",
|
|
3
3
|
"description": "Elastic UI Component Library",
|
|
4
|
-
"version": "62.0.
|
|
4
|
+
"version": "62.0.2",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "lib",
|
|
7
7
|
"module": "es",
|
|
@@ -126,6 +126,11 @@
|
|
|
126
126
|
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
|
|
127
127
|
"@svgr/core": "5.5.0",
|
|
128
128
|
"@svgr/plugin-svgo": "^4.0.3",
|
|
129
|
+
"@testing-library/dom": "^8.12.0",
|
|
130
|
+
"@testing-library/jest-dom": "^5.16.3",
|
|
131
|
+
"@testing-library/react": "^12.1.5",
|
|
132
|
+
"@testing-library/react-hooks": "^7.0.2",
|
|
133
|
+
"@testing-library/user-event": "^13.5.0",
|
|
129
134
|
"@types/classnames": "^2.2.10",
|
|
130
135
|
"@types/enzyme": "^3.10.5",
|
|
131
136
|
"@types/jest": "^24.0.6",
|
|
@@ -135,6 +140,7 @@
|
|
|
135
140
|
"@types/react-is": "^17.0.3",
|
|
136
141
|
"@types/react-router-dom": "^5.1.5",
|
|
137
142
|
"@types/tabbable": "^3.1.2",
|
|
143
|
+
"@types/testing-library__jest-dom": "^5.14.3",
|
|
138
144
|
"@types/url-parse": "^1.4.8",
|
|
139
145
|
"@types/uuid": "^8.3.0",
|
|
140
146
|
"@typescript-eslint/eslint-plugin": "^5.10.2",
|
|
@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.EuiCommentEvent = void 0;
|
|
9
9
|
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
10
|
var _react = _interopRequireDefault(require("react"));
|
|
13
11
|
|
|
14
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -62,14 +60,6 @@ var EuiCommentEvent = function EuiCommentEvent(_ref) {
|
|
|
62
60
|
var cssStyles = [styles.euiCommentEvent, styles[type]];
|
|
63
61
|
var headerStyles = (0, _comment_event.euiCommentEventHeaderStyles)(euiTheme);
|
|
64
62
|
var cssHeaderStyles = [headerStyles.euiCommentEvent__header, eventColor && headerStyles.hasEventColor, isTypeRegular && headerStyles.regular];
|
|
65
|
-
var cssHeaderPanelStyles = headerStyles.euiCommentEvent__headerPanel;
|
|
66
|
-
var cssHeaderEventIconStyles = headerStyles.euiCommentEvent__headerEventIcon;
|
|
67
|
-
var cssHeaderUsernameStyles = headerStyles.euiCommentEvent__headerUsername;
|
|
68
|
-
var cssHeaderEventStyles = headerStyles.euiCommentEvent__headerEvent;
|
|
69
|
-
var cssHeaderTimestampStyles = headerStyles.euiCommentEvent__headerTimestamp;
|
|
70
|
-
var cssHeaderMainStyles = headerStyles.euiCommentEvent__headerMain;
|
|
71
|
-
var cssHeaderDataStyles = headerStyles.euiCommentEvent__headerData;
|
|
72
|
-
var cssHeaderActionsStyles = headerStyles.euiCommentEvent__headerActions;
|
|
73
63
|
var bodyStyles = (0, _comment_event.euiCommentEventBodyStyles)(euiTheme);
|
|
74
64
|
var cssBodyStyles = [bodyStyles.euiCommentEvent__body, bodyStyles[type]];
|
|
75
65
|
var isFigure = isTypeRegular;
|
|
@@ -85,34 +75,40 @@ var EuiCommentEvent = function EuiCommentEvent(_ref) {
|
|
|
85
75
|
color: 'transparent',
|
|
86
76
|
paddingSize: 'none'
|
|
87
77
|
};
|
|
88
|
-
|
|
78
|
+
return (0, _react2.jsx)(Element, {
|
|
79
|
+
className: classes,
|
|
80
|
+
css: cssStyles,
|
|
81
|
+
"data-type": type
|
|
82
|
+
}, hasEventElements && (0, _react2.jsx)(HeaderElement, {
|
|
83
|
+
className: "euiCommentEvent__header",
|
|
89
84
|
css: cssHeaderStyles
|
|
90
|
-
}, (0, _react2.jsx)(_panel.EuiPanel, (0,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
css: cssHeaderMainStyles
|
|
85
|
+
}, (0, _react2.jsx)(_panel.EuiPanel, panelProps, (0, _react2.jsx)("div", {
|
|
86
|
+
className: "euiCommentEvent__headerMain",
|
|
87
|
+
css: headerStyles.euiCommentEvent__headerMain
|
|
94
88
|
}, (0, _react2.jsx)("div", {
|
|
95
|
-
|
|
89
|
+
className: "euiCommentEvent__headerData",
|
|
90
|
+
css: headerStyles.euiCommentEvent__headerData
|
|
96
91
|
}, eventIcon && (0, _react2.jsx)(_avatar.EuiAvatar, {
|
|
97
|
-
|
|
92
|
+
className: "euiCommentEvent__headerEventIcon",
|
|
93
|
+
css: headerStyles.euiCommentEvent__headerEventIcon,
|
|
98
94
|
size: "s",
|
|
99
95
|
iconType: eventIcon,
|
|
100
96
|
name: eventIconAriaLabel ? eventIconAriaLabel : '',
|
|
101
97
|
color: "subdued",
|
|
102
98
|
"aria-hidden": !eventIconAriaLabel
|
|
103
99
|
}), username && (0, _react2.jsx)("div", {
|
|
104
|
-
|
|
100
|
+
className: "euiCommentEvent__headerUsername",
|
|
101
|
+
css: headerStyles.euiCommentEvent__headerUsername
|
|
105
102
|
}, username), event && (0, _react2.jsx)("div", {
|
|
106
|
-
|
|
103
|
+
className: "euiCommentEvent__headerEvent",
|
|
104
|
+
css: headerStyles.euiCommentEvent__headerEvent
|
|
107
105
|
}, event), timestamp && (0, _react2.jsx)("div", {
|
|
108
|
-
|
|
106
|
+
className: "euiCommentEvent__headerTimestamp"
|
|
109
107
|
}, (0, _react2.jsx)("time", null, timestamp))), actions && (0, _react2.jsx)("div", {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
className:
|
|
114
|
-
css: cssStyles
|
|
115
|
-
}, hasEventElements && eventHeader, children && (0, _react2.jsx)("div", {
|
|
108
|
+
className: "euiCommentEvent__headerActions",
|
|
109
|
+
css: headerStyles.euiCommentEvent__headerActions
|
|
110
|
+
}, actions)))), children && (0, _react2.jsx)("div", {
|
|
111
|
+
className: "euiCommentEvent__body",
|
|
116
112
|
css: cssBodyStyles
|
|
117
113
|
}, children));
|
|
118
114
|
};
|
|
@@ -34,20 +34,20 @@ var euiCommentEventStyles = function euiCommentEventStyles(_ref4) {
|
|
|
34
34
|
exports.euiCommentEventStyles = euiCommentEventStyles;
|
|
35
35
|
|
|
36
36
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
37
|
-
name: "
|
|
38
|
-
styles: "
|
|
37
|
+
name: "ui5tce-euiCommentEvent__headerEvent",
|
|
38
|
+
styles: "align-items:center;display:inline-flex;white-space:pre-wrap;flex-wrap:wrap;label:euiCommentEvent__headerEvent;"
|
|
39
39
|
} : {
|
|
40
|
-
name: "
|
|
41
|
-
styles: "
|
|
40
|
+
name: "ui5tce-euiCommentEvent__headerEvent",
|
|
41
|
+
styles: "align-items:center;display:inline-flex;white-space:pre-wrap;flex-wrap:wrap;label:euiCommentEvent__headerEvent;",
|
|
42
42
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
46
|
-
name: "
|
|
47
|
-
styles: "
|
|
46
|
+
name: "bqgcpj-hasEventColor",
|
|
47
|
+
styles: "padding:0;label:hasEventColor;"
|
|
48
48
|
} : {
|
|
49
|
-
name: "
|
|
50
|
-
styles: "
|
|
49
|
+
name: "bqgcpj-hasEventColor",
|
|
50
|
+
styles: "padding:0;label:hasEventColor;",
|
|
51
51
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
52
52
|
};
|
|
53
53
|
|
|
@@ -55,18 +55,17 @@ var euiCommentEventHeaderStyles = function euiCommentEventHeaderStyles(_ref5) {
|
|
|
55
55
|
var euiTheme = _ref5.euiTheme;
|
|
56
56
|
return {
|
|
57
57
|
euiCommentEvent__header: /*#__PURE__*/(0, _react.css)(";label:euiCommentEvent__header;"),
|
|
58
|
-
|
|
58
|
+
// types
|
|
59
|
+
regular: /*#__PURE__*/(0, _react.css)("background:", euiTheme.colors.lightestShade, ";border-bottom:", euiTheme.border.thin, ";padding:", euiTheme.size.s, ";;label:regular;"),
|
|
60
|
+
// variants
|
|
61
|
+
hasEventColor: _ref2,
|
|
62
|
+
// Children
|
|
59
63
|
euiCommentEvent__headerMain: /*#__PURE__*/(0, _react.css)("display:flex;flex:1;gap:", euiTheme.size.s, ";;label:euiCommentEvent__headerMain;"),
|
|
60
64
|
euiCommentEvent__headerData: /*#__PURE__*/(0, _react.css)("display:flex;flex:1;align-items:center;flex-wrap:wrap;gap:", euiTheme.size.xs, ";;label:euiCommentEvent__headerData;"),
|
|
61
65
|
euiCommentEvent__headerEventIcon: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-right', euiTheme.size.xs), ";;label:euiCommentEvent__headerEventIcon;"),
|
|
62
66
|
euiCommentEvent__headerUsername: /*#__PURE__*/(0, _react.css)("font-weight:", euiTheme.font.weight.semiBold, ";;label:euiCommentEvent__headerUsername;"),
|
|
63
|
-
euiCommentEvent__headerEvent:
|
|
64
|
-
|
|
65
|
-
euiCommentEvent__headerActions: /*#__PURE__*/(0, _react.css)("display:flex;flex-wrap:wrap;gap:", euiTheme.size.xs, ";;label:euiCommentEvent__headerActions;"),
|
|
66
|
-
// types
|
|
67
|
-
regular: /*#__PURE__*/(0, _react.css)("background:", euiTheme.colors.lightestShade, ";border-bottom:", euiTheme.border.thin, ";padding:", euiTheme.size.s, ";;label:regular;"),
|
|
68
|
-
// variants
|
|
69
|
-
hasEventColor: _ref
|
|
67
|
+
euiCommentEvent__headerEvent: _ref,
|
|
68
|
+
euiCommentEvent__headerActions: /*#__PURE__*/(0, _react.css)("display:flex;flex-wrap:wrap;gap:", euiTheme.size.xs, ";;label:euiCommentEvent__headerActions;")
|
|
70
69
|
};
|
|
71
70
|
};
|
|
72
71
|
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.waitForEuiPopoverOpen = exports.waitForEuiPopoverClose = void 0;
|
|
9
|
+
|
|
10
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
+
|
|
12
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
+
|
|
14
|
+
var _react = require("@testing-library/react");
|
|
15
|
+
|
|
16
|
+
/*
|
|
17
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
18
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
19
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
20
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
21
|
+
* Side Public License, v 1.
|
|
22
|
+
*/
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Ensure the EuiPopover being tested is open/closed before contiuning
|
|
26
|
+
* Note: Because EuiPopover is portalled, we want to query `document`
|
|
27
|
+
* instead of the `container` returned by RTL's render()
|
|
28
|
+
*/
|
|
29
|
+
var waitForEuiPopoverOpen = /*#__PURE__*/function () {
|
|
30
|
+
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
31
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
32
|
+
while (1) {
|
|
33
|
+
switch (_context.prev = _context.next) {
|
|
34
|
+
case 0:
|
|
35
|
+
_context.next = 2;
|
|
36
|
+
return (0, _react.waitFor)(function () {
|
|
37
|
+
var openPopover = document.querySelector('[data-popover-open]');
|
|
38
|
+
expect(openPopover).toBeTruthy();
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
case 2:
|
|
42
|
+
return _context.abrupt("return", _context.sent);
|
|
43
|
+
|
|
44
|
+
case 3:
|
|
45
|
+
case "end":
|
|
46
|
+
return _context.stop();
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}, _callee);
|
|
50
|
+
}));
|
|
51
|
+
|
|
52
|
+
return function waitForEuiPopoverOpen() {
|
|
53
|
+
return _ref.apply(this, arguments);
|
|
54
|
+
};
|
|
55
|
+
}();
|
|
56
|
+
|
|
57
|
+
exports.waitForEuiPopoverOpen = waitForEuiPopoverOpen;
|
|
58
|
+
|
|
59
|
+
var waitForEuiPopoverClose = /*#__PURE__*/function () {
|
|
60
|
+
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
61
|
+
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
62
|
+
while (1) {
|
|
63
|
+
switch (_context2.prev = _context2.next) {
|
|
64
|
+
case 0:
|
|
65
|
+
_context2.next = 2;
|
|
66
|
+
return (0, _react.waitFor)(function () {
|
|
67
|
+
var openPopover = document.querySelector('[data-popover-open]');
|
|
68
|
+
expect(openPopover).toBeFalsy();
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
case 2:
|
|
72
|
+
return _context2.abrupt("return", _context2.sent);
|
|
73
|
+
|
|
74
|
+
case 3:
|
|
75
|
+
case "end":
|
|
76
|
+
return _context2.stop();
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}, _callee2);
|
|
80
|
+
}));
|
|
81
|
+
|
|
82
|
+
return function waitForEuiPopoverClose() {
|
|
83
|
+
return _ref2.apply(this, arguments);
|
|
84
|
+
};
|
|
85
|
+
}();
|
|
86
|
+
|
|
87
|
+
exports.waitForEuiPopoverClose = waitForEuiPopoverClose;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports.screen = exports.render = void 0;
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
+
|
|
16
|
+
var _react = require("@testing-library/react");
|
|
17
|
+
|
|
18
|
+
var _components = require("../../components");
|
|
19
|
+
|
|
20
|
+
var dataTestSubjQueries = _interopRequireWildcard(require("./data_test_subj_queries"));
|
|
21
|
+
|
|
22
|
+
var _excluded = ["queries"];
|
|
23
|
+
|
|
24
|
+
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); }
|
|
25
|
+
|
|
26
|
+
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; }
|
|
27
|
+
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
+
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Custom render() fn with EuiProvider and query helpers
|
|
34
|
+
*
|
|
35
|
+
* @see https://testing-library.com/docs/react-testing-library/setup#custom-render
|
|
36
|
+
* @see https://testing-library.com/docs/react-testing-library/setup#add-custom-queries
|
|
37
|
+
*/
|
|
38
|
+
var customRender = function customRender(ui) {
|
|
39
|
+
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
40
|
+
|
|
41
|
+
var renderQueries = _ref.queries,
|
|
42
|
+
options = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
43
|
+
return (0, _react.render)(ui, _objectSpread({
|
|
44
|
+
queries: _objectSpread(_objectSpread(_objectSpread({}, _react.queries), dataTestSubjQueries), renderQueries || {}),
|
|
45
|
+
wrapper: _components.EuiProvider
|
|
46
|
+
}, options));
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
exports.render = customRender;
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* Custom screen util with EUI query helpers
|
|
53
|
+
*
|
|
54
|
+
* @see https://testing-library.com/docs/queries/about/#screen
|
|
55
|
+
* @see https://github.com/testing-library/dom-testing-library/issues/516
|
|
56
|
+
*/
|
|
57
|
+
var customScreen = _objectSpread(_objectSpread({}, _react.screen), (0, _react.within)(document.body, dataTestSubjQueries));
|
|
58
|
+
|
|
59
|
+
exports.screen = customScreen;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.queryByTestSubject = exports.queryAllByTestSubject = exports.getByTestSubject = exports.getAllByTestSubject = exports.findByTestSubject = exports.findAllByTestSubject = void 0;
|
|
9
|
+
|
|
10
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
+
|
|
12
|
+
var _react = require("@testing-library/react");
|
|
13
|
+
|
|
14
|
+
/*
|
|
15
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
16
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
17
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
18
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
19
|
+
* Side Public License, v 1.
|
|
20
|
+
*/
|
|
21
|
+
var queryAllByTestSubject = function queryAllByTestSubject() {
|
|
22
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
23
|
+
args[_key] = arguments[_key];
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
return _react.queryHelpers.queryAllByAttribute.apply(_react.queryHelpers, ['data-test-subj'].concat(args));
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
exports.queryAllByTestSubject = queryAllByTestSubject;
|
|
30
|
+
|
|
31
|
+
var getMultipleError = function getMultipleError(_, TestSubjectValue) {
|
|
32
|
+
return "Found multiple elements with the data-test-subj attribute of: ".concat(TestSubjectValue);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
var getMissingError = function getMissingError(_, TestSubjectValue) {
|
|
36
|
+
return "Unable to find an element with the data-test-subj attribute of: ".concat(TestSubjectValue);
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
var _buildQueries = (0, _react.buildQueries)(queryAllByTestSubject, getMultipleError, getMissingError),
|
|
40
|
+
_buildQueries2 = (0, _slicedToArray2.default)(_buildQueries, 5),
|
|
41
|
+
queryByTestSubject = _buildQueries2[0],
|
|
42
|
+
getAllByTestSubject = _buildQueries2[1],
|
|
43
|
+
getByTestSubject = _buildQueries2[2],
|
|
44
|
+
findAllByTestSubject = _buildQueries2[3],
|
|
45
|
+
findByTestSubject = _buildQueries2[4];
|
|
46
|
+
|
|
47
|
+
exports.findByTestSubject = findByTestSubject;
|
|
48
|
+
exports.findAllByTestSubject = findAllByTestSubject;
|
|
49
|
+
exports.getByTestSubject = getByTestSubject;
|
|
50
|
+
exports.getAllByTestSubject = getAllByTestSubject;
|
|
51
|
+
exports.queryByTestSubject = queryByTestSubject;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {
|
|
7
|
+
queryByTestSubject: true,
|
|
8
|
+
queryAllByTestSubject: true,
|
|
9
|
+
getByTestSubject: true,
|
|
10
|
+
getAllByTestSubject: true,
|
|
11
|
+
findAllByTestSubject: true,
|
|
12
|
+
findByTestSubject: true,
|
|
13
|
+
render: true,
|
|
14
|
+
screen: true
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "findAllByTestSubject", {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function get() {
|
|
19
|
+
return _data_test_subj_queries.findAllByTestSubject;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
Object.defineProperty(exports, "findByTestSubject", {
|
|
23
|
+
enumerable: true,
|
|
24
|
+
get: function get() {
|
|
25
|
+
return _data_test_subj_queries.findByTestSubject;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
Object.defineProperty(exports, "getAllByTestSubject", {
|
|
29
|
+
enumerable: true,
|
|
30
|
+
get: function get() {
|
|
31
|
+
return _data_test_subj_queries.getAllByTestSubject;
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
Object.defineProperty(exports, "getByTestSubject", {
|
|
35
|
+
enumerable: true,
|
|
36
|
+
get: function get() {
|
|
37
|
+
return _data_test_subj_queries.getByTestSubject;
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
Object.defineProperty(exports, "queryAllByTestSubject", {
|
|
41
|
+
enumerable: true,
|
|
42
|
+
get: function get() {
|
|
43
|
+
return _data_test_subj_queries.queryAllByTestSubject;
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
Object.defineProperty(exports, "queryByTestSubject", {
|
|
47
|
+
enumerable: true,
|
|
48
|
+
get: function get() {
|
|
49
|
+
return _data_test_subj_queries.queryByTestSubject;
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
Object.defineProperty(exports, "render", {
|
|
53
|
+
enumerable: true,
|
|
54
|
+
get: function get() {
|
|
55
|
+
return _custom_render.render;
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
Object.defineProperty(exports, "screen", {
|
|
59
|
+
enumerable: true,
|
|
60
|
+
get: function get() {
|
|
61
|
+
return _custom_render.screen;
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
var _component_helpers = require("./component_helpers");
|
|
66
|
+
|
|
67
|
+
Object.keys(_component_helpers).forEach(function (key) {
|
|
68
|
+
if (key === "default" || key === "__esModule") return;
|
|
69
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
70
|
+
if (key in exports && exports[key] === _component_helpers[key]) return;
|
|
71
|
+
Object.defineProperty(exports, key, {
|
|
72
|
+
enumerable: true,
|
|
73
|
+
get: function get() {
|
|
74
|
+
return _component_helpers[key];
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
var _data_test_subj_queries = require("./data_test_subj_queries");
|
|
80
|
+
|
|
81
|
+
var _custom_render = require("./custom_render");
|