@skyscanner/backpack-web 6.0.0-alpha.2 → 7.0.0-alpha.1

package/bpk-react-utils/src/Portal-test.js

@@ -1,630 +0,0 @@
-"use strict";
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _Portal = _interopRequireDefault(require("./Portal"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const KEYCODES = {
-  ESCAPE: 'Escape'
-};
-describe('Portal', () => {
-  beforeEach(() => {
-    jest.resetAllMocks();
-    jest.clearAllMocks();
-  });
-  it('should render correctly with no target', () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: false,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(container).toMatchSnapshot();
-  });
-  it('should render correctly with target', () => {
-    const target = document.createElement('div');
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: false,
-      target: target,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(container).toMatchSnapshot();
-  });
-  it('should render correctly with renderTarget', () => {
-    const renderTarget = document.createElement('div');
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      renderTarget: renderTarget,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(container).toMatchSnapshot();
-    expect(renderTarget).toMatchSnapshot();
-  });
-  it('should render with a custom style property', () => {
-    const renderTarget = document.createElement('div');
-    const customStyle = {
-      // eslint-disable-next-line backpack/use-tokens
-      color: 'red'
-    };
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      style: customStyle,
-      renderTarget: renderTarget,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    const portalElement = renderTarget.firstChild;
-
-    if (!portalElement || !(portalElement instanceof HTMLElement)) {
-      throw new Error('portalElement not defined or is of wrong type');
-    }
-
-    expect(portalElement.style.color).toEqual(customStyle.color);
-  });
-  it('should render with a custom className property', () => {
-    const renderTarget = document.createElement('div');
-    const customClassname = 'my-custom-classname';
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      className: customClassname,
-      renderTarget: renderTarget,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    const portalElement = renderTarget.firstChild;
-
-    if (!portalElement || !(portalElement instanceof HTMLElement)) {
-      throw new Error('portalElement not defined or is of wrong type');
-    }
-
-    expect(portalElement.classList.contains(customClassname)).toBe(true);
-  });
-  it('should render portal children to document.body', () => {
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(document.body && document.body.textContent).toEqual('My portal content');
-  });
-  it('should remove portal children from document.body on close', () => {
-    const renderTarget = document.createElement('div');
-    const text = document.createElement('h1');
-    text.textContent = 'Not a portal';
-    renderTarget.appendChild(text);
-    expect(renderTarget).toMatchInlineSnapshot(`
-      <div>
-        <h1>
-          Not a portal
-        </h1>
-      </div>
-    `);
-    const {
-      rerender
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      renderTarget: renderTarget,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(renderTarget).toMatchInlineSnapshot(`
-      <div>
-        <h1>
-          Not a portal
-        </h1>
-        <div>
-          <div>
-            My portal content
-          </div>
-        </div>
-      </div>
-    `);
-    rerender( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: false,
-      renderTarget: renderTarget,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(renderTarget).toMatchInlineSnapshot(`
-      <div>
-        <h1>
-          Not a portal
-        </h1>
-      </div>
-    `);
-  });
-  it('should not remove portal children if render target no longer exists', () => {
-    const {
-      body
-    } = document;
-
-    if (!body) {
-      throw new Error('failed to setup test');
-    }
-
-    const renderTarget = document.createElement('div');
-    renderTarget.id = 'render-target';
-    body.appendChild(renderTarget);
-    const {
-      baseElement,
-      container,
-      rerender
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      renderTarget: renderTarget,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(container.firstChild).toBe(null);
-    expect(baseElement).toMatchInlineSnapshot(`
-      <body>
-        <div
-          id="render-target"
-        >
-          <div>
-            <div>
-              My portal content
-            </div>
-          </div>
-        </div>
-        <div />
-      </body>
-    `);
-    body.removeChild(renderTarget);
-    rerender( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: false,
-      renderTarget: renderTarget,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(baseElement).toMatchInlineSnapshot(`
-      <body>
-        <div />
-      </body>
-    `);
-  });
-  it('should call the onClose handler on click outside', async () => {
-    const renderTarget = document.createElement('div');
-    const target = document.createElement('div');
-    target.ref = /*#__PURE__*/(0, _react.createRef)();
-    const onCloseSpy = jest.fn();
-    const {
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "My other content"), /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onClose: onCloseSpy,
-      target: target,
-      renderTarget: renderTarget
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")))); // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'where' implicitly has an 'any' type.
-
-    const click = (where, right, drag = false) => {
-      (0, _react2.fireEvent)(where, new MouseEvent('mousedown', {
-        bubbles: true,
-        cancelable: true,
-        button: right ? 2 : 0
-      }));
-
-      if (drag) {
-        (0, _react2.fireEvent)(where, new MouseEvent('touchmove', {
-          bubbles: true,
-          cancelable: true,
-          button: right ? 2 : 0
-        }));
-      }
-
-      (0, _react2.fireEvent)(where, new MouseEvent('mouseup', {
-        bubbles: true,
-        cancelable: true,
-        button: right ? 2 : 0
-      }));
-    };
-
-    const outOfPortal = getByText('My other content');
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    click(outOfPortal, true);
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    click(target, false);
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    click(renderTarget, false);
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    click(outOfPortal, false, true);
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    click(outOfPortal, false);
-    expect(onCloseSpy).toHaveBeenCalledTimes(1);
-  });
-  it('does not have a race condition if the portal is opened then closed quickly', async () => {
-    const renderTarget = document.createElement('div');
-    const target = document.createElement('div');
-    const onCloseSpy = jest.fn();
-
-    const MyApp = () => {
-      const [visible, setVisible] = (0, _react.useState)(true);
-      (0, _react.useEffect)(() => {
-        setVisible(false);
-      }, []);
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "My other content"), visible && /*#__PURE__*/_react.default.createElement(_Portal.default, {
-        isOpen: true,
-        onClose: onCloseSpy,
-        target: target,
-        renderTarget: renderTarget
-      }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    };
-
-    const {
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(MyApp, null)); // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'where' implicitly has an 'any' type.
-
-    const click = where => {
-      (0, _react2.fireEvent)(where, new MouseEvent('mousedown', {
-        bubbles: true,
-        cancelable: true,
-        button: 0
-      }));
-      (0, _react2.fireEvent)(where, new MouseEvent('mouseup', {
-        bubbles: true,
-        cancelable: true,
-        button: 0
-      }));
-    };
-
-    const outOfPortal = getByText('My other content');
-    click(outOfPortal);
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-  });
-  it('should propagate the click event to the onClose handler', () => {
-    const target = document.createElement('div');
-    target.ref = /*#__PURE__*/(0, _react.createRef)();
-    const onCloseSpy = jest.fn();
-    const {
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "My other content"), /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onClose: onCloseSpy,
-      target: target
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content"))));
-    const outOfPortal = getByText('My other content');
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    (0, _react2.fireEvent)(outOfPortal, new MouseEvent('mousedown', {
-      bubbles: true,
-      cancelable: true,
-      button: 0
-    }));
-    (0, _react2.fireEvent)(outOfPortal, new MouseEvent('mouseup', {
-      bubbles: true,
-      cancelable: true,
-      button: 0
-    }));
-    expect(onCloseSpy.mock.calls).toMatchInlineSnapshot(`
-      Array [
-        Array [
-          MouseEvent {
-            "isTrusted": false,
-          },
-          Object {
-            "source": "DOCUMENT_CLICK",
-          },
-        ],
-      ]
-    `);
-  });
-  it('should call the onClose handler on escape key', () => {
-    const target = document.createElement('div');
-    target.ref = /*#__PURE__*/(0, _react.createRef)();
-    const onCloseSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onClose: onCloseSpy,
-      target: target
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    const event = new KeyboardEvent('keydown', {
-      key: KEYCODES.ESCAPE
-    });
-    document.dispatchEvent(event);
-    expect(onCloseSpy).toHaveBeenCalledTimes(1);
-  });
-  it('should call targetRef with the target', () => {
-    const targetRef = jest.fn();
-    const target = jest.fn();
-
-    const targetElement = /*#__PURE__*/_react.default.createElement("div", null, "target");
-
-    target.mockReturnValue(targetElement);
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, target, /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      target: target,
-      targetRef: targetRef
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content"))));
-    expect(targetRef).toHaveBeenCalledWith(targetElement);
-  });
-  it('should not close on escape key if closeOnEscPressed is false', () => {
-    const target = document.createElement('div');
-    target.ref = /*#__PURE__*/(0, _react.createRef)();
-    const onCloseSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onClose: onCloseSpy,
-      target: target,
-      closeOnEscPressed: false
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    const event = new KeyboardEvent('keydown', {
-      key: KEYCODES.ESCAPE
-    });
-    document.dispatchEvent(event);
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-  });
-  it('should propagate the escape key event to the onClose handler', () => {
-    const target = document.createElement('div');
-    target.ref = /*#__PURE__*/(0, _react.createRef)();
-    const onCloseSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onClose: onCloseSpy,
-      target: target
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    const event = new KeyboardEvent('keydown', {
-      key: KEYCODES.ESCAPE
-    });
-    document.dispatchEvent(event);
-    expect(onCloseSpy.mock.calls[0][0]).toEqual(event);
-    expect(onCloseSpy.mock.calls[0][1]).toEqual({
-      source: 'ESCAPE'
-    });
-  });
-  it('should not call the onClose handler on escape key if portal is closed', () => {
-    const target = document.createElement('div');
-    const onCloseSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: false,
-      onClose: onCloseSpy,
-      target: target
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    const event = new KeyboardEvent('keydown', {
-      key: KEYCODES.ESCAPE
-    });
-    document.dispatchEvent(event);
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-  });
-  it('should not call the onClose handler again on escape key if portal is unmounted', () => {
-    const target = document.createElement('div');
-    target.ref = /*#__PURE__*/(0, _react.createRef)();
-    const onCloseSpy = jest.fn();
-    const {
-      rerender
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onClose: onCloseSpy,
-      target: target
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(onCloseSpy).toHaveBeenCalledTimes(0);
-    const event = new KeyboardEvent('keydown', {
-      key: KEYCODES.ESCAPE
-    });
-    document.dispatchEvent(event);
-    expect(onCloseSpy).toHaveBeenCalledTimes(1);
-    rerender( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: false,
-      onClose: onCloseSpy,
-      target: target
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    document.dispatchEvent(event);
-    expect(onCloseSpy).toHaveBeenCalledTimes(1);
-  });
-  it('should call the onRender handler when props are updated', () => {
-    const onRenderSpy = jest.fn();
-    const {
-      rerender
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onRender: onRenderSpy,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(onRenderSpy).toHaveBeenCalledTimes(1);
-    rerender( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onRender: onRenderSpy,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content changed")));
-    expect(onRenderSpy).toHaveBeenCalledTimes(2);
-    rerender( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onRender: onRenderSpy,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content changed again")));
-    expect(onRenderSpy).toHaveBeenCalledTimes(3);
-  });
-  it('should call the onRender handler before the onOpen handler handler when props are updated', () => {
-    const handler = jest.fn();
-    const {
-      rerender
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: false,
-      onRender: () => handler('onRender'),
-      onOpen: () => handler('onOpen'),
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(handler.mock.calls).toMatchInlineSnapshot('Array []');
-    jest.clearAllMocks();
-    rerender( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onRender: () => handler('onRender'),
-      onOpen: () => handler('onOpen'),
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(handler.mock.calls).toMatchInlineSnapshot(`
-      Array [
-        Array [
-          "onRender",
-        ],
-        Array [
-          "onOpen",
-        ],
-      ]
-    `);
-  });
-  it('should call the onRender handler before the onOpen handler handler when component is mounted', () => {
-    const handler = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onRender: () => handler('onRender'),
-      onOpen: () => handler('onOpen'),
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(handler.mock.calls).toMatchInlineSnapshot(`
-      Array [
-        Array [
-          "onRender",
-        ],
-        Array [
-          "onOpen",
-        ],
-      ]
-    `);
-  });
-  it('should not call the onRender handler when isOpen is false', () => {
-    const onRenderSpy = jest.fn();
-    const {
-      rerender
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: false,
-      onRender: onRenderSpy,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(onRenderSpy).toHaveBeenCalledTimes(0);
-    rerender( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onRender: onRenderSpy,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(onRenderSpy).toHaveBeenCalledTimes(1);
-    rerender( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: false,
-      onRender: onRenderSpy,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(onRenderSpy).toHaveBeenCalledTimes(1);
-  });
-  describe('lifecycle methods', () => {
-    // @ts-expect-error ts-migrate(7034) FIXME: Variable 'rerender' implicitly has type 'any' in s... Remove this comment to see the full error message
-    let rerender;
-    const openSpy = jest.fn();
-    const closeSpy = jest.fn(close => close());
-    describe('componentDidMount()', () => {
-      it('should open the portal on mount', () => {
-        expect(openSpy).toHaveBeenCalledTimes(0);
-        expect(closeSpy).toHaveBeenCalledTimes(0);
-        ({
-          rerender
-        } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-          isOpen: true,
-          onOpen: openSpy,
-          beforeClose: closeSpy,
-          onClose: jest.fn()
-        }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content"))));
-        expect(openSpy).toHaveBeenCalledTimes(1);
-        expect(closeSpy).toHaveBeenCalledTimes(0);
-      });
-    });
-    describe('UNSAFE_componentWillReceiveProps()', () => {
-      it('should close the portal when isOpen is removed', () => {
-        expect(openSpy).toHaveBeenCalledTimes(0);
-        expect(closeSpy).toHaveBeenCalledTimes(0); // @ts-expect-error ts-migrate(7005) FIXME: Variable 'rerender' implicitly has an 'any' type.
-
-        rerender( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-          isOpen: false,
-          onOpen: openSpy,
-          beforeClose: closeSpy,
-          onClose: jest.fn()
-        }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-        (0, _react2.waitFor)(() => {
-          expect(openSpy).toHaveBeenCalledTimes(0);
-          expect(closeSpy).toHaveBeenCalledTimes(1);
-        });
-      });
-      it('should open the portal again when isOpen is added', () => {
-        expect(openSpy).toHaveBeenCalledTimes(0);
-        expect(closeSpy).toHaveBeenCalledTimes(0); // @ts-expect-error ts-migrate(7005) FIXME: Variable 'rerender' implicitly has an 'any' type.
-
-        rerender( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-          isOpen: true,
-          onOpen: openSpy,
-          beforeClose: closeSpy,
-          onClose: jest.fn()
-        }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-        expect(openSpy).toHaveBeenCalledTimes(1);
-        expect(closeSpy).toHaveBeenCalledTimes(0);
-      });
-    });
-  });
-  it('should remove all items from the dom when unmounted', () => {
-    const {
-      body
-    } = document;
-
-    if (!body) {
-      throw new Error('failed to setup test');
-    }
-
-    const addEventListener = jest.spyOn(document, 'addEventListener');
-    const removeEventListener = jest.spyOn(document, 'removeEventListener');
-    const {
-      baseElement,
-      rerender
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_Portal.default, {
-      isOpen: true,
-      onClose: jest.fn()
-    }, /*#__PURE__*/_react.default.createElement("div", null, "My portal content")));
-    expect(baseElement).toMatchInlineSnapshot(`
-      <body>
-        <div />
-        <div>
-          <div>
-            My portal content
-          </div>
-        </div>
-      </body>
-    `);
-    rerender( /*#__PURE__*/_react.default.createElement("h1", null, "My replacement content"));
-    expect(baseElement).toMatchInlineSnapshot(`
-      <body>
-        <div>
-          <h1>
-            My replacement content
-          </h1>
-        </div>
-      </body>
-    `); // The first two argments should be the same
-
-    addEventListener.mock.calls.forEach((_, index) => {
-      expect(addEventListener.mock.calls[index][0]).toEqual(removeEventListener.mock.calls[index][0]);
-      expect(addEventListener.mock.calls[index][1]).toEqual(removeEventListener.mock.calls[index][1]);
-    });
-    expect(addEventListener.mock.calls.length).toEqual(removeEventListener.mock.calls.length);
-    expect(addEventListener.mock.calls.length).toEqual(6);
-  });
-});