@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.
Files changed (48) hide show
  1. package/es/components/comment_list/comment_event.js +22 -28
  2. package/es/components/comment_list/comment_event.styles.js +15 -16
  3. package/es/test/rtl/component_helpers.d.ts +7 -0
  4. package/es/test/rtl/component_helpers.js +72 -0
  5. package/es/test/rtl/custom_render.d.ts +74 -0
  6. package/es/test/rtl/custom_render.js +52 -0
  7. package/es/test/rtl/data_test_subj_queries.d.ts +5 -0
  8. package/es/test/rtl/data_test_subj_queries.js +46 -0
  9. package/es/test/rtl/index.d.ts +3 -0
  10. package/es/test/rtl/index.js +10 -0
  11. package/eui.d.ts +86 -4
  12. package/lib/components/comment_list/comment_event.js +29 -26
  13. package/lib/components/comment_list/comment_event.styles.js +15 -16
  14. package/lib/test/rtl/component_helpers.d.ts +7 -0
  15. package/lib/test/rtl/component_helpers.js +77 -0
  16. package/lib/test/rtl/custom_render.d.ts +74 -0
  17. package/lib/test/rtl/custom_render.js +60 -0
  18. package/lib/test/rtl/data_test_subj_queries.d.ts +5 -0
  19. package/lib/test/rtl/data_test_subj_queries.js +52 -0
  20. package/lib/test/rtl/index.d.ts +3 -0
  21. package/lib/test/rtl/index.js +81 -0
  22. package/optimize/es/components/comment_list/comment_event.js +22 -28
  23. package/optimize/es/components/comment_list/comment_event.styles.js +15 -16
  24. package/optimize/es/test/rtl/component_helpers.d.ts +7 -0
  25. package/optimize/es/test/rtl/component_helpers.js +71 -0
  26. package/optimize/es/test/rtl/custom_render.d.ts +74 -0
  27. package/optimize/es/test/rtl/custom_render.js +48 -0
  28. package/optimize/es/test/rtl/data_test_subj_queries.d.ts +5 -0
  29. package/optimize/es/test/rtl/data_test_subj_queries.js +36 -0
  30. package/optimize/es/test/rtl/index.d.ts +3 -0
  31. package/optimize/es/test/rtl/index.js +10 -0
  32. package/optimize/lib/components/comment_list/comment_event.js +22 -26
  33. package/optimize/lib/components/comment_list/comment_event.styles.js +15 -16
  34. package/optimize/lib/test/rtl/component_helpers.d.ts +7 -0
  35. package/optimize/lib/test/rtl/component_helpers.js +87 -0
  36. package/optimize/lib/test/rtl/custom_render.d.ts +74 -0
  37. package/optimize/lib/test/rtl/custom_render.js +59 -0
  38. package/optimize/lib/test/rtl/data_test_subj_queries.d.ts +5 -0
  39. package/optimize/lib/test/rtl/data_test_subj_queries.js +51 -0
  40. package/optimize/lib/test/rtl/index.d.ts +3 -0
  41. package/optimize/lib/test/rtl/index.js +81 -0
  42. package/package.json +7 -1
  43. package/test-env/components/comment_list/comment_event.js +22 -26
  44. package/test-env/components/comment_list/comment_event.styles.js +15 -16
  45. package/test-env/test/rtl/component_helpers.js +87 -0
  46. package/test-env/test/rtl/custom_render.js +59 -0
  47. package/test-env/test/rtl/data_test_subj_queries.js +51 -0
  48. 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.1",
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
- var eventHeader = (0, _react2.jsx)(HeaderElement, {
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, _extends2.default)({}, panelProps, {
91
- css: cssHeaderPanelStyles
92
- }), (0, _react2.jsx)("div", {
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
- css: cssHeaderDataStyles
89
+ className: "euiCommentEvent__headerData",
90
+ css: headerStyles.euiCommentEvent__headerData
96
91
  }, eventIcon && (0, _react2.jsx)(_avatar.EuiAvatar, {
97
- css: cssHeaderEventIconStyles,
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
- css: cssHeaderUsernameStyles
100
+ className: "euiCommentEvent__headerUsername",
101
+ css: headerStyles.euiCommentEvent__headerUsername
105
102
  }, username), event && (0, _react2.jsx)("div", {
106
- css: cssHeaderEventStyles
103
+ className: "euiCommentEvent__headerEvent",
104
+ css: headerStyles.euiCommentEvent__headerEvent
107
105
  }, event), timestamp && (0, _react2.jsx)("div", {
108
- css: cssHeaderTimestampStyles
106
+ className: "euiCommentEvent__headerTimestamp"
109
107
  }, (0, _react2.jsx)("time", null, timestamp))), actions && (0, _react2.jsx)("div", {
110
- css: cssHeaderActionsStyles
111
- }, actions))));
112
- return (0, _react2.jsx)(Element, {
113
- className: classes,
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: "bqgcpj-hasEventColor",
38
- styles: "padding:0;label:hasEventColor;"
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: "bqgcpj-hasEventColor",
41
- styles: "padding:0;label:hasEventColor;",
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: "ui5tce-euiCommentEvent__headerEvent",
47
- styles: "align-items:center;display:inline-flex;white-space:pre-wrap;flex-wrap:wrap;label:euiCommentEvent__headerEvent;"
46
+ name: "bqgcpj-hasEventColor",
47
+ styles: "padding:0;label:hasEventColor;"
48
48
  } : {
49
- name: "ui5tce-euiCommentEvent__headerEvent",
50
- styles: "align-items:center;display:inline-flex;white-space:pre-wrap;flex-wrap:wrap;label:euiCommentEvent__headerEvent;",
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
- euiCommentEvent__headerPanel: /*#__PURE__*/(0, _react.css)(";label:euiCommentEvent__headerPanel;"),
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: _ref2,
64
- euiCommentEvent__headerTimestamp: /*#__PURE__*/(0, _react.css)(";label:euiCommentEvent__headerTimestamp;"),
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");