@mui/internal-test-utils 1.0.0-dev.20240529-082515-213b5e33ab

package/build/until.test.js

@@ -0,0 +1,118 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const chai_1 = require("chai");
+const prop_types_1 = __importDefault(require("prop-types"));
+const enzyme_1 = require("enzyme");
+const until_1 = __importDefault(require("./until"));
+function Div() {
+    return React.createElement("div", null);
+}
+const hoc = (Component) => function Wrapper() {
+    return React.createElement(Component, null);
+};
+describe('until', () => {
+    it('shallow renders the current wrapper one level deep', () => {
+        const EnhancedDiv = hoc(Div);
+        const wrapper = until_1.default.call((0, enzyme_1.shallow)(React.createElement(EnhancedDiv, null)), 'Div');
+        (0, chai_1.expect)(wrapper.contains(React.createElement("div", null))).to.equal(true);
+    });
+    it('shallow renders the current wrapper several levels deep', () => {
+        const EnhancedDiv = hoc(hoc(hoc(Div)));
+        const wrapper = until_1.default.call((0, enzyme_1.shallow)(React.createElement(EnhancedDiv, null)), 'Div');
+        (0, chai_1.expect)(wrapper.contains(React.createElement("div", null))).to.equal(true);
+    });
+    it('stops shallow rendering when the wrapper is empty', () => {
+        const nullHoc = () => () => null;
+        const EnhancedDiv = nullHoc();
+        const wrapper = until_1.default.call((0, enzyme_1.shallow)(React.createElement(EnhancedDiv, null)), 'Div');
+        (0, chai_1.expect)(wrapper.html()).to.equal(null);
+    });
+    it('shallow renders as much as possible when no selector is provided', () => {
+        const EnhancedDiv = hoc(hoc(Div));
+        const wrapper = until_1.default.call((0, enzyme_1.shallow)(React.createElement(EnhancedDiv, null)));
+        (0, chai_1.expect)(wrapper.contains(React.createElement("div", null))).to.equal(true);
+    });
+    it('shallow renders the current wrapper even if the selector never matches', () => {
+        const EnhancedDiv = hoc(Div);
+        const wrapper = until_1.default.call((0, enzyme_1.shallow)(React.createElement(EnhancedDiv, null)), 'NotDiv');
+        (0, chai_1.expect)(wrapper.contains(React.createElement("div", null))).to.equal(true);
+    });
+    it('stops shallow rendering when it encounters a HTML element', () => {
+        const wrapper = until_1.default.call((0, enzyme_1.shallow)(React.createElement("div", null,
+            React.createElement(Div, null))), 'Div');
+        (0, chai_1.expect)(wrapper.contains(React.createElement("div", null,
+            React.createElement(Div, null)))).to.equal(true);
+    });
+    it('throws when until called on an empty wrapper', () => {
+        (0, chai_1.expect)(() => {
+            until_1.default.call((0, enzyme_1.shallow)(React.createElement(Div, null)).find('Foo'), 'div');
+        }).to.throw(Error);
+    });
+    it('shallow renders non-root wrappers', () => {
+        function Container() {
+            return (React.createElement("div", null,
+                React.createElement(Div, null)));
+        }
+        const wrapper = until_1.default.call((0, enzyme_1.shallow)(React.createElement(Container, null)).find(Div));
+        (0, chai_1.expect)(wrapper.contains(React.createElement("div", null))).to.equal(true);
+    });
+    // eslint-disable-next-line react/prefer-stateless-function
+    class Foo extends React.Component {
+        render() {
+            return React.createElement(Div, null);
+        }
+    }
+    Foo.contextTypes = {
+        quux: prop_types_1.default.bool.isRequired,
+    };
+    it('context propagation passes down context from the root component', () => {
+        const EnhancedFoo = hoc(Foo);
+        const options = { context: { quux: true } };
+        const wrapper = until_1.default.call((0, enzyme_1.shallow)(React.createElement(EnhancedFoo, null), options), 'Foo', options);
+        (0, chai_1.expect)(wrapper.context('quux')).to.equal(true);
+        (0, chai_1.expect)(wrapper.contains(React.createElement(Div, null))).to.equal(true);
+    });
+    class Bar extends React.Component {
+        getChildContext() {
+            return { quux: true };
+        }
+        render() {
+            return React.createElement(Foo, null);
+        }
+    }
+    Bar.childContextTypes = { quux: prop_types_1.default.bool };
+    it('context propagation passes down context from an intermediary component', () => {
+        const EnhancedBar = hoc(Bar);
+        const wrapper = until_1.default.call((0, enzyme_1.shallow)(React.createElement(EnhancedBar, null)), 'Foo');
+        (0, chai_1.expect)(wrapper.context('quux')).to.equal(true);
+        (0, chai_1.expect)(wrapper.contains(React.createElement(Div, null))).to.equal(true);
+    });
+});
+//# sourceMappingURL=until.test.js.map

package/build/until.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"until.test.js","sourceRoot":"","sources":["../src/until.test.js"],"names":[],"mappings":"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"}

package/build/userEvent.d.ts

@@ -0,0 +1,8 @@
+import { fireEvent } from './createRenderer';
+export declare function touch(target: Element): void;
+export declare const mousePress: (...args: Parameters<(typeof fireEvent)['mouseUp']>) => void;
+export declare function keyPress(target: Element, options: {
+    key: string;
+    [key: string]: any;
+}): void;
+//# sourceMappingURL=userEvent.d.ts.map

package/build/userEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"userEvent.d.ts","sourceRoot":"","sources":["../src/userEvent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,wBAAgB,KAAK,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAG3C;AAED,eAAO,MAAM,UAAU,EAAE,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,OAAO,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,IAchF,CAAC;AAEF,wBAAgB,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,IAAI,CAS5F"}

package/build/userEvent.js

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keyPress = exports.mousePress = exports.touch = void 0;
+const React = __importStar(require("react"));
+const fireDiscreteEvent_1 = require("./fireDiscreteEvent");
+const createRenderer_1 = require("./createRenderer");
+function touch(target) {
+    createRenderer_1.fireEvent.touchStart(target);
+    createRenderer_1.fireEvent.touchEnd(target);
+}
+exports.touch = touch;
+const mousePress = (target, options) => {
+    if (React.version.startsWith('18')) {
+        createRenderer_1.fireEvent.mouseDown(target, options);
+        createRenderer_1.fireEvent.mouseUp(target, options);
+        createRenderer_1.fireEvent.click(target, options);
+    }
+    else {
+        (0, fireDiscreteEvent_1.mouseDown)(target, options);
+        (0, fireDiscreteEvent_1.mouseUp)(target, options);
+        (0, fireDiscreteEvent_1.click)(target, options);
+        (0, createRenderer_1.act)(() => { });
+    }
+};
+exports.mousePress = mousePress;
+function keyPress(target, options) {
+    if (React.version.startsWith('18')) {
+        createRenderer_1.fireEvent.keyDown(target, options);
+        createRenderer_1.fireEvent.keyUp(target, options);
+    }
+    else {
+        (0, fireDiscreteEvent_1.keyDown)(target, options);
+        (0, fireDiscreteEvent_1.keyUp)(target, options);
+        (0, createRenderer_1.act)(() => { });
+    }
+}
+exports.keyPress = keyPress;
+//# sourceMappingURL=userEvent.js.map

package/build/userEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"userEvent.js","sourceRoot":"","sources":["../src/userEvent.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,2DAAgF;AAChF,qDAAkD;AAElD,SAAgB,KAAK,CAAC,MAAe;IACnC,0BAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC7B,0BAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC7B,CAAC;AAHD,sBAGC;AAEM,MAAM,UAAU,GAAiE,CACtF,MAAM,EACN,OAAO,EACP,EAAE;IACF,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QACnC,0BAAS,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACrC,0BAAS,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACnC,0BAAS,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,CAAC;SAAM,CAAC;QACN,IAAA,6BAAS,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC3B,IAAA,2BAAO,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACzB,IAAA,yBAAK,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACvB,IAAA,oBAAG,EAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB;AAEF,SAAgB,QAAQ,CAAC,MAAe,EAAE,OAA4C;IACpF,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QACnC,0BAAS,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACnC,0BAAS,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,CAAC;SAAM,CAAC;QACN,IAAA,2BAAO,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACzB,IAAA,yBAAK,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACvB,IAAA,oBAAG,EAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAChB,CAAC;AACH,CAAC;AATD,4BASC"}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@mui/internal-test-utils",
+  "version": "1.0.0-dev.20240529-082515-213b5e33ab",
+  "author": "MUI Team",
+  "description": "Utilities for MUI tests. This is an internal package not meant for general use.",
+  "main": "./build/index.js",
+  "exports": {
+    ".": "./build/index.js",
+    "./createDescribe": "./build/createDescribe.js",
+    "./createRenderer": "./build/createRenderer.js",
+    "./init": "./build/init.js",
+    "./initMatchers": {
+      "types": "./build/initMatchers.d.ts",
+      "default": "./build/initMatchers.js"
+    },
+    "./initPlaywrightMatchers": {
+      "types": "./build/initPlaywrightMatchers.d.ts",
+      "default": "./build/initPlaywrightMatchers.js"
+    },
+    "./KarmaReporterReactProfiler": "./build/KarmaReporterReactProfiler.js",
+    "./setupBabel": "./build/setupBabel.js",
+    "./setupBabelPlaywright": "./build/setupBabelPlaywright.js",
+    "./setupJSDOM": "./build/setupJSDOM.js",
+    "./setupKarma": "./build/setupKarma.js"
+  },
+  "dependencies": {
+    "@babel/plugin-transform-modules-commonjs": "^7.24.6",
+    "@babel/preset-typescript": "^7.24.6",
+    "@babel/register": "^7.24.6",
+    "@babel/runtime": "^7.24.6",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/react": "^11.11.4",
+    "@mnajdova/enzyme-adapter-react-18": "^0.2.0",
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/react": "^15.0.7",
+    "chai": "^4.4.1",
+    "chai-dom": "^1.12.0",
+    "dom-accessibility-api": "^0.6.3",
+    "enzyme": "^3.11.0",
+    "format-util": "^1.0.5",
+    "fs-extra": "^11.2.0",
+    "jsdom": "^24.0.0",
+    "lodash": "^4.17.21",
+    "mocha": "^10.4.0",
+    "playwright": "^1.44.0",
+    "prop-types": "^15.8.1",
+    "react-test-renderer": "^18.2.0",
+    "sinon": "^16.1.3"
+  },
+  "devDependencies": {
+    "@types/chai": "^4.3.16",
+    "@types/chai-dom": "^1.11.3",
+    "@types/enzyme": "^3.10.18",
+    "@types/format-util": "^1.0.4",
+    "@types/prop-types": "^15.7.12",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-test-renderer": "^18.3.0",
+    "@types/sinon": "^17.0.3",
+    "typescript": "^5.4.5"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "prebuild": "rimraf ./build",
+    "build": "tsc -b tsconfig.build.json",
+    "typescript": "tsc -b tsconfig.json",
+    "release:publish": "pnpm publish --tag latest",
+    "release:publish:dry-run": "pnpm publish --tag latest --registry=\"http://localhost:4873/\""
+  }
+}

package/src/KarmaReporterReactProfiler.js

@@ -0,0 +1,81 @@
+// File is not transpiled.
+const path = require('path');
+const fse = require('fs-extra');
+
+/**
+ * @typedef {object} Browser
+ * @property {string} id -  Seem random
+ * @property {string} name - Includes name, version and OS
+ */
+
+/**
+ * Records results from the Profiler injected
+ * @param {*} karmaConfig
+ */
+function KarmaReporterReactProfiler(karmaConfig) {
+  /**
+   * Mapping from browser.id to all profiler results it received
+   * @type {Map<string, Record<string, unknown[]>}
+   */
+  const allRenders = new Map();
+
+  const { outputDir } = karmaConfig.reactProfilerReporter || {};
+  if (typeof outputDir !== 'string') {
+    throw new TypeError(
+      `Expected karma config to contain reactProfilerReporter.outputDir of type 'string' but got type '${typeof outputDir}'.`,
+    );
+  }
+  fse.ensureDirSync(outputDir);
+
+  /**
+   * @param {Browser} browser
+   * @param {unknown | { type: 'reactProfilerResults', detail: Record<string, unknown[]>}} info
+   */
+  function handleBrowserInfo(browser, info) {
+    // `info?.type`
+    if (info != null && info.type === 'reactProfilerResults') {
+      Object.assign(allRenders.get(browser.id), info.detail);
+    }
+  }
+
+  /**
+   * @param {Browser} browser
+   */
+  this.onBrowserStart = (browser) => {
+    allRenders.set(browser.id, {});
+    // Create it on start to signal to users where the files will appear
+    fse.ensureDirSync(path.join(outputDir, browser.name));
+
+    browser.emitter.addListener('browser_info', handleBrowserInfo);
+  };
+
+  /**
+   * @param {Browser} browser
+   */
+  this.onBrowserComplete = (browser) => {
+    browser.emitter.removeListener('browser_info', handleBrowserInfo);
+
+    const browserRenders = allRenders.get(browser.id);
+    if (browserRenders === undefined) {
+      // Can be undefined if the run for this browser never started.
+      // For example, when starting the browser timed out in https://app.circleci.com/pipelines/github/mui/material-ui/32869/workflows/a2f398d9-2eb4-4390-a912-40c1b8d458d8/jobs/211413.
+      console.warn(
+        `Unable to find browser renders for '${browser.id}'. ` +
+          `Only recorded renders for '${Array.from(allRenders.keys()).join("', '")}. ` +
+          `Maybe the browser never started?'`,
+      );
+      return;
+    }
+
+    fse.ensureDirSync(path.join(outputDir, browser.name));
+    fse.writeJSONSync(path.join(outputDir, browser.name, `${Date.now()}.json`), browserRenders, {
+      spaces: 2,
+    });
+  };
+}
+
+KarmaReporterReactProfiler.$inject = ['config'];
+
+module.exports = {
+  'reporter:profiler': ['type', KarmaReporterReactProfiler],
+};

package/src/components.tsx

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+
+/**
+ * A basic error boundary that can be used to assert thrown errors in render.
+ * @example <ErrorBoundary ref={errorRef}><MyComponent /></ErrorBoundary>;
+ *          expect(errorRef.current.errors).to.have.length(0);
+ */
+export class ErrorBoundary extends React.Component<{ children: React.ReactNode }> {
+  static propTypes = {
+    children: PropTypes.node.isRequired,
+  };
+
+  state = {
+    error: null,
+  };
+
+  /**
+   * @public
+   */
+  errors: unknown[] = [];
+
+  static getDerivedStateFromError(error: unknown) {
+    return { error };
+  }
+
+  componentDidCatch(error: unknown) {
+    this.errors.push(error);
+  }
+
+  render() {
+    if (this.state.error) {
+      return null;
+    }
+    return this.props.children;
+  }
+}
+
+/**
+ * Allows counting how many times the owner of `RenderCounter` rendered or
+ * a component within the RenderCounter tree "commits" an update.
+ * @example <RenderCounter ref={getRenderCountRef}>...</RenderCounter>
+ *          getRenderCountRef.current() === 2
+ */
+export const RenderCounter = React.forwardRef<() => number, { children: React.ReactNode }>(
+  function RenderCounter({ children }, ref) {
+    const getRenderCountRef = React.useRef(0);
+    React.useImperativeHandle(ref, () => () => getRenderCountRef.current);
+
+    return (
+      <React.Profiler
+        id="render-counter"
+        onRender={() => {
+          getRenderCountRef.current += 1;
+        }}
+      >
+        {children}
+      </React.Profiler>
+    );
+  },
+);

package/src/createDOM.d.ts

@@ -0,0 +1,9 @@
+// there's probably a broader solution e.g. levering DOMWindow from 'jsdom'
+// interface Window extends DOMWindow doesn't work because jsdom typings use
+// triple slash directives. Technical dom.lib.d.ts should already have these properties
+interface Window {
+  DragEvent: typeof DragEvent;
+  Event: typeof Event;
+  HTMLButtonElement: HTMLButtonElement;
+  HTMLParagraphElement: HTMLParagraphElement;
+}

package/src/createDOM.js

@@ -0,0 +1,67 @@
+const { JSDOM } = require('jsdom');
+
+// We can use jsdom-global at some point if maintaining these lists is a burden.
+const whitelist = [
+  // used by React's experimental cache API
+  // Always including it to reduce churn when switching between React builds
+  'AbortController',
+  // required for fake getComputedStyle
+  'CSSStyleDeclaration',
+  'Element',
+  'Event',
+  'TouchEvent',
+  'Image',
+  'HTMLElement',
+  'HTMLInputElement',
+  'Node',
+  'Performance',
+  'document',
+  'DocumentFragment',
+];
+const blacklist = ['sessionStorage', 'localStorage'];
+
+function createDOM() {
+  const dom = new JSDOM('', {
+    pretendToBeVisual: true,
+    url: 'http://localhost',
+  });
+  global.window = dom.window;
+  // Not yet supported: https://github.com/jsdom/jsdom/issues/2152
+  class Touch {
+    constructor(instance) {
+      this.instance = instance;
+    }
+
+    get identifier() {
+      return this.instance.identifier;
+    }
+
+    get pageX() {
+      return this.instance.pageX;
+    }
+
+    get pageY() {
+      return this.instance.pageY;
+    }
+
+    get clientX() {
+      return this.instance.clientX;
+    }
+
+    get clientY() {
+      return this.instance.clientY;
+    }
+  }
+  global.window.Touch = Touch;
+
+  Object.keys(dom.window)
+    .filter((key) => !blacklist.includes(key))
+    .concat(whitelist)
+    .forEach((key) => {
+      if (typeof global[key] === 'undefined') {
+        global[key] = dom.window[key];
+      }
+    });
+}
+
+module.exports = createDOM;

package/src/createDescribe.ts

@@ -0,0 +1,31 @@
+/* eslint-env mocha */
+
+type MUIDescribe<P extends any[]> = {
+  (...args: P): void;
+
+  skip: (...args: P) => void;
+  only: (...args: P) => void;
+};
+export default <P extends any[]>(
+  message: string,
+  callback: (...args: P) => void,
+): MUIDescribe<P> => {
+  const muiDescribe = (...args: P) => {
+    describe(message, () => {
+      callback(...args);
+    });
+  };
+
+  muiDescribe.skip = (...args: P) => {
+    describe.skip(message, () => {
+      callback(...args);
+    });
+  };
+  muiDescribe.only = (...args: P) => {
+    describe.only(message, () => {
+      callback(...args);
+    });
+  };
+
+  return muiDescribe;
+};

package/src/createMount.tsx

@@ -0,0 +1,136 @@
+/* eslint-env mocha */
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import * as ReactDOMTestUtils from 'react-dom/test-utils';
+import { Test, Suite } from 'mocha';
+import { mount as enzymeMount, MountRendererProps } from 'enzyme';
+
+interface ModeProps {
+  /**
+   * this is essentially children. However, we can't use children because then
+   * using `wrapper.setProps({ children })` would work differently if this component
+   * would be the root.
+   */
+  __element: React.ReactElement<any>;
+  __strict: boolean;
+}
+
+/**
+ * Can't just mount <React.Fragment>{node}</React.Fragment>
+ * because that swallows wrapper.setProps
+ *
+ * why class component:
+ * https://github.com/airbnb/enzyme/issues/2043
+ */
+// eslint-disable-next-line react/prefer-stateless-function
+class Mode extends React.Component<ModeProps> {
+  render() {
+    // Excess props will come from e.g. enzyme setProps
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    const { __element, __strict, ...other } = this.props;
+    const Component = __strict ? React.StrictMode : React.Fragment;
+
+    return <Component>{React.cloneElement(__element, other)}</Component>;
+  }
+}
+
+interface CreateMountOptions extends MountRendererProps {
+  mount?: typeof enzymeMount;
+  strict?: boolean;
+}
+// Generate an enhanced mount function.
+export default function createMount(options: CreateMountOptions = {}) {
+  const { mount = enzymeMount, strict: globalStrict = true, ...globalEnzymeOptions } = options;
+
+  let container: HTMLElement | null = null;
+
+  function computeTestName(test: Test | undefined) {
+    let current: Test | Suite | undefined = test;
+    const titles: string[] = [];
+    while (current != null) {
+      titles.push(current.title);
+      current = current.parent;
+    }
+
+    return titles.filter(Boolean).reverse().join(' -> ');
+  }
+
+  // save stack to re-use in test-hooks
+  const { stack: createMountStack } = new Error();
+
+  /**
+   * Flag whether `createMount` was called in a suite i.e. describe() block.
+   * For legacy reasons `createMount` might accidentally be called in a before(Each) hook.
+   */
+  let wasCalledInSuite = false;
+  before(() => {
+    wasCalledInSuite = true;
+  });
+
+  beforeEach(() => {
+    if (!wasCalledInSuite) {
+      const error = new Error(
+        'Unable to run `before` hook for `createMount`. This usually indicates that `createMount` was called in a `before` hook instead of in a `describe()` block.',
+      );
+      error.stack = createMountStack;
+      throw error;
+    }
+  });
+
+  beforeEach(function beforeEachMountTest() {
+    container = document.createElement('div');
+    container.setAttribute('data-test', computeTestName(this.currentTest));
+    document.body.insertBefore(container, document.body.firstChild);
+  });
+
+  afterEach(() => {
+    ReactDOMTestUtils.act(() => {
+      // eslint-disable-next-line react/no-deprecated
+      ReactDOM.unmountComponentAtNode(container!);
+    });
+    container!.parentElement!.removeChild(container!);
+    container = null;
+  });
+
+  const mountWithContext = function mountWithContext(
+    node: React.ReactElement<any>,
+    localOptions: Omit<CreateMountOptions, 'mount'> = {},
+  ) {
+    const { strict = globalStrict, ...localEnzymeOptions } = localOptions;
+
+    if (container === null) {
+      throw new Error(
+        `Tried to mount without setup. Mounting inside before() is not allowed. Try mounting in beforeEach or better: in each test`,
+      );
+    }
+    ReactDOMTestUtils.act(() => {
+      // eslint-disable-next-line react/no-deprecated
+      ReactDOM.unmountComponentAtNode(container!);
+    });
+
+    // some tests require that no other components are in the tree
+    // for example when doing .instance(), .state() etc.
+    const wrapper = mount(
+      strict == null ? node : <Mode __element={node} __strict={Boolean(strict)} />,
+      {
+        attachTo: container,
+        ...globalEnzymeOptions,
+        ...localEnzymeOptions,
+      },
+    );
+    const originalUnmount = wrapper.unmount;
+
+    wrapper.unmount = () => {
+      // flush effect cleanup functions
+      ReactDOMTestUtils.act(() => {
+        originalUnmount.call(wrapper);
+      });
+
+      return wrapper;
+    };
+
+    return wrapper;
+  };
+
+  return mountWithContext;
+}