@salesforce/pwa-kit-react-sdk 3.0.0-preview.0

package/ssr/universal/compatibility.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAppConfig = void 0;
+var _appConfig2 = _interopRequireDefault(require("./components/_app-config"));
+var _withLegacyGetProps = require("./components/with-legacy-get-props");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * Copyright (c) 2022, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+let _appConfig = _appConfig2.default;
+
+/**
+ * If a user hasn't opted into a fetchStrategy, automatically
+ * opt them into getProps – this maintains backward compatibility.
+ *
+ * @private
+ */
+const getAppConfig = () => {
+  if (!_appConfig.initAppState) {
+    _appConfig = (0, _withLegacyGetProps.withLegacyGetProps)(_appConfig);
+  }
+  return _appConfig;
+};
+exports.getAppConfig = getAppConfig;

package/ssr/universal/components/_app/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * Copyright (c) 2021, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+/**
+ * @module progressive-web-sdk/ssr/universal/components/_app
+ */
+/**
+ * The PWAApp is a special component that will be overridden in your project. Its
+ * main purpose is to provide the layout for your application as well as set up any
+ * global actions and data fetching via the `getProps` method. Typically this is
+ * where you will set up components like your application header, footer and
+ * navigation. The contents of this component are project specific, but the rule
+ * of thumb is that anything outside of your pages will be added here.
+ */
+const App = props => /*#__PURE__*/_react.default.createElement("div", {
+  id: "app"
+}, props.children);
+App.propTypes = {
+  children: _propTypes.default.element.isRequired
+};
+var _default = App;
+exports.default = _default;

package/ssr/universal/components/_app/index.test.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _index = _interopRequireDefault(require("./index"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * Copyright (c) 2021, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+describe('App', () => {
+  test('Renders correctly', () => {
+    const body = /*#__PURE__*/_react.default.createElement("p", null, "Hello world");
+    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.default, null, body));
+    expect(_react2.screen.getByText(/hello world/i)).toBeInTheDocument();
+  });
+});

package/ssr/universal/components/_app-config/index.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * Copyright (c) 2021, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+/**
+ * @module progressive-web-sdk/ssr/universal/components/_app-config
+ */
+
+/**
+ * This is a special component that can be overridden in a project. It supports
+ * two things:
+ *
+ *   1) Working with state management libraries such as Redux that need to set
+ *      up <Provider> instances at the root of an application.
+ *
+ *   2) Injecting properties (such as Redux stores, API clients) into getProps()
+ *      methods across an application. We can't use React's context to do this
+ *      because getProps() and co. need to be static methods.
+ */
+class AppConfig extends _react.default.Component {
+  /**
+   * Restore a state management backend from frozen state that was embedded
+   * into the page HTML.
+   *
+   * You can also use this to initialize a state-management library, and should
+   * save the instance onto `locals`.
+   *
+   * @param locals - res.locals on the server, an empty object as a substitute on
+   *    the client.
+   * @param frozen - the application state, restored from JSON in the HTML.
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  static restore(locals, frozen = {}) {
+    // No-op by default, should be overridden in a project.
+  }
+
+  /**
+   * Freeze a state management backend for embedding into the page HTML.
+   *
+   * @param locals - res.locals on the server, an empty object as a substitute on
+   *    the client.
+   * @return {Object} - the application state as an object, which will be
+   *    serialized into JSON and embedded in the page HTML.
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  static freeze(locals) {
+    return undefined;
+  }
+
+  /**
+   * Return any extra arguments to be injected into `getProps` methods across
+   * the entire app, such as a Redux store.
+   *
+   * @param locals - res.locals on the server, an empty object as a substitute on
+   *    the client.
+   * @return {Object}
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  static extraGetPropsArgs(locals) {
+    return {};
+  }
+
+  /**
+   * This class is a React Component in order to provide this hook, which lets
+   * you set up context Providers for a state-management library such as Redux.
+   */
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.props.children);
+  }
+}
+AppConfig.propTypes = {
+  children: _propTypes.default.node,
+  locals: _propTypes.default.object
+};
+var _default = AppConfig;
+exports.default = _default;

package/ssr/universal/components/_app-config/index.test.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _index = _interopRequireDefault(require("./index"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * Copyright (c) 2021, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+describe('The default AppConfig', () => {
+  test('methods are all no-ops', () => {
+    expect(_index.default.restore()).toBeUndefined();
+    expect(_index.default.restore({
+      frozen: 'any values here'
+    })).toBeUndefined();
+    expect(_index.default.freeze()).toBeUndefined();
+    expect(_index.default.extraGetPropsArgs()).toEqual({});
+  });
+});

package/ssr/universal/components/_document/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /*
+                                                                                                                                                                                                                                                                                                                                                     * Copyright (c) 2021, salesforce.com, inc.
+                                                                                                                                                                                                                                                                                                                                                     * All rights reserved.
+                                                                                                                                                                                                                                                                                                                                                     * SPDX-License-Identifier: BSD-3-Clause
+                                                                                                                                                                                                                                                                                                                                                     * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+                                                                                                                                                                                                                                                                                                                                                     */ /**
+                                                                                                                                                                                                                                                                                                                                                         * @module progressive-web-sdk/ssr/universal/components/_document
+                                                                                                                                                                                                                                                                                                                                                         */
+/**
+ * The Document is a special component that can be overridden in a project, it
+ * provides the default document foundation for your PWA. This includes
+ * defaults for lang, charset, viewport, theme-color, script locations, etc.
+ * We do not recommend overriding this component, but if you do require fine grained control of
+ * your application we recommend using this implementation as a starting point to ensure
+ * the correct functionality of your PWA.
+ *
+ * The properties for this component will be set in the server-side rendering pipeline.
+ * Failure to use all these properties will most likely result in a non-functioning
+ * PWA.
+ *
+ * @param {Array.<Object>} props.beforeBodyEnd - The renderable elements to be placed directly before
+ *      the end of the body tag.
+ * @param {object} [props.bodyAttributes] - The attributes to be applied to the documents body tag.
+ *      <br/>
+ *      <br/>
+ *      <i>These are set by using `react-helmet`. Please refer to their {@link https://github.com/nfl/react-helmet/tree/5.2.0#readme|docs}
+ *      for its usage.</i>
+ * @param {Array.<Object>} props.head - The elements to be placed inside the documents head tag.
+ * @param {string} [props.html] - The HTML to be rendered in your documents html tag.
+ * @param {object} [props.htmlAttributes] - The attributes to be applied to the documents html tag.
+ *      <br/>
+ *      <br/>
+ *      <i>These are set by using `react-helmet`. Please refer to their {@link https://github.com/nfl/react-helmet/tree/5.2.0#readme|docs}
+ *      for its usage.</i>
+ */
+const Document = props => {
+  const {
+    head,
+    html,
+    afterBodyStart,
+    beforeBodyEnd,
+    htmlAttributes,
+    bodyAttributes
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("html", _extends({
+    lang: "en-US"
+  }, htmlAttributes), /*#__PURE__*/_react.default.createElement("head", null, /*#__PURE__*/_react.default.createElement("meta", {
+    name: "charset",
+    content: "utf-8"
+  }), /*#__PURE__*/_react.default.createElement("meta", {
+    name: "viewport",
+    content: "width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
+  }), /*#__PURE__*/_react.default.createElement("meta", {
+    name: "format-detection",
+    content: "telephone=no"
+  }), head.map(child => child)), /*#__PURE__*/_react.default.createElement("body", bodyAttributes, afterBodyStart.map((child, i) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    key: i
+  }, child)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "react-target",
+    dangerouslySetInnerHTML: {
+      __html: html
+    }
+  }), beforeBodyEnd.map((child, i) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    key: i
+  }, child))));
+};
+Document.propTypes = {
+  afterBodyStart: _propTypes.default.arrayOf(_propTypes.default.node).isRequired,
+  beforeBodyEnd: _propTypes.default.arrayOf(_propTypes.default.node).isRequired,
+  head: _propTypes.default.arrayOf(_propTypes.default.node).isRequired,
+  html: _propTypes.default.string.isRequired,
+  htmlAttributes: _propTypes.default.object,
+  bodyAttributes: _propTypes.default.object
+};
+Document.defaultProps = {
+  afterBodyStart: [],
+  beforeBodyEnd: [],
+  head: [],
+  html: '',
+  htmlAttributes: {},
+  bodyAttributes: {}
+};
+var _default = Document;
+exports.default = _default;

package/ssr/universal/components/_document/index.test.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _index = _interopRequireDefault(require("./index"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * Copyright (c) 2021, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+describe('Document', () => {
+  test('Renders correctly', () => {
+    const style = /*#__PURE__*/_react.default.createElement("link", {
+      key: "stylesheet",
+      rel: "stylesheet",
+      href: "style.css"
+    });
+    const script = /*#__PURE__*/_react.default.createElement("script", {
+      key: "script",
+      src: "script.js"
+    });
+    const sprite = /*#__PURE__*/_react.default.createElement("svg", {
+      id: "__SVG_SPRITE_NODE__"
+    });
+    const html = '<p>Hello world</p>';
+    const bodyAttributes = {
+      className: 'root'
+    };
+    const htmlAttributes = {
+      lang: 'en'
+    };
+    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.default, {
+      head: [style],
+      html: html,
+      afterBodyStart: [sprite],
+      beforeBodyEnd: [script],
+      htmlAttributes: htmlAttributes,
+      bodyAttributes: bodyAttributes
+    }));
+    const scriptTag = document.querySelector('script');
+    const svgTag = document.querySelector('svg');
+    const styleTag = document.querySelector('link');
+    // by default, React Testing Library append the test component into a body tag, since our component is a full DOM
+    // there will be two body tags in the DOM, we only want to check the second one
+    const bodyTag = document.querySelectorAll('body')[1];
+    // it looks like it returns two html collection, the first one is the React Testing library, the second one is our component we are testing
+    const htmlTag = document.getElementsByTagName('html')[1];
+    expect(svgTag).toBeInTheDocument();
+    expect(scriptTag).toBeInTheDocument();
+    expect(styleTag).toBeInTheDocument();
+    expect(_react2.screen.getByText(/hello world/i)).toBeInTheDocument();
+    expect(bodyTag).toHaveAttribute('class', 'root');
+    expect(htmlTag).toHaveAttribute('lang', 'en');
+  });
+});

package/ssr/universal/components/_error/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * Copyright (c) 2021, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+/**
+ * @module progressive-web-sdk/ssr/universal/components/_error
+ */
+
+/**
+ * This is a special component that can be overridden in a project. We recommend
+ * doing this in your project in order to cutomize its behaviour. You can accomplish
+ * things such as, making the error page brand specific, redirecting when errors
+ * occur, or adding reporting.
+ *
+ * The default Error component provides a basic layout for displaying errors
+ * that have occured during server-side rendering or client-side execution.
+ *
+ * @param {string} props.message - The errors message.
+ * @param {string} props.stack - The errors stack trace.
+ *      <br/>
+ *      <br/>
+ *      <i>This property is only defined in non-production environments.</i>
+ * @param {number} props.status - The errors HTTP status code.
+ *      <br/>
+ *      <br/>
+ *      <i>This property is typically used to distinguish 404 errors from other types.</i>
+ * @param {string} props.correlationId
+ */
+const Error = ({
+  message,
+  stack,
+  status,
+  correlationId
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, "Error Status: ", status), /*#__PURE__*/_react.default.createElement("div", null, "CorrelationId: ", correlationId), /*#__PURE__*/_react.default.createElement("pre", null, stack), /*#__PURE__*/_react.default.createElement("pre", null, message));
+};
+Error.propTypes = {
+  message: _propTypes.default.string.isRequired,
+  status: _propTypes.default.number.isRequired,
+  stack: _propTypes.default.string,
+  correlationId: _propTypes.default.string
+};
+var _default = Error;
+exports.default = _default;

package/ssr/universal/components/_error/index.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _index = _interopRequireDefault(require("./index"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * Copyright (c) 2021, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+describe('Error Page', () => {
+  const stack = 'Error Stack';
+  const status = 500;
+  const message = 'Error message';
+  test('Renders correctly', () => {
+    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.default, {
+      message: message,
+      stack: stack,
+      status: status
+    }));
+    expect(_react2.screen.getByText(message)).toBeInTheDocument();
+    expect(_react2.screen.getByText(stack)).toBeInTheDocument();
+    expect(_react2.screen.getByText(`Error Status: ${status}`)).toBeInTheDocument();
+  });
+});

package/ssr/universal/components/app-error-boundary/index.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AppErrorContext = exports.AppErrorBoundaryWithoutRouter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _error = _interopRequireDefault(require("../../components/_error"));
+var _errors = require("../../errors");
+var _withCorrelationId = require("../with-correlation-id");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /*
+                                                                                                                                                                                                                                                                                                                                                     * Copyright (c) 2021, salesforce.com, inc.
+                                                                                                                                                                                                                                                                                                                                                     * All rights reserved.
+                                                                                                                                                                                                                                                                                                                                                     * SPDX-License-Identifier: BSD-3-Clause
+                                                                                                                                                                                                                                                                                                                                                     * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+                                                                                                                                                                                                                                                                                                                                                     */
+const AppErrorContext = /*#__PURE__*/_react.default.createContext();
+exports.AppErrorContext = AppErrorContext;
+const isProduction = process.env.NODE_ENV === 'production';
+
+/**
+ * @private
+ */
+class AppErrorBoundary extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: props.error
+    };
+    this.onGetPropsError = this.onGetPropsError.bind(this);
+  }
+  componentDidMount() {
+    const {
+      history
+    } = this.props;
+    if (history) {
+      this.unlisten = history.listen(() => {
+        // Clear error state on location change. This is used when a user
+        // clicks the back button after encountering a page with an error.
+        if (this.state.error) {
+          this.setState({
+            error: undefined
+          });
+        }
+      });
+    }
+  }
+  componentWillUnmount() {
+    if (this.unlisten) {
+      this.unlisten();
+    }
+  }
+
+  // React's client side error boundaries
+  static getDerivedStateFromError(err) {
+    // Update state so the next render will show the fallback UI
+    return {
+      error: {
+        message: err.toString(),
+        stack: err.stack
+      }
+    };
+  }
+  onGetPropsError(err) {
+    if (err instanceof _errors.HTTPError) {
+      this.setState({
+        error: {
+          message: err.message,
+          status: err.status,
+          stack: err.stack
+        }
+      });
+    } else {
+      this.setState({
+        error: {
+          message: err ? err.toString() : '',
+          status: 500,
+          stack: err ? err.stack : ''
+        }
+      });
+    }
+  }
+  render() {
+    const {
+      children
+    } = this.props;
+    const error = this.state.error ? {
+      message: this.state.error.message,
+      status: this.state.error.status,
+      stack: isProduction ? undefined : this.state.error.stack
+    } : undefined;
+    return /*#__PURE__*/_react.default.createElement(AppErrorContext.Provider, {
+      value: {
+        onGetPropsError: this.onGetPropsError
+      }
+    }, error ? /*#__PURE__*/_react.default.createElement(_error.default, _extends({}, error, {
+      correlationId: this.props.correlationId
+    })) : children);
+  }
+}
+exports.AppErrorBoundaryWithoutRouter = AppErrorBoundary;
+AppErrorBoundary.propTypes = {
+  children: _propTypes.default.node,
+  error: _propTypes.default.shape({
+    message: _propTypes.default.string.isRequired,
+    status: _propTypes.default.number.isRequired
+  }),
+  correlationId: _propTypes.default.string,
+  history: _propTypes.default.object
+};
+var _default = (0, _reactRouterDom.withRouter)((0, _withCorrelationId.withCorrelationId)(AppErrorBoundary));
+exports.default = _default;

package/ssr/universal/components/app-error-boundary/index.test.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _index = require("./index");
+var errors = _interopRequireWildcard(require("../../errors"));
+var _sinon = _interopRequireDefault(require("sinon"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } /*
+                                                                                                                                                                                                                                                                                                                                                                                                       * Copyright (c) 2021, salesforce.com, inc.
+                                                                                                                                                                                                                                                                                                                                                                                                       * All rights reserved.
+                                                                                                                                                                                                                                                                                                                                                                                                       * SPDX-License-Identifier: BSD-3-Clause
+                                                                                                                                                                                                                                                                                                                                                                                                       * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+                                                                                                                                                                                                                                                                                                                                                                                                       */
+describe('AppErrorBoundary', () => {
+  const cases = [{
+    content: 'test 1',
+    errorFactory: () => new errors.HTTPNotFound('Not found'),
+    afterErrorAssertions: () => {
+      expect(_react2.screen.getByText('Error Status: 404')).toBeInTheDocument();
+      expect(_react2.screen.getByText('Not found')).toBeInTheDocument();
+    },
+    variation: 'SDK HTTP Errors'
+  }, {
+    content: 'test 2',
+    errorFactory: () => new Error('Some other error'),
+    afterErrorAssertions: function () {
+      var _ref = _asyncToGenerator(function* () {
+        expect(_react2.screen.getByText('Error Status: 500')).toBeInTheDocument();
+        expect(_react2.screen.getByText('Error: Some other error')).toBeInTheDocument();
+      });
+      return function afterErrorAssertions() {
+        return _ref.apply(this, arguments);
+      };
+    }(),
+    variation: 'Generic Javascript Errors'
+  }, {
+    content: 'test 3',
+    errorFactory: () => 'Some string error',
+    afterErrorAssertions: () => {
+      expect(_react2.screen.getByText('Error Status: 500')).toBeInTheDocument();
+      expect(_react2.screen.getByText('Some string error')).toBeInTheDocument();
+    },
+    variation: 'Error Strings'
+  }, {
+    content: 'test 4',
+    errorFactory: () => undefined,
+    afterErrorAssertions: () => {
+      expect(_react2.screen.getByText('Error Status: 500')).toBeInTheDocument();
+      expect(document.querySelector('pre').innerHTML).toBe('');
+    },
+    variation: 'Check for message value to be empty if undefined'
+  }];
+  cases.forEach(({
+    content,
+    errorFactory,
+    afterErrorAssertions,
+    variation
+  }) => {
+    test(`Displays errors correctly (variation: ${variation})`, () => {
+      const ref = /*#__PURE__*/_react.default.createRef();
+      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.AppErrorBoundaryWithoutRouter, {
+        ref: ref
+      }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, content)));
+      expect(_react2.screen.getByText(content)).toBeInTheDocument();
+      (0, _react2.act)(() => {
+        ref.current.onGetPropsError(errorFactory());
+      });
+      expect(_react2.screen.queryByText(content)).toBeNull();
+      afterErrorAssertions();
+    });
+    test(`Watches history, when provided (variation: ${variation})`, () => {
+      const history = {
+        listen: _sinon.default.stub().returns(_sinon.default.stub())
+      };
+      const ref = /*#__PURE__*/_react.default.createRef();
+      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.AppErrorBoundaryWithoutRouter, {
+        ref: ref,
+        history: history
+      }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, content)));
+      expect(_react2.screen.getByText(content)).toBeInTheDocument();
+      (0, _react2.act)(() => {
+        ref.current.onGetPropsError(errorFactory());
+      });
+      expect(_react2.screen.queryByText(content)).toBeNull();
+      afterErrorAssertions();
+      expect(history.listen.called).toBe(true);
+    });
+  });
+  test(`Display Error message from getDerivedStateFromError`, () => {
+    const error = new Error('test');
+    const result = _index.AppErrorBoundaryWithoutRouter.getDerivedStateFromError(error);
+    expect(result.error.message).toEqual(error.toString());
+  });
+  test(`componentWillUnmount unlistens to history`, () => {
+    const unlisten = jest.fn();
+    const history = {
+      listen: jest.fn().mockReturnValue(unlisten)
+    };
+    const wrapper = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.AppErrorBoundaryWithoutRouter, {
+      history: history
+    }, "test"));
+    wrapper.unmount();
+    expect(unlisten).toHaveBeenCalled();
+  });
+});