@elastic/eui 62.0.0 → 62.0.3

package/test-env/components/portal/portal.js

@@ -51,9 +51,12 @@ var EuiPortal = /*#__PURE__*/function (_Component) {
 
     (0, _classCallCheck2.default)(this, EuiPortal);
     _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "portalNode", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "portalNode", null);
+    if (typeof window === 'undefined') return (0, _possibleConstructorReturn2.default)(_this); // Prevent SSR errors
+
     var insert = _this.props.insert;
     _this.portalNode = document.createElement('div');
+    _this.portalNode.dataset.euiportal = 'true';
 
     if (insert == null) {
       // no insertion defined, append to body
@@ -76,7 +79,9 @@ var EuiPortal = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      if (this.portalNode.parentNode) {
+      var _this$portalNode;
+
+      if ((_this$portalNode = this.portalNode) !== null && _this$portalNode !== void 0 && _this$portalNode.parentNode) {
         this.portalNode.parentNode.removeChild(this.portalNode);
       }
 
@@ -92,7 +97,7 @@ var EuiPortal = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/(0, _reactDom.createPortal)(this.props.children, this.portalNode);
+      return this.portalNode ? /*#__PURE__*/(0, _reactDom.createPortal)(this.props.children, this.portalNode) : null;
     }
   }]);
   return EuiPortal;

package/test-env/test/rtl/component_helpers.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.waitForEuiPopoverOpen = exports.waitForEuiPopoverClose = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = require("@testing-library/react");
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+/**
+ * Ensure the EuiPopover being tested is open/closed before contiuning
+ * Note: Because EuiPopover is portalled, we want to query `document`
+ * instead of the `container` returned by RTL's render()
+ */
+var waitForEuiPopoverOpen = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return (0, _react.waitFor)(function () {
+              var openPopover = document.querySelector('[data-popover-open]');
+              expect(openPopover).toBeTruthy();
+            });
+
+          case 2:
+            return _context.abrupt("return", _context.sent);
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function waitForEuiPopoverOpen() {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.waitForEuiPopoverOpen = waitForEuiPopoverOpen;
+
+var waitForEuiPopoverClose = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return (0, _react.waitFor)(function () {
+              var openPopover = document.querySelector('[data-popover-open]');
+              expect(openPopover).toBeFalsy();
+            });
+
+          case 2:
+            return _context2.abrupt("return", _context2.sent);
+
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function waitForEuiPopoverClose() {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+exports.waitForEuiPopoverClose = waitForEuiPopoverClose;

package/test-env/test/rtl/custom_render.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.screen = exports.render = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("@testing-library/react");
+
+var _components = require("../../components");
+
+var dataTestSubjQueries = _interopRequireWildcard(require("./data_test_subj_queries"));
+
+var _excluded = ["queries"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+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; }
+
+/**
+ * Custom render() fn with EuiProvider and query helpers
+ *
+ * @see https://testing-library.com/docs/react-testing-library/setup#custom-render
+ * @see https://testing-library.com/docs/react-testing-library/setup#add-custom-queries
+ */
+var customRender = function customRender(ui) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var renderQueries = _ref.queries,
+      options = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react.render)(ui, _objectSpread({
+    queries: _objectSpread(_objectSpread(_objectSpread({}, _react.queries), dataTestSubjQueries), renderQueries || {}),
+    wrapper: _components.EuiProvider
+  }, options));
+};
+
+exports.render = customRender;
+
+/**
+ * Custom screen util with EUI query helpers
+ *
+ * @see https://testing-library.com/docs/queries/about/#screen
+ * @see https://github.com/testing-library/dom-testing-library/issues/516
+ */
+var customScreen = _objectSpread(_objectSpread({}, _react.screen), (0, _react.within)(document.body, dataTestSubjQueries));
+
+exports.screen = customScreen;

package/test-env/test/rtl/data_test_subj_queries.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.queryByTestSubject = exports.queryAllByTestSubject = exports.getByTestSubject = exports.getAllByTestSubject = exports.findByTestSubject = exports.findAllByTestSubject = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("@testing-library/react");
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+var queryAllByTestSubject = function queryAllByTestSubject() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return _react.queryHelpers.queryAllByAttribute.apply(_react.queryHelpers, ['data-test-subj'].concat(args));
+};
+
+exports.queryAllByTestSubject = queryAllByTestSubject;
+
+var getMultipleError = function getMultipleError(_, TestSubjectValue) {
+  return "Found multiple elements with the data-test-subj attribute of: ".concat(TestSubjectValue);
+};
+
+var getMissingError = function getMissingError(_, TestSubjectValue) {
+  return "Unable to find an element with the data-test-subj attribute of: ".concat(TestSubjectValue);
+};
+
+var _buildQueries = (0, _react.buildQueries)(queryAllByTestSubject, getMultipleError, getMissingError),
+    _buildQueries2 = (0, _slicedToArray2.default)(_buildQueries, 5),
+    queryByTestSubject = _buildQueries2[0],
+    getAllByTestSubject = _buildQueries2[1],
+    getByTestSubject = _buildQueries2[2],
+    findAllByTestSubject = _buildQueries2[3],
+    findByTestSubject = _buildQueries2[4];
+
+exports.findByTestSubject = findByTestSubject;
+exports.findAllByTestSubject = findAllByTestSubject;
+exports.getByTestSubject = getByTestSubject;
+exports.getAllByTestSubject = getAllByTestSubject;
+exports.queryByTestSubject = queryByTestSubject;

package/test-env/test/rtl/index.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  queryByTestSubject: true,
+  queryAllByTestSubject: true,
+  getByTestSubject: true,
+  getAllByTestSubject: true,
+  findAllByTestSubject: true,
+  findByTestSubject: true,
+  render: true,
+  screen: true
+};
+Object.defineProperty(exports, "findAllByTestSubject", {
+  enumerable: true,
+  get: function get() {
+    return _data_test_subj_queries.findAllByTestSubject;
+  }
+});
+Object.defineProperty(exports, "findByTestSubject", {
+  enumerable: true,
+  get: function get() {
+    return _data_test_subj_queries.findByTestSubject;
+  }
+});
+Object.defineProperty(exports, "getAllByTestSubject", {
+  enumerable: true,
+  get: function get() {
+    return _data_test_subj_queries.getAllByTestSubject;
+  }
+});
+Object.defineProperty(exports, "getByTestSubject", {
+  enumerable: true,
+  get: function get() {
+    return _data_test_subj_queries.getByTestSubject;
+  }
+});
+Object.defineProperty(exports, "queryAllByTestSubject", {
+  enumerable: true,
+  get: function get() {
+    return _data_test_subj_queries.queryAllByTestSubject;
+  }
+});
+Object.defineProperty(exports, "queryByTestSubject", {
+  enumerable: true,
+  get: function get() {
+    return _data_test_subj_queries.queryByTestSubject;
+  }
+});
+Object.defineProperty(exports, "render", {
+  enumerable: true,
+  get: function get() {
+    return _custom_render.render;
+  }
+});
+Object.defineProperty(exports, "screen", {
+  enumerable: true,
+  get: function get() {
+    return _custom_render.screen;
+  }
+});
+
+var _component_helpers = require("./component_helpers");
+
+Object.keys(_component_helpers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _component_helpers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _component_helpers[key];
+    }
+  });
+});
+
+var _data_test_subj_queries = require("./data_test_subj_queries");
+
+var _custom_render = require("./custom_render");