@atlaskit/media-test-helpers 39.0.16 → 40.0.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-test-helpers
 
+## 40.0.0
+
+### Major Changes
+
+- [`5fb7e85e19555`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5fb7e85e19555) -
+  **BREAKING CHANGE:** Removed `mountWithIntlContext`, `mountWithIntlWrapper`, and
+  `shallowWithIntlContext`. Use `renderWithIntl` instead for tests.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 39.0.16
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -563,18 +563,6 @@ Object.defineProperty(exports, "mockLoadImageError", {
     return _mockLoadImage.mockLoadImageError;
   }
 });
-Object.defineProperty(exports, "mountWithIntlContext", {
-  enumerable: true,
-  get: function get() {
-    return _mountWithIntlContext.mountWithIntlContext;
-  }
-});
-Object.defineProperty(exports, "mountWithIntlWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _mountWithIntlContext.mountWithIntlWrapper;
-  }
-});
 Object.defineProperty(exports, "nextTick", {
   enumerable: true,
   get: function get() {
@@ -605,10 +593,10 @@ Object.defineProperty(exports, "remoteImage", {
     return _images.remoteImage;
   }
 });
-Object.defineProperty(exports, "shallowWithIntlContext", {
+Object.defineProperty(exports, "renderWithIntl", {
   enumerable: true,
   get: function get() {
-    return _mountWithIntlContext.shallowWithIntlContext;
+    return _renderWithIntl.renderWithIntl;
   }
 });
 Object.defineProperty(exports, "simulateAlwaysLoading", {
@@ -897,7 +885,7 @@ var _nextTick = require("./nextTick");
 var _timeoutPromise = require("./timeoutPromise");
 var _jestHelpers = require("./jestHelpers");
 var _I18nWrapper = require("./I18nWrapper");
-var _mountWithIntlContext = require("./mountWithIntlContext");
+var _renderWithIntl = require("./renderWithIntl");
 var _fakeI18n = require("./fakeI18n");
 var _mockCanvas = require("./mockCanvas");
 var _keyboardEventWithKeyCode = _interopRequireDefault(require("./keyboardEventWithKeyCode"));

package/dist/cjs/renderWithIntl.js

@@ -7,9 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.renderWithIntl = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _react2 = require("@testing-library/react");
+/**
+ * Lazy require to avoid loading @testing-library/react during SSR tests.
+ * jest.resetModules() clears the cache, so RTL would register its hooks inside tests.
+ */
 var renderWithIntl = exports.renderWithIntl = function renderWithIntl(component) {
-  return (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+  var _require = require('@testing-library/react'),
+    render = _require.render;
+  return render( /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
     locale: "en"
   }, component));
 };

package/dist/es2019/index.js

@@ -21,7 +21,7 @@ export { nextTick, sleep } from './nextTick';
 export { timeoutPromise } from './timeoutPromise';
 export { asMock, asMockFunction, asMockReturnValue, asMockFunctionReturnValue, asMockFunctionResolvedValue, expectConstructorToHaveBeenCalledWith, expectFunctionToHaveBeenCalledWith, expectToEqual } from './jestHelpers';
 export { I18NWrapper } from './I18nWrapper';
-export { mountWithIntlContext, mountWithIntlWrapper, shallowWithIntlContext } from './mountWithIntlContext';
+export { renderWithIntl } from './renderWithIntl';
 export { fakeIntl } from './fakeI18n';
 export { mockCanvas } from './mockCanvas';
 export { default as KeyboardEventWithKeyCode } from './keyboardEventWithKeyCode';

package/dist/es2019/renderWithIntl.js

@@ -1,7 +1,13 @@
 import React from 'react';
 import { IntlProvider } from 'react-intl-next';
-import { render } from '@testing-library/react';
+/**
+ * Lazy require to avoid loading @testing-library/react during SSR tests.
+ * jest.resetModules() clears the cache, so RTL would register its hooks inside tests.
+ */
 export const renderWithIntl = component => {
+  const {
+    render
+  } = require('@testing-library/react');
   return render( /*#__PURE__*/React.createElement(IntlProvider, {
     locale: "en"
   }, component));

package/dist/esm/index.js

@@ -21,7 +21,7 @@ export { nextTick, sleep } from './nextTick';
 export { timeoutPromise } from './timeoutPromise';
 export { asMock, asMockFunction, asMockReturnValue, asMockFunctionReturnValue, asMockFunctionResolvedValue, expectConstructorToHaveBeenCalledWith, expectFunctionToHaveBeenCalledWith, expectToEqual } from './jestHelpers';
 export { I18NWrapper } from './I18nWrapper';
-export { mountWithIntlContext, mountWithIntlWrapper, shallowWithIntlContext } from './mountWithIntlContext';
+export { renderWithIntl } from './renderWithIntl';
 export { fakeIntl } from './fakeI18n';
 export { mockCanvas } from './mockCanvas';
 export { default as KeyboardEventWithKeyCode } from './keyboardEventWithKeyCode';

package/dist/esm/renderWithIntl.js

@@ -1,7 +1,12 @@
 import React from 'react';
 import { IntlProvider } from 'react-intl-next';
-import { render } from '@testing-library/react';
+/**
+ * Lazy require to avoid loading @testing-library/react during SSR tests.
+ * jest.resetModules() clears the cache, so RTL would register its hooks inside tests.
+ */
 export var renderWithIntl = function renderWithIntl(component) {
+  var _require = require('@testing-library/react'),
+    render = _require.render;
   return render( /*#__PURE__*/React.createElement(IntlProvider, {
     locale: "en"
   }, component));

package/dist/types/index.d.ts

@@ -27,7 +27,7 @@ export { asMock, asMockFunction, asMockReturnValue, asMockFunctionReturnValue, a
 export type { ExpectConstructorToHaveBeenCalledWith, ExpectFunctionToHaveBeenCalledWith, JestSpy, JestFunction, } from './jestHelpers';
 export { I18NWrapper } from './I18nWrapper';
 export type { I18NWrapperProps, I18NWrapperState } from './I18nWrapper';
-export { mountWithIntlContext, mountWithIntlWrapper, shallowWithIntlContext, } from './mountWithIntlContext';
+export { renderWithIntl } from './renderWithIntl';
 export { fakeIntl } from './fakeI18n';
 export { mockCanvas } from './mockCanvas';
 export { default as KeyboardEventWithKeyCode } from './keyboardEventWithKeyCode';

package/dist/types/renderWithIntl.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-import { type RenderResult } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+/**
+ * Lazy require to avoid loading @testing-library/react during SSR tests.
+ * jest.resetModules() clears the cache, so RTL would register its hooks inside tests.
+ */
 export declare const renderWithIntl: (component: React.ReactNode) => RenderResult;

package/dist/types-ts4.5/index.d.ts

@@ -27,7 +27,7 @@ export { asMock, asMockFunction, asMockReturnValue, asMockFunctionReturnValue, a
 export type { ExpectConstructorToHaveBeenCalledWith, ExpectFunctionToHaveBeenCalledWith, JestSpy, JestFunction, } from './jestHelpers';
 export { I18NWrapper } from './I18nWrapper';
 export type { I18NWrapperProps, I18NWrapperState } from './I18nWrapper';
-export { mountWithIntlContext, mountWithIntlWrapper, shallowWithIntlContext, } from './mountWithIntlContext';
+export { renderWithIntl } from './renderWithIntl';
 export { fakeIntl } from './fakeI18n';
 export { mockCanvas } from './mockCanvas';
 export { default as KeyboardEventWithKeyCode } from './keyboardEventWithKeyCode';

package/dist/types-ts4.5/renderWithIntl.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-import { type RenderResult } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+/**
+ * Lazy require to avoid loading @testing-library/react during SSR tests.
+ * jest.resetModules() clears the cache, so RTL would register its hooks inside tests.
+ */
 export declare const renderWithIntl: (component: React.ReactNode) => RenderResult;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "39.0.16",
+	"version": "40.0.0",
 	"description": "Collection of test helpers used in media component stories and specs",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,7 +46,6 @@
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/react": "^16.3.0",
-		"enzyme": "^3.10.0",
 		"exenv": "^1.2.2",
 		"kakapo": "^4.0.6",
 		"mock-socket": "^9.3.1",

package/report.api.md

@@ -40,11 +40,10 @@ import { MediaType } from '@atlaskit/media-client';
 import { PollingError } from '@atlaskit/media-client';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
-import { ReactWrapper } from 'enzyme';
 import { ReplaySubject } from 'rxjs/ReplaySubject';
 import { RequestError } from '@atlaskit/media-client';
 import { RequestErrorMetadata } from '@atlaskit/media-client';
-import { ShallowWrapper } from 'enzyme';
+import { type RenderResult } from '@testing-library/react';
 import { StyledComponent } from '@emotion/styled-base';
 import { TableHTMLAttributes } from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
@@ -759,29 +758,6 @@ interface MockStub<T, R> extends MockFunction<T> {
 	mockReturnValue: (value: T) => R;
 }
 
-// @public (undocumented)
-export const mountWithIntlContext: <
-	P,
-	S,
-	C extends React_2.Component<P, S, any> = React_2.Component<P, S, any>,
->(
-	node: React_2.ReactElement<
-		P & WrappedComponentProps<'intl'>,
-		React_2.JSXElementConstructor<any> | string
-	>,
-	{
-		context,
-		childContextTypes,
-		...additionalOptions
-	}?: {
-		context?: undefined | {};
-		childContextTypes?: undefined | {};
-	},
-) => ReactWrapper<P & WrappedComponentProps<'intl'>, S, C>;
-
-// @public (undocumented)
-export const mountWithIntlWrapper: (node: React_2.ReactElement) => ReactWrapper;
-
 // @public (undocumented)
 export interface MouseEventProps {
 	// (undocumented)
@@ -813,22 +789,7 @@ export const remoteImage =
 	'https://mediaviewer-examples.s3-ap-southeast-2.amazonaws.com/image/image.jpg';
 
 // @public (undocumented)
-export const shallowWithIntlContext: <
-	P,
-	S,
-	C extends React_2.Component<P, S, any> = React_2.Component<P, S, any>,
->(
-	node: React_2.ReactElement<
-		P & WrappedComponentProps<'intl'>,
-		React_2.JSXElementConstructor<any> | string
-	>,
-	{
-		context,
-		...additionalOptions
-	}?: {
-		context?: undefined | {};
-	},
-) => ShallowWrapper<P & WrappedComponentProps<'intl'>, S, C>;
+export const renderWithIntl: (component: React_2.ReactNode) => RenderResult;
 
 // @public (undocumented)
 export const simulateAlwaysLoading: SimulationFactory;

package/dist/cjs/mountWithIntlContext.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shallowWithIntlContext = exports.mountWithIntlWrapper = exports.mountWithIntlContext = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _enzyme = require("enzyme");
-var _excluded = ["context", "childContextTypes"],
-  _excluded2 = ["context"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var mockIntl = (0, _reactIntlNext.createIntl)({
-  locale: 'en'
-});
-
-/**
- * When using React-Intl `injectIntl` on components, props.intl is required.
- */
-function nodeWithIntlProp(node) {
-  var intl = !!node.props.intl ? node.props.intl : mockIntl;
-  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
-    value: intl
-  }, /*#__PURE__*/_react.default.cloneElement(node, {
-    intl: intl
-  }));
-}
-
-/* TODO: We are explicitly using the third arg of ReactWrapper to work around the following TS issue which prevents a d.ts from being generated
- * and therefore fails the build:
- * error TS2742: The inferred type of 'mountWithIntlContext' cannot be named without a reference to 'react-transition-group/node_modules/@types/react'. This is likely not portable. A type annotation is necessary.
- * TS is resolving enzyme's usage of react to react-transition-group???
- */
-var mountWithIntlContext = exports.mountWithIntlContext = function mountWithIntlContext(node) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _ref$context = _ref.context,
-    context = _ref$context === void 0 ? {} : _ref$context,
-    _ref$childContextType = _ref.childContextTypes,
-    childContextTypes = _ref$childContextType === void 0 ? {} : _ref$childContextType,
-    additionalOptions = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var intl = !!node.props.intl ? node.props.intl : mockIntl;
-  return (0, _enzyme.mount)(nodeWithIntlProp(node), _objectSpread({
-    context: _objectSpread({
-      intl: intl
-    }, context)
-  }, additionalOptions));
-};
-var shallowWithIntlContext = exports.shallowWithIntlContext = function shallowWithIntlContext(node) {
-  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _ref2$context = _ref2.context,
-    context = _ref2$context === void 0 ? {} : _ref2$context,
-    additionalOptions = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  var intl = !!node.props.intl ? node.props.intl : mockIntl;
-  return (0, _enzyme.shallow)(nodeWithIntlProp(node), _objectSpread({
-    context: _objectSpread({
-      intl: intl
-    }, context)
-  }, additionalOptions));
-};
-var mountWithIntlWrapper = exports.mountWithIntlWrapper = function mountWithIntlWrapper(node) {
-  return (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(function (props) {
-    return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
-      locale: "en"
-    }, /*#__PURE__*/_react.default.cloneElement(node, _objectSpread({}, props)));
-  }));
-};

package/dist/es2019/mountWithIntlContext.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import { RawIntlProvider, createIntl, IntlProvider } from 'react-intl-next';
-import { mount, shallow } from 'enzyme';
-const mockIntl = createIntl({
-  locale: 'en'
-});
-
-/**
- * When using React-Intl `injectIntl` on components, props.intl is required.
- */
-function nodeWithIntlProp(node) {
-  const intl = !!node.props.intl ? node.props.intl : mockIntl;
-  return /*#__PURE__*/React.createElement(RawIntlProvider, {
-    value: intl
-  }, /*#__PURE__*/React.cloneElement(node, {
-    intl
-  }));
-}
-
-/* TODO: We are explicitly using the third arg of ReactWrapper to work around the following TS issue which prevents a d.ts from being generated
- * and therefore fails the build:
- * error TS2742: The inferred type of 'mountWithIntlContext' cannot be named without a reference to 'react-transition-group/node_modules/@types/react'. This is likely not portable. A type annotation is necessary.
- * TS is resolving enzyme's usage of react to react-transition-group???
- */
-export const mountWithIntlContext = (node, {
-  context = {},
-  childContextTypes = {},
-  ...additionalOptions
-} = {}) => {
-  const intl = !!node.props.intl ? node.props.intl : mockIntl;
-  return mount(nodeWithIntlProp(node), {
-    context: {
-      intl,
-      ...context
-    },
-    ...additionalOptions
-  });
-};
-export const shallowWithIntlContext = (node, {
-  context = {},
-  ...additionalOptions
-} = {}) => {
-  const intl = !!node.props.intl ? node.props.intl : mockIntl;
-  return shallow(nodeWithIntlProp(node), {
-    context: {
-      intl,
-      ...context
-    },
-    ...additionalOptions
-  });
-};
-export const mountWithIntlWrapper = node => {
-  return mount( /*#__PURE__*/React.createElement(props => /*#__PURE__*/React.createElement(IntlProvider, {
-    locale: "en"
-  }, /*#__PURE__*/React.cloneElement(node, {
-    ...props
-  }))));
-};

package/dist/esm/mountWithIntlContext.js

@@ -1,63 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["context", "childContextTypes"],
-  _excluded2 = ["context"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import { RawIntlProvider, createIntl, IntlProvider } from 'react-intl-next';
-import { mount, shallow } from 'enzyme';
-var mockIntl = createIntl({
-  locale: 'en'
-});
-
-/**
- * When using React-Intl `injectIntl` on components, props.intl is required.
- */
-function nodeWithIntlProp(node) {
-  var intl = !!node.props.intl ? node.props.intl : mockIntl;
-  return /*#__PURE__*/React.createElement(RawIntlProvider, {
-    value: intl
-  }, /*#__PURE__*/React.cloneElement(node, {
-    intl: intl
-  }));
-}
-
-/* TODO: We are explicitly using the third arg of ReactWrapper to work around the following TS issue which prevents a d.ts from being generated
- * and therefore fails the build:
- * error TS2742: The inferred type of 'mountWithIntlContext' cannot be named without a reference to 'react-transition-group/node_modules/@types/react'. This is likely not portable. A type annotation is necessary.
- * TS is resolving enzyme's usage of react to react-transition-group???
- */
-export var mountWithIntlContext = function mountWithIntlContext(node) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _ref$context = _ref.context,
-    context = _ref$context === void 0 ? {} : _ref$context,
-    _ref$childContextType = _ref.childContextTypes,
-    childContextTypes = _ref$childContextType === void 0 ? {} : _ref$childContextType,
-    additionalOptions = _objectWithoutProperties(_ref, _excluded);
-  var intl = !!node.props.intl ? node.props.intl : mockIntl;
-  return mount(nodeWithIntlProp(node), _objectSpread({
-    context: _objectSpread({
-      intl: intl
-    }, context)
-  }, additionalOptions));
-};
-export var shallowWithIntlContext = function shallowWithIntlContext(node) {
-  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _ref2$context = _ref2.context,
-    context = _ref2$context === void 0 ? {} : _ref2$context,
-    additionalOptions = _objectWithoutProperties(_ref2, _excluded2);
-  var intl = !!node.props.intl ? node.props.intl : mockIntl;
-  return shallow(nodeWithIntlProp(node), _objectSpread({
-    context: _objectSpread({
-      intl: intl
-    }, context)
-  }, additionalOptions));
-};
-export var mountWithIntlWrapper = function mountWithIntlWrapper(node) {
-  return mount( /*#__PURE__*/React.createElement(function (props) {
-    return /*#__PURE__*/React.createElement(IntlProvider, {
-      locale: "en"
-    }, /*#__PURE__*/React.cloneElement(node, _objectSpread({}, props)));
-  }));
-};

package/dist/types/mountWithIntlContext.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
-import { type ReactWrapper, type ShallowWrapper } from 'enzyme';
-import { type Component, type ReactElement } from 'react';
-export declare const mountWithIntlContext: <P, S, C extends Component<P, S> = Component<P, S>>(node: ReactElement<P & WrappedComponentProps>, { context, childContextTypes, ...additionalOptions }?: {
-    context?: {} | undefined;
-    childContextTypes?: {} | undefined;
-}) => ReactWrapper<P & WrappedComponentProps, S, C>;
-export declare const shallowWithIntlContext: <P, S, C extends Component<P, S> = Component<P, S>>(node: ReactElement<P & WrappedComponentProps>, { context, ...additionalOptions }?: {
-    context?: {} | undefined;
-}) => ShallowWrapper<P & WrappedComponentProps, S, C>;
-export declare const mountWithIntlWrapper: (node: React.ReactElement) => ReactWrapper;

package/dist/types-ts4.5/mountWithIntlContext.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
-import { type ReactWrapper, type ShallowWrapper } from 'enzyme';
-import { type Component, type ReactElement } from 'react';
-export declare const mountWithIntlContext: <P, S, C extends Component<P, S> = Component<P, S>>(node: ReactElement<P & WrappedComponentProps>, { context, childContextTypes, ...additionalOptions }?: {
-    context?: {} | undefined;
-    childContextTypes?: {} | undefined;
-}) => ReactWrapper<P & WrappedComponentProps, S, C>;
-export declare const shallowWithIntlContext: <P, S, C extends Component<P, S> = Component<P, S>>(node: ReactElement<P & WrappedComponentProps>, { context, ...additionalOptions }?: {
-    context?: {} | undefined;
-}) => ShallowWrapper<P & WrappedComponentProps, S, C>;
-export declare const mountWithIntlWrapper: (node: React.ReactElement) => ReactWrapper;