@atlaskit/media-test-helpers 30.1.1 → 30.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/I18nWrapper.js +8 -24
  3. package/dist/cjs/MockGlobalImage.js +0 -16
  4. package/dist/cjs/authProvider.js +0 -18
  5. package/dist/cjs/await-error.js +0 -10
  6. package/dist/cjs/clipboardEventMocks.js +6 -39
  7. package/dist/cjs/createMouseEvent.js +4 -8
  8. package/dist/cjs/createTouchEvent.js +0 -2
  9. package/dist/cjs/docs-content-tabs.js +1 -14
  10. package/dist/cjs/example-mediaFeatureFlags.js +0 -7
  11. package/dist/cjs/exampleMediaItems.js +6 -7
  12. package/dist/cjs/fakeI18n.js +2 -4
  13. package/dist/cjs/fakeMediaClient.js +5 -18
  14. package/dist/cjs/featureFlagsWrapper/dropdown.js +12 -46
  15. package/dist/cjs/featureFlagsWrapper/helpers.js +0 -14
  16. package/dist/cjs/featureFlagsWrapper/index.js +5 -19
  17. package/dist/cjs/fileReader.js +0 -28
  18. package/dist/cjs/fileStateFactory/createFileState.js +9 -27
  19. package/dist/cjs/fileStateFactory/factory.js +7 -44
  20. package/dist/cjs/fileStateFactory/helpers.js +10 -23
  21. package/dist/cjs/fileStateFactory/index.js +0 -3
  22. package/dist/cjs/flushPromises.js +0 -2
  23. package/dist/cjs/getAuthFromContextProvider.js +0 -9
  24. package/dist/cjs/getJest.js +3 -5
  25. package/dist/cjs/globalEventEmitterListeners.js +0 -8
  26. package/dist/cjs/images.js +0 -6
  27. package/dist/cjs/index.js +0 -42
  28. package/dist/cjs/jestHelpers.js +0 -20
  29. package/dist/cjs/keyboardEventWithKeyCode.js +0 -18
  30. package/dist/cjs/mediaClientErrors.js +0 -11
  31. package/dist/cjs/mediaClientProvider.js +1 -17
  32. package/dist/cjs/mediaPickerAuthProvider.js +5 -21
  33. package/dist/cjs/mockCanvas.js +0 -4
  34. package/dist/cjs/mockData/handlers/copyWithToken.js +0 -14
  35. package/dist/cjs/mockData/handlers/getFile.js +0 -8
  36. package/dist/cjs/mockData/handlers/getFileImage.js +0 -9
  37. package/dist/cjs/mockData/handlers/index.js +0 -5
  38. package/dist/cjs/mockData/handlers/tenantAuth.js +0 -6
  39. package/dist/cjs/mockData/handlers/userCollectionFetch.js +0 -11
  40. package/dist/cjs/mockData/index.js +0 -9
  41. package/dist/cjs/mockData/matchers.js +0 -11
  42. package/dist/cjs/mockData/utils.js +10 -10
  43. package/dist/cjs/mockLoadImage.js +2 -14
  44. package/dist/cjs/mocks/database/chunk.js +0 -3
  45. package/dist/cjs/mocks/database/collection-item.js +14 -23
  46. package/dist/cjs/mocks/database/collection.js +0 -2
  47. package/dist/cjs/mocks/database/index.js +5 -23
  48. package/dist/cjs/mocks/database/upload.js +0 -6
  49. package/dist/cjs/mocks/fileAndDirectoriesUtils.js +12 -20
  50. package/dist/cjs/mocks/media-mock.js +14 -45
  51. package/dist/cjs/mocks/routers/api-router.js +78 -162
  52. package/dist/cjs/mocks/routers/index.js +0 -2
  53. package/dist/cjs/mocks/routers/media-playground-router.js +0 -3
  54. package/dist/cjs/mocks/websockets/index.js +0 -1
  55. package/dist/cjs/mocks/websockets/messages.js +0 -9
  56. package/dist/cjs/mocks/websockets/remote-upload-server.js +19 -45
  57. package/dist/cjs/mountWithIntlContext.js +9 -27
  58. package/dist/cjs/nextTick.js +0 -4
  59. package/dist/cjs/renderWithIntl.js +0 -6
  60. package/dist/cjs/story-list.js +4 -22
  61. package/dist/cjs/story-styles.js +0 -6
  62. package/dist/cjs/styled.js +0 -6
  63. package/dist/cjs/timeoutPromise.js +0 -1
  64. package/dist/cjs/ufoLogger.js +0 -7
  65. package/dist/cjs/utils/index.js +2 -11
  66. package/dist/cjs/utils/logging.js +11 -12
  67. package/dist/cjs/utils/mockData.js +5 -19
  68. package/dist/cjs/version.json +1 -1
  69. package/dist/cjs/waitUntil.js +2 -10
  70. package/dist/es2019/I18nWrapper.js +2 -4
  71. package/dist/es2019/MockGlobalImage.js +0 -3
  72. package/dist/es2019/authProvider.js +2 -5
  73. package/dist/es2019/clipboardEventMocks.js +12 -26
  74. package/dist/es2019/createMouseEvent.js +0 -2
  75. package/dist/es2019/docs-content-tabs.js +1 -3
  76. package/dist/es2019/example-mediaFeatureFlags.js +3 -2
  77. package/dist/es2019/exampleMediaItems.js +8 -3
  78. package/dist/es2019/fakeI18n.js +2 -1
  79. package/dist/es2019/fakeMediaClient.js +0 -1
  80. package/dist/es2019/featureFlagsWrapper/dropdown.js +0 -10
  81. package/dist/es2019/featureFlagsWrapper/helpers.js +2 -1
  82. package/dist/es2019/featureFlagsWrapper/index.js +2 -7
  83. package/dist/es2019/fileReader.js +0 -17
  84. package/dist/es2019/fileStateFactory/createFileState.js +6 -14
  85. package/dist/es2019/fileStateFactory/factory.js +4 -15
  86. package/dist/es2019/fileStateFactory/helpers.js +2 -7
  87. package/dist/es2019/getJest.js +3 -6
  88. package/dist/es2019/globalEventEmitterListeners.js +0 -3
  89. package/dist/es2019/images.js +2 -1
  90. package/dist/es2019/keyboardEventWithKeyCode.js +0 -5
  91. package/dist/es2019/mediaClientErrors.js +2 -1
  92. package/dist/es2019/mediaClientProvider.js +1 -1
  93. package/dist/es2019/mediaPickerAuthProvider.js +2 -5
  94. package/dist/es2019/mockData/handlers/copyWithToken.js +0 -2
  95. package/dist/es2019/mockData/handlers/getFile.js +0 -3
  96. package/dist/es2019/mockData/handlers/getFileImage.js +0 -3
  97. package/dist/es2019/mockData/handlers/tenantAuth.js +0 -2
  98. package/dist/es2019/mockData/handlers/userCollectionFetch.js +0 -2
  99. package/dist/es2019/mockData/index.js +0 -2
  100. package/dist/es2019/mockData/utils.js +10 -6
  101. package/dist/es2019/mockLoadImage.js +4 -2
  102. package/dist/es2019/mocks/database/index.js +0 -2
  103. package/dist/es2019/mocks/fileAndDirectoriesUtils.js +20 -14
  104. package/dist/es2019/mocks/media-mock.js +4 -16
  105. package/dist/es2019/mocks/routers/api-router.js +13 -45
  106. package/dist/es2019/mocks/websockets/remote-upload-server.js +11 -14
  107. package/dist/es2019/mountWithIntlContext.js +4 -4
  108. package/dist/es2019/story-list.js +0 -1
  109. package/dist/es2019/ufoLogger.js +0 -1
  110. package/dist/es2019/utils/index.js +0 -2
  111. package/dist/es2019/utils/logging.js +4 -4
  112. package/dist/es2019/utils/mockData.js +5 -3
  113. package/dist/es2019/version.json +1 -1
  114. package/dist/es2019/waitUntil.js +0 -1
  115. package/dist/esm/I18nWrapper.js +8 -12
  116. package/dist/esm/MockGlobalImage.js +0 -10
  117. package/dist/esm/authProvider.js +0 -10
  118. package/dist/esm/await-error.js +0 -6
  119. package/dist/esm/clipboardEventMocks.js +15 -39
  120. package/dist/esm/createMouseEvent.js +4 -6
  121. package/dist/esm/docs-content-tabs.js +2 -5
  122. package/dist/esm/example-mediaFeatureFlags.js +0 -3
  123. package/dist/esm/exampleMediaItems.js +8 -3
  124. package/dist/esm/fakeI18n.js +2 -1
  125. package/dist/esm/fakeMediaClient.js +5 -8
  126. package/dist/esm/featureFlagsWrapper/dropdown.js +12 -30
  127. package/dist/esm/featureFlagsWrapper/helpers.js +0 -3
  128. package/dist/esm/featureFlagsWrapper/index.js +5 -12
  129. package/dist/esm/fileReader.js +0 -28
  130. package/dist/esm/fileStateFactory/createFileState.js +9 -22
  131. package/dist/esm/fileStateFactory/factory.js +7 -41
  132. package/dist/esm/fileStateFactory/helpers.js +10 -18
  133. package/dist/esm/getAuthFromContextProvider.js +0 -3
  134. package/dist/esm/getJest.js +3 -3
  135. package/dist/esm/globalEventEmitterListeners.js +0 -3
  136. package/dist/esm/images.js +2 -1
  137. package/dist/esm/jestHelpers.js +0 -2
  138. package/dist/esm/keyboardEventWithKeyCode.js +0 -10
  139. package/dist/esm/mediaClientErrors.js +0 -3
  140. package/dist/esm/mediaClientProvider.js +1 -1
  141. package/dist/esm/mediaPickerAuthProvider.js +5 -12
  142. package/dist/esm/mockData/handlers/copyWithToken.js +0 -4
  143. package/dist/esm/mockData/handlers/getFile.js +0 -3
  144. package/dist/esm/mockData/handlers/getFileImage.js +0 -3
  145. package/dist/esm/mockData/handlers/tenantAuth.js +0 -2
  146. package/dist/esm/mockData/handlers/userCollectionFetch.js +0 -5
  147. package/dist/esm/mockData/index.js +0 -2
  148. package/dist/esm/mockData/utils.js +10 -6
  149. package/dist/esm/mockLoadImage.js +2 -4
  150. package/dist/esm/mocks/database/collection-item.js +14 -15
  151. package/dist/esm/mocks/database/index.js +5 -7
  152. package/dist/esm/mocks/fileAndDirectoriesUtils.js +12 -13
  153. package/dist/esm/mocks/media-mock.js +14 -26
  154. package/dist/esm/mocks/routers/api-router.js +78 -144
  155. package/dist/esm/mocks/websockets/remote-upload-server.js +19 -24
  156. package/dist/esm/mountWithIntlContext.js +9 -17
  157. package/dist/esm/story-list.js +4 -12
  158. package/dist/esm/story-styles.js +0 -2
  159. package/dist/esm/styled.js +0 -2
  160. package/dist/esm/ufoLogger.js +0 -4
  161. package/dist/esm/utils/index.js +2 -5
  162. package/dist/esm/utils/logging.js +11 -11
  163. package/dist/esm/utils/mockData.js +5 -3
  164. package/dist/esm/version.json +1 -1
  165. package/dist/esm/waitUntil.js +2 -6
  166. package/package.json +4 -4
@@ -32,7 +32,6 @@ export function createDatabase() {
32
32
  database.register('collection', createCollection);
33
33
  database.register('upload', createUpload);
34
34
  database.register('chunk', createChunk);
35
-
36
35
  if (Object.keys(collections).length > 0) {
37
36
  Object.keys(collections).forEach(function (collectionName) {
38
37
  database.push('collection', {
@@ -41,11 +40,11 @@ export function createDatabase() {
41
40
  });
42
41
  collections[collectionName].forEach(function (_ref) {
43
42
  var id = _ref.id,
44
- name = _ref.name,
45
- blob = _ref.blob,
46
- mediaType = _ref.mediaType,
47
- mimeType = _ref.mimeType,
48
- processingStatus = _ref.processingStatus;
43
+ name = _ref.name,
44
+ blob = _ref.blob,
45
+ mediaType = _ref.mediaType,
46
+ mimeType = _ref.mimeType,
47
+ processingStatus = _ref.processingStatus;
49
48
  return database.push('collectionItem', createCollectionItem({
50
49
  id: id,
51
50
  collectionName: collectionName,
@@ -68,6 +67,5 @@ export function createDatabase() {
68
67
  createdAt: Date.now()
69
68
  });
70
69
  }
71
-
72
70
  return database;
73
71
  }
@@ -1,20 +1,24 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
3
2
  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; }
4
-
5
3
  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; }
6
-
7
4
  /**
8
5
  * Some utilities and types around this API -
9
6
  * https://developer.mozilla.org/en-US/docs/Web/API/File_and_Directory_Entries_API/Introduction
10
7
  */
8
+
11
9
  // These APIs are experimental, so such not defined in TS core libraries.
10
+
12
11
  // Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
12
+
13
13
  // Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
14
+
14
15
  // Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
16
+
15
17
  // Represents https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader
18
+
16
19
  var createDataTransferItem = function createDataTransferItem(webkitGetAsEntryResult) {
17
- return (// Using DataTransferItem constructor is illegal
20
+ return (
21
+ // Using DataTransferItem constructor is illegal
18
22
  {
19
23
  getAsFile: function getAsFile() {
20
24
  return null;
@@ -31,7 +35,6 @@ var createDataTransferItem = function createDataTransferItem(webkitGetAsEntryRes
31
35
  }
32
36
  );
33
37
  };
34
-
35
38
  var createFileList = function createFileList(filesArray) {
36
39
  return (// Using FileList constructor is illegal
37
40
  _objectSpread(_objectSpread({}, filesArray), {}, {
@@ -42,7 +45,6 @@ var createFileList = function createFileList(filesArray) {
42
45
  })
43
46
  );
44
47
  };
45
-
46
48
  var createDataTransferItemList = function createDataTransferItemList(itemsArray) {
47
49
  return (// Using DataTransferItemList constructor is illegal
48
50
  _objectSpread(_objectSpread({}, itemsArray), {}, {
@@ -63,10 +65,10 @@ var createDataTransferItemList = function createDataTransferItemList(itemsArray)
63
65
  })
64
66
  );
65
67
  };
66
-
67
68
  var createDataTransfer = function createDataTransfer(files, items) {
68
- var dataTransfer = new DataTransfer(); // Since `files` and `items` are readonly - this is the only way assigning these values
69
+ var dataTransfer = new DataTransfer();
69
70
 
71
+ // Since `files` and `items` are readonly - this is the only way assigning these values
70
72
  Object.defineProperty(dataTransfer, 'files', {
71
73
  value: files
72
74
  });
@@ -75,7 +77,6 @@ var createDataTransfer = function createDataTransfer(files, items) {
75
77
  });
76
78
  return dataTransfer;
77
79
  };
78
-
79
80
  export var createFileSystemFileEntry = function createFileSystemFileEntry(name, fullPath, imageFile) {
80
81
  return {
81
82
  isDirectory: false,
@@ -86,11 +87,9 @@ export var createFileSystemFileEntry = function createFileSystemFileEntry(name,
86
87
  function file(_x) {
87
88
  return _file.apply(this, arguments);
88
89
  }
89
-
90
90
  file.toString = function () {
91
91
  return _file.toString();
92
92
  };
93
-
94
93
  return file;
95
94
  }(function (resolve) {
96
95
  return resolve(imageFile);
@@ -118,8 +117,8 @@ export var createDropEventWithFiles = function createDropEventWithFiles(fileSyst
118
117
  var fileList = createFileList(files);
119
118
  var dataTransferItemList = createDataTransferItemList([dataTransferItem]);
120
119
  var dataTransfer = createDataTransfer(fileList, dataTransferItemList);
121
- var event = new DragEvent('drop'); // Way around assigning readonly value
122
-
120
+ var event = new DragEvent('drop');
121
+ // Way around assigning readonly value
123
122
  Object.defineProperty(event, 'dataTransfer', {
124
123
  value: dataTransfer
125
124
  });
@@ -20,35 +20,26 @@ var fileName = 'image.png';
20
20
  export var MediaMock = /*#__PURE__*/function () {
21
21
  function MediaMock(collections) {
22
22
  _classCallCheck(this, MediaMock);
23
-
24
23
  _defineProperty(this, "server", new Server());
25
-
26
24
  _defineProperty(this, "routers", []);
27
-
28
25
  _defineProperty(this, "dbs", []);
29
-
30
26
  _defineProperty(this, "websockets", []);
31
-
32
27
  this.collections = collections;
33
28
  }
34
-
35
29
  _createClass(MediaMock, [{
36
30
  key: "enable",
37
31
  value: function enable() {
38
32
  var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
39
33
  var isSlowServer = config.isSlowServer,
40
- urlsReturnErrorsTo = config.urlsReturnErrorsTo,
41
- mockRemoteUploadActivity = config.mockRemoteUploadActivity;
42
-
34
+ urlsReturnErrorsTo = config.urlsReturnErrorsTo,
35
+ mockRemoteUploadActivity = config.mockRemoteUploadActivity;
43
36
  if (!exenv.canUseDOM) {
44
37
  return;
45
38
  }
46
-
47
39
  this.routers = [createMediaPlaygroundRouter(), createApiRouter(isSlowServer, urlsReturnErrorsTo)];
48
40
  var database = createDatabase(this.collections);
49
41
  this.dbs = [database];
50
42
  [].concat(_toConsumableArray(this.routers), _toConsumableArray(this.dbs)).forEach(this.server.use.bind(this.server));
51
-
52
43
  if (mockRemoteUploadActivity) {
53
44
  var wsServer = new RemoteUploadActivityServer({
54
45
  database: database,
@@ -57,7 +48,6 @@ export var MediaMock = /*#__PURE__*/function () {
57
48
  wsServer.start();
58
49
  this.websockets = [wsServer];
59
50
  }
60
-
61
51
  if (window) {
62
52
  window.mediaMockControlsBackdoor = mediaMockControlsBackdoor;
63
53
  }
@@ -80,20 +70,19 @@ export var MediaMock = /*#__PURE__*/function () {
80
70
  this.websockets = [];
81
71
  }
82
72
  }]);
83
-
84
73
  return MediaMock;
85
74
  }();
86
75
  export function generateFilesFromTestData(files) {
87
76
  return files.map(function (file) {
88
77
  var _file$processingStatu = file.processingStatus,
89
- processingStatus = _file$processingStatu === void 0 ? 'succeeded' : _file$processingStatu,
90
- dataUri = file.dataUri,
91
- _file$id = file.id,
92
- id = _file$id === void 0 ? uuid() : _file$id,
93
- _file$name = file.name,
94
- name = _file$name === void 0 ? "test-file-".concat(id) : _file$name,
95
- _file$mediaType = file.mediaType,
96
- mediaType = _file$mediaType === void 0 ? 'image' : _file$mediaType;
78
+ processingStatus = _file$processingStatu === void 0 ? 'succeeded' : _file$processingStatu,
79
+ dataUri = file.dataUri,
80
+ _file$id = file.id,
81
+ id = _file$id === void 0 ? uuid() : _file$id,
82
+ _file$name = file.name,
83
+ name = _file$name === void 0 ? "test-file-".concat(id) : _file$name,
84
+ _file$mediaType = file.mediaType,
85
+ mediaType = _file$mediaType === void 0 ? 'image' : _file$mediaType;
97
86
  var blob = dataUri && dataUri !== '' ? mapDataUriToBlob(dataUri) : undefined;
98
87
  return {
99
88
  id: id,
@@ -118,33 +107,32 @@ var mediaMockControlsBackdoor = {
118
107
  mediaMock.disable();
119
108
  mediaMock.enable(config);
120
109
  },
121
-
122
110
  /**
123
111
  * Used to simulate the dragging of a folder (which contains a singular image) into the editor
124
112
  * Library used for folder uploads: https://github.com/zzarcon/flat-files
125
113
  */
126
114
  uploadFolderFromDrag: function uploadFolderFromDrag() {
127
- var fileSystemFileEntry = createFileSystemFileEntry(fileName, "folder_one/folder_two/".concat(fileName), imageFile); // Represents a folder that contains a file
115
+ var fileSystemFileEntry = createFileSystemFileEntry(fileName, "folder_one/folder_two/".concat(fileName), imageFile);
128
116
 
117
+ // Represents a folder that contains a file
129
118
  var directoryEntryContainingFile = createFileSystemDirectoryEntry(fileName, "folder_one/folder_two/", [fileSystemFileEntry]);
130
119
  var event = createDropEventWithFiles(directoryEntryContainingFile, [imageFile]);
131
120
  document.body.dispatchEvent(event);
132
121
  document.body.querySelector('.fabric-editor-popup-scroll-parent').dispatchEvent(event);
133
122
  },
134
-
135
123
  /**
136
124
  * Used to simulate the dragging of a folder, which contains a folder (which contains multiple images)
137
125
  **/
138
126
  uploadFolderContainingFolderFromDrag: function uploadFolderContainingFolderFromDrag() {
139
127
  var fileSystemFileEntry = createFileSystemFileEntry(fileName, "folder_one/folder_two/".concat(fileName), imageFile);
140
- var directoryEntryContainingFiles = createFileSystemDirectoryEntry(fileName, "folder_one/folder_two/", [fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry]); // Represents a folder that contains a folder
128
+ var directoryEntryContainingFiles = createFileSystemDirectoryEntry(fileName, "folder_one/folder_two/", [fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry]);
141
129
 
130
+ // Represents a folder that contains a folder
142
131
  var directoryEntry = createFileSystemDirectoryEntry(fileName, "folder_one/", [directoryEntryContainingFiles]);
143
132
  var event = createDropEventWithFiles(directoryEntry, [imageFile, imageFile, imageFile, imageFile]);
144
133
  document.body.dispatchEvent(event);
145
134
  document.body.querySelector('.fabric-editor-popup-scroll-parent').dispatchEvent(event);
146
135
  },
147
-
148
136
  /**
149
137
  * Used to simulate the dragging of an image into the editor
150
138
  * In the future we should consider using a general approach to uploading files as mentioned here: