pageflow 17.0.5 → 17.2.0

data/package/testHelpers.js

@@ -1,35 +1,56 @@
 import $ from 'jquery';
 import _ from 'underscore';
-import { Object as Object$1 } from 'pageflow/ui';
+import { Object } from 'pageflow/ui';
+import { within } from '@testing-library/dom';
 import Backbone from 'backbone';
-import { Entry, Theme, FileTypes, FilesCollection, SubsetCollection, ImageFile, WidgetTypes, EditorApi, WidgetsCollection, VideoFile, TextTrackFile } from 'pageflow/editor';
-import { browser } from 'pageflow/frontend';
+import { Entry, Theme, FileTypes, FilesCollection, SubsetCollection, ImageFile, WidgetTypes, EditorApi, FileFoldersCollection, WidgetsCollection, VideoFile, TextTrackFile } from 'pageflow/editor';
+import { ReviewSession } from 'pageflow/review';
+import { browser, features } from 'pageflow/frontend';
 import I18n from 'i18n-js';
 
-var Base = Object$1.extend({
-  initialize: function initialize($el) {
-    this.$el = $el;
+let container;
+afterEach(() => {
+  if (container) {
+    container.remove();
+    container = null;
   }
 });
+function ensureContainer() {
+  if (!container) {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+  }
+}
+function renderBackboneView(view) {
+  ensureContainer();
+  view.render();
+  container.appendChild(view.el);
+  if (view.onShow) {
+    view.onShow();
+  }
+  return within(view.el);
+}
 
+const Base = Object.extend({
+  initialize: function ($el) {
+    this.$el = $el;
+  }
+});
 Base.classMethods = function (Constructor) {
   return {
-    find: function find(viewOrParentElement) {
+    find: function (viewOrParentElement) {
       var selector = Constructor.prototype.selector;
       var parentElement = viewOrParentElement.$el || viewOrParentElement;
       var element = parentElement.find(selector);
-
       if (element.length > 1) {
         throw new Error('Selector "' + selector + '" matches multiple elements in view. Expected only one');
       }
-
       if (element.length === 0) {
         throw new Error('Selector "' + selector + '" did not match any elements in view.');
       }
-
       return new Constructor(element);
     },
-    findAll: function findAll(viewOrParentElement) {
+    findAll: function (viewOrParentElement) {
       var selector = Constructor.prototype.selector;
       var parentElement = viewOrParentElement.$el || viewOrParentElement;
       var elements = parentElement.find(selector);
@@ -37,7 +58,7 @@ Base.classMethods = function (Constructor) {
         return new Constructor($(this));
       }).get();
     },
-    findBy: function findBy(predicate, options) {
+    findBy: function (predicate, options) {
       var predicateString = options.predicateName ? ' filtered by ' + options.predicateName : '';
       var selector = Constructor.prototype.selector;
       var selectorString = 'Selector "' + selector + '"' + predicateString;
@@ -45,119 +66,126 @@ Base.classMethods = function (Constructor) {
       var element = elements.filter(function () {
         return predicate($(this));
       });
-
       if (element.length > 1) {
         throw new Error(selectorString + ' matches multiple elements in view. Expected only one');
       }
-
       if (element.length === 0) {
         throw new Error(selectorString + ' did not match any elements in view.');
       }
-
       return new Constructor(element);
     },
-    render: function render(view, options) {
-      view.render();
-
-      if (options && options.appendTo) {
-        options.appendTo.append(view.$el);
-      }
-
+    render: function (view) {
+      renderBackboneView(view);
       return new Constructor(view.$el);
     }
   };
 };
-
-Base.extend = function () {
-  var result = Object$1.extend.apply(this, arguments);
-
+Base.extend = function /* arguments */
+() {
+  var result = Object.extend.apply(this, arguments);
   _.extend(result, Base.classMethods(result));
-
   return result;
 };
 
-var DropDownButton = Base.extend({
+const DropDownButton = Base.extend({
   selector: '.drop_down_button',
-  menuItemNames: function menuItemNames() {
-    return this.$el.find('li').map(function () {
+  menuItemNames: function () {
+    return this.$el.find('li:not(.is_hidden)').map(function () {
       return $(this).data('name');
     }).get();
   },
-  menuItemLabels: function menuItemLabels() {
-    return this.$el.find('li a').map(function () {
+  menuItemLabels: function () {
+    return this.$el.find('li:not(.is_hidden) a').map(function () {
       return $(this).text();
     }).get();
   },
-  selectMenuItemByName: function selectMenuItemByName(name) {
-    var menuItem = this.$el.find('li').filter(function () {
+  selectMenuItemByName: function (name) {
+    var menuItem = this.$el.find('li:not(.is_hidden)').filter(function () {
       return $(this).data('name') == name;
     });
-
     if (!menuItem.length) {
       throw new Error('Could not find menu item with name "' + name + '"');
     }
-
     menuItem.find('a').trigger('click');
   },
-  selectMenuItemByLabel: function selectMenuItemByLabel(label) {
-    var menuItemLink = this.$el.find('li a').filter(function () {
+  selectMenuItemByLabel: function (label) {
+    var menuItemLink = this.$el.find('li:not(.is_hidden) a').filter(function () {
       return $(this).text() == label;
     });
-
     if (!menuItemLink.length) {
       throw new Error('Could not find menu item with label "' + label + '"');
     }
-
     menuItemLink.trigger('click');
   }
 });
 
-var FileMetaDataTable = Base.extend({
+const FileMetaDataTable = Base.extend({
   selector: '.file_meta_data table',
-  values: function values() {
+  values: function () {
     return this.$el.find('.value').map(function () {
       return $(this).text();
     }).get();
   }
 });
 
-var FileStageItem = Base.extend({
+const FileStageItem = Base.extend({
   selector: '.file_stage_item'
 });
 
-var FileThumbnail = Base.extend({
+const FileThumbnail = Base.extend({
   selector: '.file_thumbnail',
-  backgroundImage: function backgroundImage() {
+  backgroundImage: function () {
     return this.$el.css('backgroundImage');
   }
 });
 
-var ReferenceInput = Base.extend({
-  clickChooseButton: function clickChooseButton() {
+const Base$1 = Base.extend({
+  selector: '.input'
+});
+Base$1.findByPropertyName = function (propertyName, {
+  visible,
+  ...options
+} = {}) {
+  return this.findBy(el => el.data('inputPropertyName') === propertyName && (!visible || !el.hasClass('hidden_via_binding')), {
+    predicateName: `${visible ? 'visible ' : ''}input property name '${propertyName}'`,
+    ...options
+  });
+};
+
+const FileInput = Base$1.extend({
+  menuItemNames: function () {
+    return DropDownButton.find(this.$el).menuItemNames();
+  },
+  selectMenuItemByName: function (name) {
+    DropDownButton.find(this.$el).selectMenuItemByName(name);
+  }
+});
+
+const ReferenceInput = Base.extend({
+  clickChooseButton: function () {
     this.$el.find('.choose').trigger('click');
   }
 });
 
-var StaticThumbnail = Base.extend({
+const StaticThumbnail = Base.extend({
   selector: '.static_thumbnail',
-  backgroundImage: function backgroundImage() {
+  backgroundImage: function () {
     return this.$el.css('backgroundImage');
   }
 });
 
-var ThemeItem = Base.extend({
+const ThemeItem = Base.extend({
   selector: '.theme_item',
-  hover: function hover() {
+  hover: function () {
     this.$el.trigger('mouseenter');
   },
-  click: function click() {
+  click: function () {
     this.$el.trigger('click');
   },
-  clickUseButton: function clickUseButton() {
+  clickUseButton: function () {
     this.$el.find('.use_theme').trigger('click');
   }
 });
-
 ThemeItem.findByName = function (themeName, options) {
   return this.findBy(function ($el) {
     return $el.data('themeName') === themeName;
@@ -166,180 +194,103 @@ ThemeItem.findByName = function (themeName, options) {
   }, options));
 };
 
-var ConfigurationEditorTab = Base.extend({
+const ConfigurationEditorTab = Base.extend({
   selector: '.configuration_editor_tab',
-  inputPropertyNames: function inputPropertyNames() {
+  inputPropertyNames: function () {
     return this.$el.find('.input').map(function () {
       return $(this).data('inputPropertyName');
     }).get();
   },
-  visibleInputPropertyNames: function visibleInputPropertyNames() {
+  visibleInputPropertyNames: function () {
     return this.$el.find('.input:not(.hidden_via_binding)').map(function () {
       return $(this).data('inputPropertyName');
     }).get();
   },
-  inputLabels: function inputLabels() {
+  inputLabels: function () {
     return this.$el.find('.input').map(function () {
       return $(this).data('labelText');
     }).get();
   },
-  inlineHelpTexts: function inlineHelpTexts() {
+  inlineHelpTexts: function () {
     return this.$el.find('.input').map(function () {
       return $(this).data('inlineHelpText');
     }).get();
   }
 });
 
-var Tabs = Base.extend({
+const Tabs = Base.extend({
   selector: '.tabs_view',
-  tabNames: function tabNames() {
+  tabNames: function () {
     return this.$el.find('[data-tab-name]').map(function () {
       return $(this).data('tabName');
     }).get();
   },
-  tabLabels: function tabLabels() {
+  tabLabels: function () {
     return this.$el.find('[data-tab-name]').map(function () {
       return $(this).text();
     }).get();
   }
 });
 
-var ConfigurationEditor = Base.extend({
+const ConfigurationEditor = Base.extend({
   selector: '.configuration_editor',
-  tabNames: function tabNames() {
+  tabNames: function () {
     return Tabs.find(this.$el).tabNames();
   },
-  tabLabels: function tabLabels() {
+  tabLabels: function () {
     return Tabs.find(this.$el).tabLabels();
   },
-  inputPropertyNames: function inputPropertyNames() {
+  inputPropertyNames: function () {
     return ConfigurationEditorTab.find(this.$el).inputPropertyNames();
   },
-  visibleInputPropertyNames: function visibleInputPropertyNames() {
+  visibleInputPropertyNames: function () {
     return ConfigurationEditorTab.find(this.$el).visibleInputPropertyNames();
   },
-  inputLabels: function inputLabels() {
+  inputLabels: function () {
     return ConfigurationEditorTab.find(this.$el).inputLabels();
   },
-  inlineHelpTexts: function inlineHelpTexts() {
+  inlineHelpTexts: function () {
     return ConfigurationEditorTab.find(this.$el).inlineHelpTexts();
   }
 });
 
-var Table = Base.extend({
+const Table = Base.extend({
   selector: '.table_view',
-  columnNames: function columnNames() {
+  columnNames: function () {
     return this.$el.find('th').map(function () {
       return $(this).data('columnName');
     }).get();
   }
 });
 
-var ColorInput = Base.extend({
-  value: function value() {
-    return this._input().val();
-  },
-  fillIn: function fillIn(value, clock) {
-    this._input().val(value);
-
-    this._input().trigger('keyup');
-
-    clock.tick(500);
-  },
-  swatches: function swatches() {
-    return this.$el.find('.minicolors-swatches span').map(function () {
-      return window.getComputedStyle(this)['background-color'];
-    }).get();
-  },
-  _input: function _input() {
-    return this.$el.find('input');
-  }
-});
-
-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;
-}
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
-
-var Base$1 = Base.extend({
-  selector: '.input'
-});
-
-Base$1.findByPropertyName = function (propertyName, options) {
-  return this.findBy(function (el) {
-    return el.data('inputPropertyName') === propertyName;
-  }, _objectSpread2({
-    predicateName: "input property name '".concat(propertyName, "'")
-  }, options));
-};
-
-var RadioButtonGroupInput = Base$1.extend({
-  values: function values() {
+const RadioButtonGroupInput = Base$1.extend({
+  values: function () {
     return this.$el.find('input').map(function () {
       return $(this).attr('value');
     }).get();
   },
-  enabledValues: function enabledValues() {
+  enabledValues: function () {
     return this.$el.find('input:not([disabled])').map(function () {
       return $(this).attr('value');
     }).get();
   }
 });
 
-var SelectInput = Base$1.extend({
-  value: function value() {
+const SelectInput = Base$1.extend({
+  value: function () {
     return this.$el.find('select').val();
   },
-  values: function values() {
+  values: function () {
     return this.$el.find('option').map(function () {
       return $(this).attr('value');
     }).get();
   },
-  enabledValues: function enabledValues() {
+  texts: function () {
+    return this.$el.find('option').map(function () {
+      return $(this).text();
+    }).get();
+  },
+  enabledValues: function () {
     return this.$el.find('option:not([disabled])').map(function () {
       return $(this).attr('value');
     }).get();
@@ -349,8 +300,7 @@ var SelectInput = Base$1.extend({
 /**
  * Build editor Backbone models for tests.
  */
-
-var factories = {
+const factories = {
   /**
    * Build an entry model.
    *
@@ -375,33 +325,65 @@ var factories = {
    *   }
    * });
    */
-  entry: function entry(model, attributes) {
-    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
+  entry: function entry(model, attributes, options = {}) {
     if (typeof model !== 'function') {
       return factories.entry(Entry, model, attributes);
     }
-
     ensureFileTypes(options);
     ensureFilesCollections(options);
+    ensureFileFoldersCollection(options);
     ensureWidgetsCollections(options);
-    var entry = new model(_objectSpread2({
-      id: 1
-    }, attributes), _.extend({
+    const entry = new model({
+      id: 1,
+      ...attributes
+    }, _.extend({
       storylines: new Backbone.Collection(),
       chapters: new Backbone.Collection()
     }, options));
-
     if (entry.setupFromEntryTypeSeed && options.entryTypeSeed) {
       entry.setupFromEntryTypeSeed(options.entryTypeSeed);
     }
-
     return entry;
   },
   theme: function theme(attributes, options) {
     return new Theme(attributes, options);
   },
-
+  /**
+   * Build a real `ReviewSession` pre-populated with state — suitable for
+   * Backbone view specs that would otherwise stub out the session.
+   *
+   * Commenting UI is always gated on a signed-in user; the `currentUser`
+   * default reflects that. Specs override it only when they care about
+   * the current user's identity (permissions, ownership, etc.).
+   *
+   * @param {Object} [options]
+   * @param {Object} [options.currentUser] - Current user exposed via `session.state.currentUser`.
+   * @param {Array}  [options.commentThreads] - Seed threads exposed via `session.state.commentThreads`.
+   * @param {Object} [options.entryId] - Entry id used when constructing request URLs.
+   * @param {Function} [options.request] - Override the request function. Defaults to a jest mock resolving to the seeded state.
+   * @returns {ReviewSession}
+   */
+  reviewSession: function reviewSession({
+    currentUser = {
+      id: 1,
+      name: 'Test User'
+    },
+    commentThreads = [],
+    entryId = 1,
+    request
+  } = {}) {
+    return new ReviewSession({
+      entryId,
+      request: request || jest.fn().mockResolvedValue({
+        currentUser,
+        commentThreads
+      }),
+      initialState: {
+        currentUser,
+        commentThreads
+      }
+    });
+  },
   /**
    * Construct a file type registry that can be passed to {@link
    * #factoriesentry factories.entry}.
@@ -416,11 +398,11 @@ var factories = {
    * @param {Function} fn - Build function.
    * @returns {FileTypes} - A file Type registry
    */
-  fileTypes: function fileTypes(fn) {
+  fileTypes: function (fn) {
     var fileTypes = new FileTypes();
     var fileTypesSetupArray = [];
     var builder = {
-      withImageFileType: function withImageFileType(options) {
+      withImageFileType: function (options) {
         fileTypes.register('image_files', _.extend({
           model: ImageFile,
           matchUpload: /^image/,
@@ -433,7 +415,7 @@ var factories = {
         });
         return this;
       },
-      withVideoFileType: function withVideoFileType(options) {
+      withVideoFileType: function (options) {
         fileTypes.register('video_files', _.extend({
           model: VideoFile,
           matchUpload: /^video/,
@@ -449,7 +431,7 @@ var factories = {
         });
         return this;
       },
-      withAudioFileType: function withAudioFileType(options) {
+      withAudioFileType: function (options) {
         fileTypes.register('audio_files', _.extend({
           model: VideoFile,
           matchUpload: /^audio/,
@@ -465,7 +447,7 @@ var factories = {
         });
         return this;
       },
-      withTextTrackFileType: function withTextTrackFileType(options) {
+      withTextTrackFileType: function (options) {
         fileTypes.register('text_track_files', _.extend({
           model: TextTrackFile,
           matchUpload: /vtt$/
@@ -482,7 +464,6 @@ var factories = {
     fileTypes.setup(fileTypesSetupArray);
     return fileTypes;
   },
-
   /**
   * Shorthand for calling {@link #factoriesfiletypes
   * factories.fileTypes} with a builder function that calls
@@ -491,26 +472,26 @@ var factories = {
   * @param {Object} options - File type options passed to withImageFileType,
   * @returns {FileTypes} - A file Type registry.
   */
-  fileTypesWithImageFileType: function fileTypesWithImageFileType(options) {
+  fileTypesWithImageFileType: function (options) {
     return this.fileTypes(function () {
       this.withImageFileType(options);
     });
   },
-  imageFileType: function imageFileType(options) {
+  imageFileType: function (options) {
     return factories.fileTypesWithImageFileType(options).first();
   },
-  fileType: function fileType(options) {
+  fileType: function (options) {
     return factories.imageFileType(options);
   },
-  filesCollection: function filesCollection(options) {
+  filesCollection: function (options) {
     return FilesCollection.createForFileType(options.fileType, [{}, {}]);
   },
-  nestedFilesCollection: function nestedFilesCollection(options) {
+  nestedFilesCollection: function (options) {
     return new SubsetCollection({
       parentModel: factories.file({
         file_name: options.parentFileName
       }),
-      filter: function filter() {
+      filter: function () {
         return true;
       },
       parent: factories.filesCollection({
@@ -518,7 +499,7 @@ var factories = {
       })
     });
   },
-  videoFileWithTextTrackFiles: function videoFileWithTextTrackFiles(options) {
+  videoFileWithTextTrackFiles: function (options) {
     var fileTypes = this.fileTypes(function () {
       this.withVideoFileType(options.videoFileTypeOptions);
       this.withTextTrackFileType(options.textTrackFileTypeOptions);
@@ -548,7 +529,7 @@ var factories = {
       textTrackFiles: textTrackFiles
     };
   },
-  imageFilesFixture: function imageFilesFixture(options) {
+  imageFilesFixture: function (options) {
     var fileTypes = this.fileTypes(function () {
       this.withImageFileType(options.fileTypeOptions);
     });
@@ -569,49 +550,44 @@ var factories = {
       imageFiles: imageFiles
     };
   },
-  imageFile: function imageFile(attributes, options) {
+  imageFile: function (attributes, options) {
     return new ImageFile(attributes, _.extend({
       fileType: this.imageFileType()
     }, options));
   },
-  file: function file(attributes, options) {
+  file: function (attributes, options) {
     return this.imageFile(attributes, options);
   },
-  widgetTypes: function widgetTypes(attributesList, beforeSetup) {
+  widgetTypes: function (attributesList, beforeSetup) {
     var widgetTypes = new WidgetTypes();
     var attributesListsByRole = {};
-
     _(attributesList).each(function (attributes) {
       attributesListsByRole[attributes.role] = attributesListsByRole[attributes.role] || [];
       attributesListsByRole[attributes.role].push(_.extend({
         translationKey: 'widget_name.' + attributes.name
       }, attributes));
     });
-
     if (beforeSetup) {
       beforeSetup(widgetTypes);
     }
-
     widgetTypes.setup(attributesListsByRole);
     return widgetTypes;
   },
-  editorApi: function editorApi(beforeSetup) {
+  editorApi: function (beforeSetup) {
     var api = new EditorApi({
       router: {
-        navigate: function navigate(path, _ref) {
-          var trigger = _ref.trigger;
-
+        navigate(path, {
+          trigger
+        }) {
           if (trigger) {
             api.trigger('navigate', path);
           }
         }
       }
     });
-
     if (beforeSetup) {
       beforeSetup(api);
     }
-
     api.pageTypes.setup(_.map(api.pageTypes.clientSideConfigs, function (config, name) {
       return {
         name: name,
@@ -624,27 +600,31 @@ var factories = {
     return api;
   }
 };
-
 function ensureFileTypes(options) {
   if (!options.fileTypes) {
     options.fileTypes = new FileTypes();
     options.fileTypes.setup([]);
   }
 }
-
 function ensureFilesCollections(options) {
   if (!options.files) {
     options.files = FilesCollection.createForFileTypes(options.fileTypes, options.filesAttributes);
   }
 }
-
+function ensureFileFoldersCollection(options) {
+  if (!options.fileFolders) {
+    options.fileFolders = new FileFoldersCollection(options.fileFoldersAttributes);
+  }
+}
 function ensureWidgetsCollections(options) {
   if (!options.widgets) {
-    options.widgets = new WidgetsCollection(options.widgetsAttributes);
+    options.widgets = new WidgetsCollection(options.widgetsAttributes, {
+      widgetTypes: options.widgetTypes
+    });
   }
 }
 
-var userAgents = {
+const userAgents = {
   'Safari on iPhone': 'Mozilla/5.0 (iPhone; CPU iPhone OS 10_0_1 like Mac OS X) ' + 'AppleWebKit/602.1.50 (KHTML, like Gecko) Version/10.0' + 'Mobile/14A403 Safari/602.1',
   'Safari on macOS': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14) ' + 'AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0 ' + 'Safari/605.1.15',
   'Chrome on Android': 'Mozilla/5.0 (Linux; Android 10) ' + 'AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.106' + 'Mobile Safari/537.36',
@@ -653,13 +633,12 @@ var userAgents = {
 };
 function fakeBrowserAgent(name) {
   if (!userAgents[name]) {
-    throw new Error("Unknown browser ".concat(name, "."));
+    throw new Error(`Unknown browser ${name}.`);
   }
-
   return new browser.Agent(userAgents[name]);
 }
 
-var state = window.pageflow || {};
+const state = window.pageflow || {};
 
 /**
  * Setup global state for testing Backbone editor components.
@@ -673,42 +652,83 @@ var state = window.pageflow || {};
  *   Properties to set on the global state. Functions as values will
  *   be evaluated and the return value will be assigned instead.
  */
-
-var setupGlobals = function setupGlobals(mapping) {
-  var globalsBackup;
-  beforeEach(function () {
+const setupGlobals = function (mapping) {
+  let globalsBackup;
+  beforeEach(() => {
     if (globalsBackup) {
       throw new Error('There can only be one setupGlobals call per test.');
     }
-
     globalsBackup = {};
     setGlobals(mapping);
   });
-  afterEach(function () {
+  afterEach(() => {
     _.each(mapping, function (_, key) {
       state[key] = globalsBackup[key];
     });
-
     globalsBackup = null;
   });
-
   function setGlobals(mapping) {
     _.each(mapping, function (value, key) {
       globalsBackup[key] = state[key];
       state[key] = typeof value === 'function' ? value.call(this) : value;
     });
-
     return mapping;
   }
-
   return {
-    setGlobals: setGlobals
+    setGlobals
   };
 };
 
+/**
+ * Enable feature flags for the surrounding describe block.
+ *
+ * Each `beforeEach` calls `features.enable(scope, names)`, which both
+ * flips `features.isEnabled` to true for the given names and runs any
+ * functions registered via `features.register` for them. Each
+ * `afterEach` restores the set of enabled features to whatever was
+ * enabled before the helper was invoked, so suites do not leak state
+ * into each other.
+ *
+ * Multiple calls within the same describe block (or across nested
+ * describes) compose: each call adds its own features on top of
+ * whatever previous `useFakeFeatures` calls already enabled.
+ *
+ * @param {String} scope -
+ *   Name of the scope to enable the features in (e.g. `'frontend'`,
+ *   `'editor'`).
+ * @param {String[]} names -
+ *   Feature names to enable in the given scope.
+ *
+ * @example
+ * import {useFakeFeatures} from 'pageflow/testHelpers';
+ * import {features} from 'pageflow/frontend';
+ *
+ * describe('...', () => {
+ *   useFakeFeatures('frontend', ['commenting']);
+ *
+ *   it('...', () => {
+ *     expect(features.isEnabled('commenting')).toBe(true);
+ *   });
+ * });
+ */
+function useFakeFeatures(scope, names) {
+  let originalEnabledFeatureNames;
+  beforeEach(() => {
+    originalEnabledFeatureNames = features.enabledFeatureNames;
+    features.enable(scope, names);
+  });
+  afterEach(() => {
+    features.enabledFeatureNames = originalEnabledFeatureNames;
+  });
+}
+
 /**
  * Define translations to use in tests.
  *
+ * Multiple calls within the same describe block (or across nested
+ * describes) compose: each call's translations are merged on top of
+ * whatever previous `useFakeTranslations` calls already provided.
+ *
  * @param {Object} translations -
  *   A mapping of either the form `(translation key => translated
  *   text)`.  Translation keys can contains dots.
@@ -746,41 +766,35 @@ var setupGlobals = function setupGlobals(mapping) {
  *   });
  * });
  */
-
-function useFakeTranslations(translations) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      multiLocale = _ref.multiLocale;
-
-  var originalTranslations;
+function useFakeTranslations(translations, {
+  multiLocale
+} = {}) {
+  let originalTranslations;
   beforeEach(function () {
     originalTranslations = I18n.translations;
-
+    const base = I18n.translations ? JSON.parse(JSON.stringify(I18n.translations)) : {};
     if (multiLocale) {
-      I18n.translations = keysWithDotsToNestedObjects(translations);
+      applyTranslations(base, translations);
     } else {
-      I18n.translations = {
-        en: keysWithDotsToNestedObjects(translations)
-      };
+      base.en = base.en || {};
+      applyTranslations(base.en, translations);
     }
+    I18n.translations = base;
   });
-  afterEach(function () {
+  afterEach(() => {
     I18n.translations = originalTranslations;
   });
 }
-
-function keysWithDotsToNestedObjects(translations) {
-  return _(translations).reduce(function (result, value, key) {
-    var keys = key.split('.');
-    var last = keys.pop();
-
-    var inner = _(keys).reduce(function (r, key) {
-      r[key] = r[key] || {};
-      return r[key];
-    }, result);
-
+function applyTranslations(target, translations) {
+  _(translations).each((value, key) => {
+    const keys = key.split('.');
+    const last = keys.pop();
+    const inner = _(keys).reduce((r, k) => {
+      r[k] = r[k] || {};
+      return r[k];
+    }, target);
     inner[last] = value;
-    return result;
-  }, {});
+  });
 }
 
-export { ColorInput, ConfigurationEditor, ConfigurationEditorTab, DropDownButton, FileMetaDataTable, FileStageItem, FileThumbnail, RadioButtonGroupInput, ReferenceInput, SelectInput, StaticThumbnail, Table, Tabs, ThemeItem, factories, fakeBrowserAgent, setupGlobals, useFakeTranslations };
+export { ConfigurationEditor, ConfigurationEditorTab, DropDownButton, FileInput, FileMetaDataTable, FileStageItem, FileThumbnail, Base$1 as Input, RadioButtonGroupInput, ReferenceInput, SelectInput, StaticThumbnail, Table, Tabs, ThemeItem, factories, fakeBrowserAgent, renderBackboneView, setupGlobals, useFakeFeatures, useFakeTranslations };