@atlaskit/media-test-helpers 29.0.1 → 29.2.1

package/dist/es2019/fileStateFactory/helpers.js

@@ -0,0 +1,86 @@
+import { v4 as uuidv4 } from 'uuid';
+export const defaultFileDetails = {
+  createdAt: 1630986510989,
+  mediaType: 'image',
+  mimeType: 'image/png',
+  name: 'file-name.png',
+  size: 1
+}; // min inclusive / max exclusive
+
+function random(min = 0, max = 10000) {
+  min = Math.ceil(min);
+  max = Math.floor(max) - 1;
+  const result = Math.floor(Math.random() * (max - min + 1)) + min;
+  return result;
+}
+
+const getRandomElem = arr => arr[Math.floor(Math.random() * arr.length)];
+
+export const createIdentifier = ({
+  collectionName = `collection-${random()}`,
+  occurrenceKey = `occurrence-${random()}`
+} = {}) => ({
+  mediaItemType: 'file',
+  id: uuidv4(),
+  collectionName,
+  occurrenceKey
+});
+
+const generateFileName = extension => {
+  const fileNames = ['quick-and-dirty', 'quality-time', 'down-for-the-count', 'hard-pill-to-swallow', 'between-a-rock-and-a-hard-place', 'fish-out-of-water', 'top-drawer', 'like-father-like-son', 'mountain-out-of-a-molehill', 'under-your-nose', 'a-chip-on-your-shoulder', 'hit-below-the-belt'];
+  return `${getRandomElem(fileNames)}.${extension}`;
+};
+
+const mediaTypesDetails = {
+  image: {
+    ext: 'png',
+    mimeType: 'image/png'
+  },
+  video: {
+    ext: 'mp4',
+    mimeType: 'video/mp4'
+  },
+  doc: {
+    ext: 'pdf',
+    mimeType: 'application/pdf'
+  },
+  unknown: {
+    ext: 'unknown',
+    mimeType: 'unknown'
+  },
+  audio: {
+    ext: 'mp3',
+    mimeType: 'audio/mpeg'
+  },
+  archive: {
+    ext: 'zip',
+    mimeType: 'application/zip'
+  }
+};
+const mediaTypes = Object.keys(mediaTypesDetails);
+
+const generateMediaTypeDetails = mediaType => {
+  const {
+    mimeType,
+    ext
+  } = mediaTypesDetails[mediaType];
+  return {
+    mimeType,
+    name: generateFileName(ext)
+  };
+};
+
+export const createFileDetails = (id, mediaType = getRandomElem(mediaTypes)) => {
+  const {
+    mimeType,
+    name
+  } = generateMediaTypeDetails(mediaType);
+  return {
+    id,
+    createdAt: random(),
+    size: random(),
+    name,
+    mediaType,
+    mimeType
+  };
+};

package/dist/es2019/fileStateFactory/index.js

@@ -0,0 +1,3 @@
+export { FileStateFactory, MediaClientMock } from './factory';
+export { createIdentifier, createFileDetails } from './helpers';
+export { createFileState } from './createFileState';

package/dist/es2019/index.js

@@ -36,5 +36,6 @@ export { enableMockGlobalImage, disableMockGlobalImage } from './MockGlobalImage
 export { exampleMediaFeatureFlags } from './example-mediaFeatureFlags';
 export { dataURItoBlob } from './mockData/utils';
 export { mapDataUriToBlob } from './utils/index';
-export { createPollingMaxAttemptsError, createRateLimitedError } from './mediaClientErrors';
-export { default as FeatureFlagsWrapper } from './featureFlagsWrapper';
+export { createPollingMaxAttemptsError, createRateLimitedError, createMediaStoreError } from './mediaClientErrors';
+export { default as FeatureFlagsWrapper } from './featureFlagsWrapper';
+export { FileStateFactory, MediaClientMock, createIdentifier, createFileDetails, createFileState } from './fileStateFactory';

package/dist/es2019/mediaClientErrors.js

@@ -1,5 +1,6 @@
-import { RequestError, PollingError } from '@atlaskit/media-client';
+import { RequestError, PollingError, MediaStoreError } from '@atlaskit/media-client';
 export const createRateLimitedError = (metadata = {}) => new RequestError('serverRateLimited', { ...metadata,
   statusCode: 429
 });
-export const createPollingMaxAttemptsError = (attempts = 1) => new PollingError('pollingMaxAttemptsExceeded', attempts);
+export const createPollingMaxAttemptsError = (attempts = 1) => new PollingError('pollingMaxAttemptsExceeded', attempts);
+export const createMediaStoreError = () => new MediaStoreError('missingInitialAuth');

package/dist/es2019/mockData/matchers.js

@@ -1,4 +1,4 @@
-import matches from 'lodash/matches';
+import { matches } from '@atlaskit/media-common';
 export const matchMethod = (req, data) => {
   return data.method ? data.method === req.method() : true;
 };

package/dist/es2019/mocks/media-mock.js

@@ -81,7 +81,7 @@ export function generateFilesFromTestData(files) {
     return {
       id,
       blob,
-      mimeType: blob && blob.type || 'inode/x-empty',
+      mimeType: blob && blob.type || file.mimeType || 'inode/x-empty',
       mediaType,
       name,
       size: blob && blob.size || 0,

package/dist/es2019/renderWithIntl.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IntlProvider } from 'react-intl-next';
+import { render } from '@testing-library/react';
+export const renderWithIntl = component => {
+  return render( /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: "en"
+  }, component));
+};

package/dist/es2019/smart-card-state.js

@@ -0,0 +1,100 @@
+export const url = 'https://bitbucket.org/atlassian/incredible-monorepo/pull-requests/42';
+export const cardState = {
+  status: 'resolved',
+  lastUpdatedAt: 1624877833614,
+  details: {
+    meta: {
+      access: 'granted',
+      visibility: 'restricted',
+      auth: [{
+        key: 'bitbucket',
+        displayName: 'Atlassian Links - Bitbucket',
+        url: 'https://id.stg.internal.atlassian.com/outboundAuth/start?containerId=4d6a1ee9-20b3-492f-a0b6-3bab6c763a8e_3f823978-fbc9-4baa-95e2-1b4c89a73027&serviceKey=bitbucket'
+      }],
+      definitionId: 'a2d59c5a-952f-4996-8cf6-1d0ad318731a',
+      key: 'bitbucket-object-provider',
+      resourceType: 'pull',
+      version: '2.0.2'
+    },
+    data: {
+      '@id': url,
+      '@context': {
+        '@vocab': 'https://www.w3.org/ns/activitystreams#',
+        atlassian: 'https://schema.atlassian.com/ns/vocabulary#',
+        schema: 'http://schema.org/'
+      },
+      '@type': ['Object', 'atlassian:SourceCodePullRequest'],
+      url,
+      attributedTo: {
+        '@type': 'Person',
+        name: 'Matt Turner',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/initials/MT-4.png'
+      },
+      'schema:dateCreated': '2019-12-12T03:20:14.858Z',
+      generator: {
+        '@type': 'Application',
+        name: 'Bitbucket',
+        icon: {
+          '@type': 'Image',
+          url: 'https://wac-cdn.atlassian.com/assets/img/favicons/bitbucket/favicon-32x32.png'
+        }
+      },
+      icon: {
+        '@type': 'Image',
+        url: 'https://wac-cdn.atlassian.com/assets/img/favicons/bitbucket/favicon-32x32.png'
+      },
+      name: 'Normalise package config',
+      summary: '',
+      'atlassian:mergeSource': {
+        '@type': 'Link',
+        href: 'https://bitbucket.org/atlassian/incredible-monorepo/branch/normalise-package-config'
+      },
+      'atlassian:mergeDestination': {
+        '@type': 'Link',
+        href: 'https://bitbucket.org/atlassian/incredible-monorepo/branch/master'
+      },
+      updated: '2019-12-12T03:40:43.420Z',
+      'atlassian:mergeCommit': {
+        '@type': 'Link',
+        href: 'https://bitbucket.org/atlassian/incredible-monorepo/commits/56139bbc3793'
+      },
+      'atlassian:internalId': '42',
+      'atlassian:isMerged': true,
+      'atlassian:state': 'MERGED',
+      'atlassian:mergedBy': {
+        '@type': 'Person',
+        name: 'Matt Turner',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/initials/MT-4.png'
+      },
+      'atlassian:reviewer': [{
+        '@type': 'Person',
+        name: 'ᴄᴏsᴍᴏ',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/default-avatar-1.png'
+      }],
+      'atlassian:reviewedBy': [{
+        '@type': 'Person',
+        name: 'ᴄᴏsᴍᴏ',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/default-avatar-1.png'
+      }],
+      'atlassian:updatedBy': {
+        '@type': 'Person',
+        name: 'Matt Turner',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/initials/MT-4.png'
+      },
+      audience: [{
+        '@type': 'Person',
+        name: 'Matt Turner',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/initials/MT-4.png'
+      }, {
+        '@type': 'Person',
+        name: 'ᴄᴏsᴍᴏ',
+        image: 'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/default-avatar-1.png'
+      }],
+      context: {
+        '@type': 'atlassian:SourceCodeRepository',
+        name: 'incredible-monorepo',
+        url: 'https://bitbucket.org/atlassian/incredible-monorepo'
+      }
+    }
+  }
+};

package/dist/es2019/story-styles.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from '@emotion/styled';
 export const Matrix = styled.table`
   thead {
     td {

package/dist/es2019/styled.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from '@emotion/styled';
 export const LocaleSelectorWrapper = styled.div`
   position: fixed;
   right: 20px;

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "29.0.1"
+	"version": "29.2.1"
 }

package/dist/esm/MockGlobalImage.js

@@ -1,3 +1,4 @@
+import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -27,7 +28,7 @@ var MockImage = /*#__PURE__*/function (_global$Image) {
     return _this;
   }
 
-  return MockImage;
+  return _createClass(MockImage);
 }(global.Image);
 
 export function enableMockGlobalImage() {

package/dist/esm/clipboardEventMocks.js

@@ -158,7 +158,7 @@ export var getMockClipboardEvent = function getMockClipboardEvent() {
       return _this;
     }
 
-    return MockClipboardEvent;
+    return _createClass(MockClipboardEvent);
   }( /*#__PURE__*/_wrapNativeSuper(Event));
 };
 export var MockDragEvent = function MockDragEvent() {

package/dist/esm/example-mediaFeatureFlags.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { defaultMediaFeatureFlags } from '@atlaskit/media-common';
 export var exampleMediaFeatureFlags = _objectSpread({}, defaultMediaFeatureFlags);

package/dist/esm/featureFlagsWrapper/dropdown.js

@@ -10,12 +10,12 @@ import Textfield from '@atlaskit/textfield';
 import { getMediaFeatureFlags, clearAllLocalFeatureFlags, setLocalFeatureFlag } from './helpers';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import HipchatChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import Button from '@atlaskit/button';
+import Button from '@atlaskit/button/standard-button';
 import Tooltip from '@atlaskit/tooltip';
-import styled from 'styled-components';
+import styled from '@emotion/styled';
 import Popup from '@atlaskit/popup';
 import { Checkbox } from '@atlaskit/checkbox';
-import debounce from 'lodash/debounce';
+import { debounce } from '@atlaskit/media-common';
 
 var camelCaseToSentenceCase = function camelCaseToSentenceCase(text) {
   var result = text.replace(/([A-Z])/g, ' $1');

package/dist/esm/featureFlagsWrapper/helpers.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { defaultMediaFeatureFlags, getMediaFeatureFlag } from '@atlaskit/media-common';
 var mediaFeatureFlagsKeys = Object.keys(defaultMediaFeatureFlags);

package/dist/esm/fileReader.js

@@ -2,6 +2,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
@@ -9,7 +10,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var MockFileReader = function MockFileReader() {
+var MockFileReader = /*#__PURE__*/_createClass(function MockFileReader() {
   var _this = this;
 
   var result = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'mockResult';
@@ -37,7 +38,7 @@ var MockFileReader = function MockFileReader() {
   }));
 
   this.result = result;
-};
+});
 
 var mockFileReaderError = {
   message: 'error'
@@ -66,7 +67,7 @@ var MockFileReaderWithError = /*#__PURE__*/function (_MockFileReader) {
     return _this2;
   }
 
-  return MockFileReaderWithError;
+  return _createClass(MockFileReaderWithError);
 }(MockFileReader);
 
 var GlobalFileReader = global.FileReader;

package/dist/esm/fileStateFactory/createFileState.js

@@ -0,0 +1,80 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { tallImage } from '../';
+var localPreview = {
+  value: tallImage
+};
+var brokenLocalPreview = {
+  value: 'broken-data-uri'
+};
+var remotePreview = {
+  image: {}
+};
+export var createFileState = function createFileState(id, status) {
+  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+      withRemotePreview = _ref.withRemotePreview,
+      withLocalPreview = _ref.withLocalPreview,
+      withBrokenLocalPreview = _ref.withBrokenLocalPreview,
+      uploadProgress = _ref.uploadProgress,
+      fileDetails = _ref.fileDetails;
+
+  var extendState = {};
+
+  if (uploadProgress) {
+    extendState.progress = uploadProgress;
+  } // REMOTE PREVIEW
+
+
+  if (withRemotePreview) {
+    extendState.representations = remotePreview;
+  } else if (withRemotePreview === false) {
+    extendState.representations = {};
+  } // LOCAL PREVIEW
+
+
+  if (withLocalPreview) {
+    extendState.preview = localPreview;
+  } else if (withBrokenLocalPreview) {
+    extendState.preview = brokenLocalPreview;
+  }
+
+  var base = _objectSpread(_objectSpread(_objectSpread({}, fileDetails), extendState), {}, {
+    id: id
+  });
+
+  switch (status) {
+    case 'uploading':
+      return _objectSpread({
+        status: 'uploading',
+        progress: 0
+      }, base);
+
+    case 'processing':
+      return _objectSpread({
+        status: 'processing'
+      }, base);
+
+    case 'processed':
+      return _objectSpread({
+        status: 'processed',
+        representations: remotePreview,
+        artifacts: {}
+      }, base);
+
+    case 'failed-processing':
+      return _objectSpread({
+        status: 'failed-processing'
+      }, base);
+
+    case 'error':
+    default:
+      return {
+        id: id,
+        status: 'error'
+      };
+  }
+};

package/dist/esm/fileStateFactory/factory.js

@@ -0,0 +1,161 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import { tallImage, dataURItoBlob } from '..';
+import { MediaClient, createFileStateSubject } from '@atlaskit/media-client';
+import { createFileState } from './createFileState';
+import { createFileDetails } from './helpers';
+import { sleep } from '../nextTick';
+export var MediaClientMock = /*#__PURE__*/function (_MediaClient) {
+  _inherits(MediaClientMock, _MediaClient);
+
+  var _super = _createSuper(MediaClientMock);
+
+  function MediaClientMock(observable, mediaClientConfig, featureFlags) {
+    var _this;
+
+    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+
+    _classCallCheck(this, MediaClientMock);
+
+    _this = _super.call(this, mediaClientConfig, featureFlags);
+
+    _defineProperty(_assertThisInitialized(_this), "updateObserbable", function (newObservable) {
+      _this.observable = newObservable;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getImage", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _this$options$getImag, getImageDelay;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _this$options$getImag = _this.options.getImageDelay, getImageDelay = _this$options$getImag === void 0 ? 0 : _this$options$getImag;
+              _context.next = 3;
+              return sleep(getImageDelay);
+
+            case 3:
+              return _context.abrupt("return", dataURItoBlob(tallImage));
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+
+    _defineProperty(_assertThisInitialized(_this), "mockFileFetcher", function () {
+      _this.file.getFileState = function () {
+        return _this.observable;
+      };
+    });
+
+    _this.observable = observable;
+    _this.options = options;
+
+    _this.mockFileFetcher();
+
+    return _this;
+  }
+
+  return _createClass(MediaClientMock);
+}(MediaClient);
+var mockConfig = {
+  authProvider: function () {
+    var _authProvider = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              return _context2.abrupt("return", {
+                clientId: 'some-client',
+                token: 'some-token',
+                baseUrl: 'some-url'
+              });
+
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    function authProvider() {
+      return _authProvider.apply(this, arguments);
+    }
+
+    return authProvider;
+  }()
+};
+
+/**
+ * A fake Media Client that provides a backdoor to inject
+ * simulated file states. With this class, we can test several scenarios
+ * without having to recreate them all in the backend.
+ */
+export var FileStateFactory = /*#__PURE__*/_createClass(function FileStateFactory(identifier) {
+  var _this2 = this;
+
+  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _fileDetails = _ref2.fileDetails,
+      _ref2$mediaClientConf = _ref2.mediaClientConfig,
+      mediaClientConfig = _ref2$mediaClientConf === void 0 ? mockConfig : _ref2$mediaClientConf,
+      featureFlags = _ref2.featureFlags,
+      mediaClientMockOptions = _ref2.mediaClientMockOptions;
+
+  _classCallCheck(this, FileStateFactory);
+
+  _defineProperty(this, "updateIdentifier", function (identifier, fileDetails) {
+    _this2.identifier = identifier;
+    _this2.fileDetails = fileDetails || createFileDetails(_this2.identifier.id);
+    _this2.observable = createFileStateSubject();
+
+    _this2.mediaClient.updateObserbable(_this2.observable);
+  });
+
+  _defineProperty(this, "subscription", {
+    next: function next(fileState) {
+      _this2.observable.next(fileState);
+    },
+    error: function error(_error) {
+      _this2.observable.error(_error);
+    }
+  });
+
+  _defineProperty(this, "createFileState", function (status, options) {
+    return createFileState(_this2.identifier.id, status, _objectSpread(_objectSpread({}, options), {}, {
+      fileDetails: (options === null || options === void 0 ? void 0 : options.fileDetails) || _this2.fileDetails
+    }));
+  });
+
+  _defineProperty(this, "next", function (status, options) {
+    _this2.subscription.next(_this2.createFileState(status, options));
+  });
+
+  _defineProperty(this, "error", function (error) {
+    _this2.subscription.error(error);
+  });
+
+  this.identifier = identifier;
+  this.fileDetails = _fileDetails || createFileDetails(this.identifier.id);
+  this.observable = createFileStateSubject();
+  this.mediaClient = new MediaClientMock(this.observable, mediaClientConfig, featureFlags, mediaClientMockOptions);
+});