@cloudflare/util-testing 5.0.248 → 5.1.0

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.1.0](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/util-testing@5.0.251...@cloudflare/util-testing@5.1.0) (2021-10-01)
+
+
+### Features
+
+* **stratus:** UI-4239 update snapshots for fela upgrade ([808ece8](http://stash.cfops.it:7999/fe/stratus/commits/808ece8))
+* **util-testing:** UI-4239 upgrade fela packages, update test utils ([511a955](http://stash.cfops.it:7999/fe/stratus/commits/511a955))
+
+
+
+
+
+## [5.0.251](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/util-testing@5.0.250...@cloudflare/util-testing@5.0.251) (2021-09-29)
+
+**Note:** Version bump only for package @cloudflare/util-testing
+
+
+
+
+
+## [5.0.250](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/util-testing@5.0.249...@cloudflare/util-testing@5.0.250) (2021-09-29)
+
+**Note:** Version bump only for package @cloudflare/util-testing
+
+
+
+
+
+## [5.0.249](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/util-testing@5.0.248...@cloudflare/util-testing@5.0.249) (2021-09-28)
+
+**Note:** Version bump only for package @cloudflare/util-testing
+
+
+
+
+
 ## [5.0.248](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/util-testing@5.0.247...@cloudflare/util-testing@5.0.248) (2021-09-28)
 
 **Note:** Version bump only for package @cloudflare/util-testing

package/dist/index.d.ts

@@ -4,8 +4,8 @@ import mockComponent from './mockComponent';
 import { setDateMock, restoreDateMock } from './dateMock';
 import felaShallow from './felaShallow';
 import I18n from './I18n';
-import felaMount from './felaMount';
+import felaMount, { felaMountWithoutContext } from './felaMount';
 import findWhereNameContains from './findWhereNameContains';
 import { mockMathRandom, restoreMathRandom } from './mockMathRandom';
 import { mockCan } from './mockProps';
-export { createEnzymeRouterOptions, mockImport, mockComponent, mockMathRandom, restoreMathRandom, felaShallow, felaMount, findWhereNameContains, I18n, setDateMock, restoreDateMock, mockCan };
+export { createEnzymeRouterOptions, mockImport, mockComponent, mockMathRandom, restoreMathRandom, felaShallow, felaMount, felaMountWithoutContext, findWhereNameContains, I18n, setDateMock, restoreDateMock, mockCan };

package/es/createFelaOptions.js

@@ -1,7 +1,7 @@
-import { createTheme, THEME_CHANNEL } from 'fela-bindings';
+import { THEME_CHANNEL } from 'fela-bindings';
 import PropTypes from 'prop-types';
 
-const createFelaOptions = (renderer, theme) => {
+const createFelaOptions = (renderer, theme = null) => {
   return {
     childContextTypes: {
       [THEME_CHANNEL]: PropTypes.object,
@@ -13,7 +13,7 @@ const createFelaOptions = (renderer, theme) => {
     },
     context: {
       renderer,
-      [THEME_CHANNEL]: theme ? createTheme(theme) : null
+      [THEME_CHANNEL]: theme
     }
   };
 };

package/es/felaMount.js

@@ -1,5 +1,5 @@
 import { mount as enzymeMount } from 'enzyme';
-import { createRenderer } from '@cloudflare/style-provider';
+import { createRenderer, felaTestContext } from '@cloudflare/style-provider';
 import { renderToString } from 'fela-tools';
 import toJson from 'enzyme-to-json';
 import cssbeautify from 'cssbeautify';
@@ -7,11 +7,18 @@ import merge from 'deepmerge';
 import createFelaOptions from './createFelaOptions';
 import { variables as themeConstants } from '@cloudflare/style-const'; // eslint-disable-line behance/no-deprecated
 
-const mount = (node, options = {}, theme = themeConstants) => {
+const isFelaComponent = node => {
+  var _node$type;
+
+  return !!(node === null || node === void 0 ? void 0 : (_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type._isFelaComponent);
+};
+
+const mount = (node, options = {}, theme = themeConstants, useTestContext = true) => {
   const renderer = createRenderer({
     dev: true
   });
-  const wrapper = enzymeMount(node, merge(options, createFelaOptions(renderer, theme)));
+  const renderNode = useTestContext || isFelaComponent(node) ? felaTestContext(node, renderer, theme) : node;
+  const wrapper = enzymeMount(renderNode, merge(options, createFelaOptions(renderer, theme)));
 
   const snapshot = (wrapper, includeStyles = true) => {
     const options = {
@@ -28,6 +35,7 @@ const mount = (node, options = {}, theme = themeConstants) => {
 
       if (renderedString) {
         result.styles = `\n${cssbeautify(renderedString, options)}\n`;
+        renderer.clear();
       }
     }
 
@@ -40,4 +48,5 @@ const mount = (node, options = {}, theme = themeConstants) => {
   };
 };
 
+export const felaMountWithoutContext = (node, options = {}, theme = themeConstants) => mount(node, options, theme, false);
 export default mount;

package/es/felaShallow.js

@@ -1,111 +1,106 @@
 import { shallow as enzymeShallow } from 'enzyme';
-import { variables as themeConstants } from '@cloudflare/style-const'; // eslint-disable-line behance/no-deprecated
-
-import { createRenderer } from '@cloudflare/style-provider';
 import { renderToString } from 'fela-tools';
 import cssbeautify from 'cssbeautify';
 import toJson from 'enzyme-to-json';
-import { ThemeProvider } from '@cloudflare/style-container';
-import createFelaOptions from './createFelaOptions';
 import merge from 'deepmerge';
+import { variables as themeConstants } from '@cloudflare/style-const'; // eslint-disable-line behance/no-deprecated
 
-const isWithTheme = reactElement => reactElement && reactElement.type && reactElement.type.name === 'WithTheme';
+import { createRenderer, felaTestContext } from '@cloudflare/style-provider';
+import { ThemeProvider, FelaTheme } from '@cloudflare/style-container';
+import createFelaOptions from './createFelaOptions';
 
 const isThemeProvider = reactElement => reactElement && reactElement.type && reactElement.type === ThemeProvider;
 
 const isFelaComponent = reactElement => reactElement && reactElement.type && reactElement.type._isFelaComponent;
 
-const isNonDOMComponent = reactElement => reactElement && reactElement.type && typeof reactElement.type !== 'string';
+const isFelaTheme = reactElement => (reactElement === null || reactElement === void 0 ? void 0 : reactElement.type) === FelaTheme;
 
 const shallow = (node, options = {}, rootTheme = themeConstants) => {
   const rootRenderer = createRenderer({
     dev: true
   });
   options = merge(options, createFelaOptions(rootRenderer, rootTheme));
-  const wrapper = enzymeShallow(node, options); //node = the instance of ReactElement from which the enzymeWrapper wrapper was created
-  //wrapper = the of EnzymeWrapper associated with shallow rendering node
+
+  const createShallowWrapper = (rootNode = node, useTestContext = false) => {
+    const renderNode = useTestContext ? felaTestContext(rootNode, rootRenderer, rootTheme) : rootNode;
+    return enzymeShallow(renderNode, options);
+  };
+
+  const useTestContext = isFelaComponent(node);
+  const wrapper = createShallowWrapper(node, useTestContext); //wrapper = the of EnzymeWrapper associated with shallow rendering node
   //renderer = fela renderer function
   //theme = fela theme
   //This function will dive into the enzyme tree, until it gets to a non-fela component
 
-  const dive = (node, wrapper, renderer, theme = rootTheme) => {
-    let parentFelaComponent = false;
-
-    if (isThemeProvider(node) || isFelaComponent(node) || isWithTheme(node)) {
-      parentFelaComponent = true;
-    }
-
+  const dive = (wrapper, renderer, theme = rootTheme) => {
     let reactElement = wrapper.get(0);
 
-    if (parentFelaComponent && isNonDOMComponent(reactElement)) {
+    try {
       if (isThemeProvider(reactElement)) {
         theme = reactElement.props.theme;
       }
 
       const mergedOptions = merge(options, createFelaOptions(renderer, theme));
       const enzymeDived = wrapper.dive(mergedOptions);
-      return dive(reactElement, enzymeDived, renderer, theme);
+      return dive(enzymeDived, renderer, theme);
+    } catch (err) {
+      return wrapper;
     }
-
-    return wrapper;
   };
 
   const componentSnapshot = (wrapper, includeStyles) => {
-    const options = {
-      indent: '  ',
-      openbrace: 'end-of-line',
-      autosemicolon: false
-    };
-    let renderer = rootRenderer;
-    let wrapperToSnapshot = wrapper;
-
-    if (includeStyles) {
-      //use a new renderer to capture the styles just by rendering this enzyme wrapper
-      renderer = createRenderer({
-        dev: true
-      });
-      wrapperToSnapshot = felaDive(wrapper, renderer);
-    }
-
+    const wrapperToSnapshot = includeStyles ? felaDive(wrapper, rootRenderer) : wrapper;
     const result = {
       component: toJson(wrapperToSnapshot)
     };
 
     if (includeStyles) {
-      const renderedString = renderToString(renderer);
+      const renderedString = renderToString(rootRenderer);
 
       if (renderedString) {
+        const options = {
+          indent: '  ',
+          openbrace: 'end-of-line',
+          autosemicolon: false
+        };
         result.styles = `\n${cssbeautify(renderedString, options)}\n`;
+        /* Clears the rules cache on rootRenderer for reuse. */
+
+        rootRenderer.clear();
       }
     }
 
     return result;
   };
 
-  const felaDive = (wrapper, renderer = rootRenderer) => {
-    //determine whether wrapper is the root wrapper or not
-    // in older versions of enzyme root is not a function but the root itself
-    const root = typeof wrapper.root === 'function' ? wrapper.root() : wrapper.root;
-    const isRoot = root === wrapper;
-    return dive(isRoot ? node : wrapper.get(0), wrapper, renderer, rootTheme);
+  const felaDive = (wrapper, renderer = rootRenderer, useTestContext = false) => {
+    const shallowWrapper = useTestContext ? createShallowWrapper(wrapper.getElement(), useTestContext) : wrapper;
+    return dive(shallowWrapper, renderer, rootTheme);
   }; //if the enzyme wrapper is around a single node, returns an object with keys: component, style
   //otherwise returns an array where each element in the array is an object with keys: component, style
   //where the snapshot for that element is stored.
   //if the includeStyles prop is false, then styles are ommitted from the captured snapshot. This will make it act like a normal
   //enzyme shallow snapshot capture (i.e. we will not dive into fela components and render them)
+  // useTestContextWrapper -- forces the snapshot to use a new wrapper with felaTestContext
 
 
-  const snapshot = (enzymeWrapper, includeStyles = true) => {
+  const snapshot = (enzymeWrapper, includeStyles = true, useTestContextWrapper = false) => {
     if (!enzymeWrapper) {
       return componentSnapshot(wrapper, includeStyles);
     }
 
     if (enzymeWrapper.length === 1) {
-      return componentSnapshot(enzymeWrapper, includeStyles);
+      const wrapperNode = enzymeWrapper.getElement();
+      const useTestContext = useTestContextWrapper || isFelaComponent(wrapperNode) || isFelaTheme(wrapperNode);
+      const shallowWrapper = useTestContext ? createShallowWrapper(wrapperNode, useTestContext) : enzymeWrapper;
+      return componentSnapshot(shallowWrapper, includeStyles);
     }
 
     return enzymeWrapper.map(wrapper => {
-      return componentSnapshot(wrapper, includeStyles);
+      const wrapperNode = wrapper.getElement();
+      const useTestContext = useTestContextWrapper || isFelaComponent(wrapperNode) || isFelaTheme(wrapperNode);
+      const shallowWrapper = useTestContext ? createShallowWrapper(wrapperNode, useTestContext) : enzymeWrapper;
+      return componentSnapshot(shallowWrapper, includeStyles);
     });
   };
 

package/es/index.js

@@ -4,8 +4,8 @@ import mockComponent from './mockComponent';
 import { setDateMock, restoreDateMock } from './dateMock';
 import felaShallow from './felaShallow';
 import I18n from './I18n';
-import felaMount from './felaMount';
+import felaMount, { felaMountWithoutContext } from './felaMount';
 import findWhereNameContains from './findWhereNameContains';
 import { mockMathRandom, restoreMathRandom } from './mockMathRandom';
 import { mockCan } from './mockProps';
-export { createEnzymeRouterOptions, mockImport, mockComponent, mockMathRandom, restoreMathRandom, felaShallow, felaMount, findWhereNameContains, I18n, setDateMock, restoreDateMock, mockCan };
+export { createEnzymeRouterOptions, mockImport, mockComponent, mockMathRandom, restoreMathRandom, felaShallow, felaMount, felaMountWithoutContext, findWhereNameContains, I18n, setDateMock, restoreDateMock, mockCan };

package/lib/createFelaOptions.js

@@ -13,15 +13,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var createFelaOptions = function createFelaOptions(renderer, theme) {
+var createFelaOptions = function createFelaOptions(renderer) {
   var _childContextTypes, _contextTypes;
 
+  var theme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return {
     childContextTypes: (_childContextTypes = {}, _defineProperty(_childContextTypes, _felaBindings.THEME_CHANNEL, _propTypes.default.object), _defineProperty(_childContextTypes, "renderer", _propTypes.default.object), _childContextTypes),
     contextTypes: (_contextTypes = {}, _defineProperty(_contextTypes, _felaBindings.THEME_CHANNEL, _propTypes.default.object), _defineProperty(_contextTypes, "renderer", _propTypes.default.object), _contextTypes),
     context: _defineProperty({
       renderer: renderer
-    }, _felaBindings.THEME_CHANNEL, theme ? (0, _felaBindings.createTheme)(theme) : null)
+    }, _felaBindings.THEME_CHANNEL, theme)
   };
 };
 

package/lib/felaMount.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.felaMountWithoutContext = void 0;
 
 var _enzyme = require("enzyme");
 
@@ -24,13 +24,21 @@ var _styleConst = require("@cloudflare/style-const");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // eslint-disable-line behance/no-deprecated
+var isFelaComponent = function isFelaComponent(node) {
+  var _node$type;
+
+  return !!(node === null || node === void 0 ? void 0 : (_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type._isFelaComponent);
+};
+
 var mount = function mount(node) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var theme = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _styleConst.variables;
+  var useTestContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
   var renderer = (0, _styleProvider.createRenderer)({
     dev: true
   });
-  var wrapper = (0, _enzyme.mount)(node, (0, _deepmerge.default)(options, (0, _createFelaOptions.default)(renderer, theme)));
+  var renderNode = useTestContext || isFelaComponent(node) ? (0, _styleProvider.felaTestContext)(node, renderer, theme) : node;
+  var wrapper = (0, _enzyme.mount)(renderNode, (0, _deepmerge.default)(options, (0, _createFelaOptions.default)(renderer, theme)));
 
   var snapshot = function snapshot(wrapper) {
     var includeStyles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
@@ -48,6 +56,7 @@ var mount = function mount(node) {
 
       if (renderedString) {
         result.styles = "\n".concat((0, _cssbeautify.default)(renderedString, options), "\n");
+        renderer.clear();
       }
     }
 
@@ -60,5 +69,12 @@ var mount = function mount(node) {
   };
 };
 
+var felaMountWithoutContext = function felaMountWithoutContext(node) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var theme = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _styleConst.variables;
+  return mount(node, options, theme, false);
+};
+
+exports.felaMountWithoutContext = felaMountWithoutContext;
 var _default = mount;
 exports.default = _default;

package/lib/felaShallow.js

@@ -7,29 +7,25 @@ exports.default = void 0;
 
 var _enzyme = require("enzyme");
 
-var _styleConst = require("@cloudflare/style-const");
-
-var _styleProvider = require("@cloudflare/style-provider");
-
 var _felaTools = require("fela-tools");
 
 var _cssbeautify = _interopRequireDefault(require("cssbeautify"));
 
 var _enzymeToJson = _interopRequireDefault(require("enzyme-to-json"));
 
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
+
+var _styleConst = require("@cloudflare/style-const");
+
+var _styleProvider = require("@cloudflare/style-provider");
+
 var _styleContainer = require("@cloudflare/style-container");
 
 var _createFelaOptions = _interopRequireDefault(require("./createFelaOptions"));
 
-var _deepmerge = _interopRequireDefault(require("deepmerge"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // eslint-disable-line behance/no-deprecated
-var isWithTheme = function isWithTheme(reactElement) {
-  return reactElement && reactElement.type && reactElement.type.name === 'WithTheme';
-};
-
 var isThemeProvider = function isThemeProvider(reactElement) {
   return reactElement && reactElement.type && reactElement.type === _styleContainer.ThemeProvider;
 };
@@ -38,8 +34,8 @@ var isFelaComponent = function isFelaComponent(reactElement) {
   return reactElement && reactElement.type && reactElement.type._isFelaComponent;
 };
 
-var isNonDOMComponent = function isNonDOMComponent(reactElement) {
-  return reactElement && reactElement.type && typeof reactElement.type !== 'string';
+var isFelaTheme = function isFelaTheme(reactElement) {
+  return (reactElement === null || reactElement === void 0 ? void 0 : reactElement.type) === _styleContainer.FelaTheme;
 };
 
 var shallow = function shallow(node) {
@@ -49,61 +45,56 @@ var shallow = function shallow(node) {
     dev: true
   });
   options = (0, _deepmerge.default)(options, (0, _createFelaOptions.default)(rootRenderer, rootTheme));
-  var wrapper = (0, _enzyme.shallow)(node, options); //node = the instance of ReactElement from which the enzymeWrapper wrapper was created
-  //wrapper = the of EnzymeWrapper associated with shallow rendering node
+
+  var createShallowWrapper = function createShallowWrapper() {
+    var rootNode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : node;
+    var useTestContext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var renderNode = useTestContext ? (0, _styleProvider.felaTestContext)(rootNode, rootRenderer, rootTheme) : rootNode;
+    return (0, _enzyme.shallow)(renderNode, options);
+  };
+
+  var useTestContext = isFelaComponent(node);
+  var wrapper = createShallowWrapper(node, useTestContext); //wrapper = the of EnzymeWrapper associated with shallow rendering node
   //renderer = fela renderer function
   //theme = fela theme
   //This function will dive into the enzyme tree, until it gets to a non-fela component
 
-  var dive = function dive(node, wrapper, renderer) {
-    var theme = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : rootTheme;
-    var parentFelaComponent = false;
-
-    if (isThemeProvider(node) || isFelaComponent(node) || isWithTheme(node)) {
-      parentFelaComponent = true;
-    }
-
+  var dive = function dive(wrapper, renderer) {
+    var theme = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : rootTheme;
     var reactElement = wrapper.get(0);
 
-    if (parentFelaComponent && isNonDOMComponent(reactElement)) {
+    try {
       if (isThemeProvider(reactElement)) {
         theme = reactElement.props.theme;
       }
 
       var mergedOptions = (0, _deepmerge.default)(options, (0, _createFelaOptions.default)(renderer, theme));
       var enzymeDived = wrapper.dive(mergedOptions);
-      return dive(reactElement, enzymeDived, renderer, theme);
+      return dive(enzymeDived, renderer, theme);
+    } catch (err) {
+      return wrapper;
     }
-
-    return wrapper;
   };
 
   var componentSnapshot = function componentSnapshot(wrapper, includeStyles) {
-    var options = {
-      indent: '  ',
-      openbrace: 'end-of-line',
-      autosemicolon: false
-    };
-    var renderer = rootRenderer;
-    var wrapperToSnapshot = wrapper;
-
-    if (includeStyles) {
-      //use a new renderer to capture the styles just by rendering this enzyme wrapper
-      renderer = (0, _styleProvider.createRenderer)({
-        dev: true
-      });
-      wrapperToSnapshot = felaDive(wrapper, renderer);
-    }
-
+    var wrapperToSnapshot = includeStyles ? felaDive(wrapper, rootRenderer) : wrapper;
     var result = {
       component: (0, _enzymeToJson.default)(wrapperToSnapshot)
     };
 
     if (includeStyles) {
-      var renderedString = (0, _felaTools.renderToString)(renderer);
+      var renderedString = (0, _felaTools.renderToString)(rootRenderer);
 
       if (renderedString) {
-        result.styles = "\n".concat((0, _cssbeautify.default)(renderedString, options), "\n");
+        var _options = {
+          indent: '  ',
+          openbrace: 'end-of-line',
+          autosemicolon: false
+        };
+        result.styles = "\n".concat((0, _cssbeautify.default)(renderedString, _options), "\n");
+        /* Clears the rules cache on rootRenderer for reuse. */
+
+        rootRenderer.clear();
       }
     }
 
@@ -112,31 +103,39 @@ var shallow = function shallow(node) {
 
   var felaDive = function felaDive(wrapper) {
     var renderer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : rootRenderer;
-    //determine whether wrapper is the root wrapper or not
-    // in older versions of enzyme root is not a function but the root itself
-    var root = typeof wrapper.root === 'function' ? wrapper.root() : wrapper.root;
-    var isRoot = root === wrapper;
-    return dive(isRoot ? node : wrapper.get(0), wrapper, renderer, rootTheme);
+    var useTestContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var shallowWrapper = useTestContext ? createShallowWrapper(wrapper.getElement(), useTestContext) : wrapper;
+    return dive(shallowWrapper, renderer, rootTheme);
   }; //if the enzyme wrapper is around a single node, returns an object with keys: component, style
   //otherwise returns an array where each element in the array is an object with keys: component, style
   //where the snapshot for that element is stored.
   //if the includeStyles prop is false, then styles are ommitted from the captured snapshot. This will make it act like a normal
   //enzyme shallow snapshot capture (i.e. we will not dive into fela components and render them)
+  // useTestContextWrapper -- forces the snapshot to use a new wrapper with felaTestContext
 
 
   var snapshot = function snapshot(enzymeWrapper) {
     var includeStyles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var useTestContextWrapper = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
 
     if (!enzymeWrapper) {
       return componentSnapshot(wrapper, includeStyles);
     }
 
     if (enzymeWrapper.length === 1) {
-      return componentSnapshot(enzymeWrapper, includeStyles);
+      var wrapperNode = enzymeWrapper.getElement();
+
+      var _useTestContext = useTestContextWrapper || isFelaComponent(wrapperNode) || isFelaTheme(wrapperNode);
+
+      var shallowWrapper = _useTestContext ? createShallowWrapper(wrapperNode, _useTestContext) : enzymeWrapper;
+      return componentSnapshot(shallowWrapper, includeStyles);
     }
 
     return enzymeWrapper.map(function (wrapper) {
-      return componentSnapshot(wrapper, includeStyles);
+      var wrapperNode = wrapper.getElement();
+      var useTestContext = useTestContextWrapper || isFelaComponent(wrapperNode) || isFelaTheme(wrapperNode);
+      var shallowWrapper = useTestContext ? createShallowWrapper(wrapperNode, useTestContext) : enzymeWrapper;
+      return componentSnapshot(shallowWrapper, includeStyles);
     });
   };
 

package/lib/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -51,6 +53,12 @@ Object.defineProperty(exports, "felaMount", {
     return _felaMount.default;
   }
 });
+Object.defineProperty(exports, "felaMountWithoutContext", {
+  enumerable: true,
+  get: function get() {
+    return _felaMount.felaMountWithoutContext;
+  }
+});
 Object.defineProperty(exports, "findWhereNameContains", {
   enumerable: true,
   get: function get() {
@@ -88,7 +96,7 @@ var _felaShallow = _interopRequireDefault(require("./felaShallow"));
 
 var _I18n = _interopRequireDefault(require("./I18n"));
 
-var _felaMount = _interopRequireDefault(require("./felaMount"));
+var _felaMount = _interopRequireWildcard(require("./felaMount"));
 
 var _findWhereNameContains = _interopRequireDefault(require("./findWhereNameContains"));
 
@@ -96,4 +104,8 @@ var _mockMathRandom = require("./mockMathRandom");
 
 var _mockProps = require("./mockProps");
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 }; }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/util-testing",
   "description": "",
-  "version": "5.0.248",
+  "version": "5.1.0",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "James Culveyhouse <jculveyhouse@cloudflare.com>",
@@ -12,22 +12,21 @@
     "access": "public"
   },
   "dependencies": {
-    "@cloudflare/intl-react": "^1.8.116",
-    "@cloudflare/style-const": "^5.0.5",
-    "@cloudflare/style-container": "^7.4.5",
-    "@cloudflare/style-provider": "^1.2.381",
+    "@cloudflare/intl-react": "^1.9.0",
+    "@cloudflare/style-const": "^5.0.8",
+    "@cloudflare/style-container": "^7.5.0",
+    "@cloudflare/style-provider": "^1.3.0",
     "cssbeautify": "^0.3.1",
     "deepmerge": "1.5.2",
     "enzyme": "^3.10.0",
     "enzyme-to-json": "^3.3.3",
-    "fela": "^6.2.0",
-    "fela-beautifier": "^5.0.16",
-    "fela-bindings": "^3.0.0",
-    "fela-tools": "^5.2.0",
+    "fela": "^11.6.1",
+    "fela-bindings": "^11.6.1",
+    "fela-tools": "^11.6.1",
     "hash-sum": "^1.0.2",
     "prop-types": "^15.6.0",
     "react-display-name": "^0.2.3",
-    "react-fela": "^8.0.0",
+    "react-fela": "^11.6.1",
     "react-router-test-context": "^0.1.0"
   },
   "peerDependencies": {
@@ -43,5 +42,5 @@
     "test-coverage": "stratus test --coverage",
     "test-watch": "stratus test --watch"
   },
-  "gitHead": "2eba15b76ec1f3787323b3d21e80de64b66f056e"
+  "gitHead": "0fcf9cc9ac8315ccc6505d97225615ce55967346"
 }