@atlaskit/media-test-helpers 34.4.6 → 34.5.1
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.
- package/CHANGELOG.md +18 -0
- package/dist/cjs/mocks/fileAndDirectoriesUtils.js +1 -21
- package/dist/cjs/mocks/media-mock.js +0 -26
- package/dist/es2019/mocks/fileAndDirectoriesUtils.js +0 -16
- package/dist/es2019/mocks/media-mock.js +1 -27
- package/dist/esm/mocks/fileAndDirectoriesUtils.js +0 -20
- package/dist/esm/mocks/media-mock.js +1 -27
- package/dist/types/mocks/fileAndDirectoriesUtils.d.ts +0 -7
- package/dist/types/mocks/media-mock.d.ts +0 -2
- package/dist/types-ts4.5/mocks/fileAndDirectoriesUtils.d.ts +0 -7
- package/dist/types-ts4.5/mocks/media-mock.d.ts +0 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/media-test-helpers
|
|
2
2
|
|
|
3
|
+
## 34.5.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 34.5.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#151581](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151581)
|
|
14
|
+
[`f1c0ae301860f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f1c0ae301860f) -
|
|
15
|
+
Remove test helpers related to flat-files
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 34.4.6
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.createFileSystemFileEntry = exports.
|
|
7
|
+
exports.createFileSystemFileEntry = exports.createDropEventWithFiles = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
10
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -19,10 +19,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
19
19
|
|
|
20
20
|
// Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
|
|
21
21
|
|
|
22
|
-
// Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
|
|
23
|
-
|
|
24
|
-
// Represents https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader
|
|
25
|
-
|
|
26
22
|
var createDataTransferItem = function createDataTransferItem(webkitGetAsEntryResult) {
|
|
27
23
|
return (
|
|
28
24
|
// Using DataTransferItem constructor is illegal
|
|
@@ -95,22 +91,6 @@ var createFileSystemFileEntry = exports.createFileSystemFileEntry = function cre
|
|
|
95
91
|
}
|
|
96
92
|
};
|
|
97
93
|
};
|
|
98
|
-
var createFileSystemDirectoryEntry = exports.createFileSystemDirectoryEntry = function createFileSystemDirectoryEntry(name, fullPath, fileEntries) {
|
|
99
|
-
return {
|
|
100
|
-
isDirectory: true,
|
|
101
|
-
isFile: false,
|
|
102
|
-
name: name,
|
|
103
|
-
fullPath: fullPath,
|
|
104
|
-
createReader: function createReader() {
|
|
105
|
-
var reader = {
|
|
106
|
-
readEntries: function readEntries(resolver) {
|
|
107
|
-
return resolver(fileEntries);
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
return reader;
|
|
111
|
-
}
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
94
|
var createDropEventWithFiles = exports.createDropEventWithFiles = function createDropEventWithFiles(fileSystemEntry, files) {
|
|
115
95
|
var dataTransferItem = createDataTransferItem(fileSystemEntry);
|
|
116
96
|
var fileList = createFileList(files);
|
|
@@ -119,32 +119,6 @@ var mediaMockControlsBackdoor = {
|
|
|
119
119
|
mediaMock.disable();
|
|
120
120
|
mediaMock.enable(config);
|
|
121
121
|
},
|
|
122
|
-
/**
|
|
123
|
-
* Used to simulate the dragging of a folder (which contains a singular image) into the editor
|
|
124
|
-
* Library used for folder uploads: https://github.com/zzarcon/flat-files
|
|
125
|
-
*/
|
|
126
|
-
uploadFolderFromDrag: function uploadFolderFromDrag() {
|
|
127
|
-
var fileSystemFileEntry = (0, _fileAndDirectoriesUtils.createFileSystemFileEntry)(fileName, "folder_one/folder_two/".concat(fileName), imageFile);
|
|
128
|
-
|
|
129
|
-
// Represents a folder that contains a file
|
|
130
|
-
var directoryEntryContainingFile = (0, _fileAndDirectoriesUtils.createFileSystemDirectoryEntry)(fileName, "folder_one/folder_two/", [fileSystemFileEntry]);
|
|
131
|
-
var event = (0, _fileAndDirectoriesUtils.createDropEventWithFiles)(directoryEntryContainingFile, [imageFile]);
|
|
132
|
-
document.body.dispatchEvent(event);
|
|
133
|
-
document.body.querySelector('.fabric-editor-popup-scroll-parent').dispatchEvent(event);
|
|
134
|
-
},
|
|
135
|
-
/**
|
|
136
|
-
* Used to simulate the dragging of a folder, which contains a folder (which contains multiple images)
|
|
137
|
-
**/
|
|
138
|
-
uploadFolderContainingFolderFromDrag: function uploadFolderContainingFolderFromDrag() {
|
|
139
|
-
var fileSystemFileEntry = (0, _fileAndDirectoriesUtils.createFileSystemFileEntry)(fileName, "folder_one/folder_two/".concat(fileName), imageFile);
|
|
140
|
-
var directoryEntryContainingFiles = (0, _fileAndDirectoriesUtils.createFileSystemDirectoryEntry)(fileName, "folder_one/folder_two/", [fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry]);
|
|
141
|
-
|
|
142
|
-
// Represents a folder that contains a folder
|
|
143
|
-
var directoryEntry = (0, _fileAndDirectoriesUtils.createFileSystemDirectoryEntry)(fileName, "folder_one/", [directoryEntryContainingFiles]);
|
|
144
|
-
var event = (0, _fileAndDirectoriesUtils.createDropEventWithFiles)(directoryEntry, [imageFile, imageFile, imageFile, imageFile]);
|
|
145
|
-
document.body.dispatchEvent(event);
|
|
146
|
-
document.body.querySelector('.fabric-editor-popup-scroll-parent').dispatchEvent(event);
|
|
147
|
-
},
|
|
148
122
|
/**
|
|
149
123
|
* Used to simulate the dragging of an image into the editor
|
|
150
124
|
* In the future we should consider using a general approach to uploading files as mentioned here:
|
|
@@ -9,10 +9,6 @@
|
|
|
9
9
|
|
|
10
10
|
// Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
|
|
11
11
|
|
|
12
|
-
// Based on https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
|
|
13
|
-
|
|
14
|
-
// Represents https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader
|
|
15
|
-
|
|
16
12
|
const createDataTransferItem = webkitGetAsEntryResult => (
|
|
17
13
|
// Using DataTransferItem constructor is illegal
|
|
18
14
|
{
|
|
@@ -62,18 +58,6 @@ export const createFileSystemFileEntry = (name, fullPath, imageFile) => ({
|
|
|
62
58
|
fullPath,
|
|
63
59
|
file: resolve => resolve(imageFile)
|
|
64
60
|
});
|
|
65
|
-
export const createFileSystemDirectoryEntry = (name, fullPath, fileEntries) => ({
|
|
66
|
-
isDirectory: true,
|
|
67
|
-
isFile: false,
|
|
68
|
-
name,
|
|
69
|
-
fullPath,
|
|
70
|
-
createReader: () => {
|
|
71
|
-
const reader = {
|
|
72
|
-
readEntries: resolver => resolver(fileEntries)
|
|
73
|
-
};
|
|
74
|
-
return reader;
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
61
|
export const createDropEventWithFiles = (fileSystemEntry, files) => {
|
|
78
62
|
const dataTransferItem = createDataTransferItem(fileSystemEntry);
|
|
79
63
|
const fileList = createFileList(files);
|
|
@@ -8,7 +8,7 @@ import { RemoteUploadActivityServer } from './websockets';
|
|
|
8
8
|
import { mapDataUriToBlob } from '../utils';
|
|
9
9
|
import { dataURItoFile } from '@atlaskit/media-ui/util';
|
|
10
10
|
import { smallImage } from '../dataURIs/smallImageURI';
|
|
11
|
-
import { createDropEventWithFiles,
|
|
11
|
+
import { createDropEventWithFiles, createFileSystemFileEntry } from './fileAndDirectoriesUtils';
|
|
12
12
|
const blob = dataURItoFile(smallImage);
|
|
13
13
|
const imageFile = new File([blob], 'image.png', {
|
|
14
14
|
type: 'image/png'
|
|
@@ -89,32 +89,6 @@ const mediaMockControlsBackdoor = {
|
|
|
89
89
|
mediaMock.disable();
|
|
90
90
|
mediaMock.enable(config);
|
|
91
91
|
},
|
|
92
|
-
/**
|
|
93
|
-
* Used to simulate the dragging of a folder (which contains a singular image) into the editor
|
|
94
|
-
* Library used for folder uploads: https://github.com/zzarcon/flat-files
|
|
95
|
-
*/
|
|
96
|
-
uploadFolderFromDrag: () => {
|
|
97
|
-
const fileSystemFileEntry = createFileSystemFileEntry(fileName, `folder_one/folder_two/${fileName}`, imageFile);
|
|
98
|
-
|
|
99
|
-
// Represents a folder that contains a file
|
|
100
|
-
const directoryEntryContainingFile = createFileSystemDirectoryEntry(fileName, `folder_one/folder_two/`, [fileSystemFileEntry]);
|
|
101
|
-
const event = createDropEventWithFiles(directoryEntryContainingFile, [imageFile]);
|
|
102
|
-
document.body.dispatchEvent(event);
|
|
103
|
-
document.body.querySelector('.fabric-editor-popup-scroll-parent').dispatchEvent(event);
|
|
104
|
-
},
|
|
105
|
-
/**
|
|
106
|
-
* Used to simulate the dragging of a folder, which contains a folder (which contains multiple images)
|
|
107
|
-
**/
|
|
108
|
-
uploadFolderContainingFolderFromDrag: () => {
|
|
109
|
-
const fileSystemFileEntry = createFileSystemFileEntry(fileName, `folder_one/folder_two/${fileName}`, imageFile);
|
|
110
|
-
const directoryEntryContainingFiles = createFileSystemDirectoryEntry(fileName, `folder_one/folder_two/`, [fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry]);
|
|
111
|
-
|
|
112
|
-
// Represents a folder that contains a folder
|
|
113
|
-
const directoryEntry = createFileSystemDirectoryEntry(fileName, `folder_one/`, [directoryEntryContainingFiles]);
|
|
114
|
-
const event = createDropEventWithFiles(directoryEntry, [imageFile, imageFile, imageFile, imageFile]);
|
|
115
|
-
document.body.dispatchEvent(event);
|
|
116
|
-
document.body.querySelector('.fabric-editor-popup-scroll-parent').dispatchEvent(event);
|
|
117
|
-
},
|
|
118
92
|
/**
|
|
119
93
|
* Used to simulate the dragging of an image into the editor
|
|
120
94
|
* In the future we should consider using a general approach to uploading files as mentioned here:
|
|
@@ -12,10 +12,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
12
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
|
-
|
|
17
|
-
// Represents https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader
|
|
18
|
-
|
|
19
15
|
var createDataTransferItem = function createDataTransferItem(webkitGetAsEntryResult) {
|
|
20
16
|
return (
|
|
21
17
|
// Using DataTransferItem constructor is illegal
|
|
@@ -88,22 +84,6 @@ export var createFileSystemFileEntry = function createFileSystemFileEntry(name,
|
|
|
88
84
|
}
|
|
89
85
|
};
|
|
90
86
|
};
|
|
91
|
-
export var createFileSystemDirectoryEntry = function createFileSystemDirectoryEntry(name, fullPath, fileEntries) {
|
|
92
|
-
return {
|
|
93
|
-
isDirectory: true,
|
|
94
|
-
isFile: false,
|
|
95
|
-
name: name,
|
|
96
|
-
fullPath: fullPath,
|
|
97
|
-
createReader: function createReader() {
|
|
98
|
-
var reader = {
|
|
99
|
-
readEntries: function readEntries(resolver) {
|
|
100
|
-
return resolver(fileEntries);
|
|
101
|
-
}
|
|
102
|
-
};
|
|
103
|
-
return reader;
|
|
104
|
-
}
|
|
105
|
-
};
|
|
106
|
-
};
|
|
107
87
|
export var createDropEventWithFiles = function createDropEventWithFiles(fileSystemEntry, files) {
|
|
108
88
|
var dataTransferItem = createDataTransferItem(fileSystemEntry);
|
|
109
89
|
var fileList = createFileList(files);
|
|
@@ -11,7 +11,7 @@ import { RemoteUploadActivityServer } from './websockets';
|
|
|
11
11
|
import { mapDataUriToBlob } from '../utils';
|
|
12
12
|
import { dataURItoFile } from '@atlaskit/media-ui/util';
|
|
13
13
|
import { smallImage } from '../dataURIs/smallImageURI';
|
|
14
|
-
import { createDropEventWithFiles,
|
|
14
|
+
import { createDropEventWithFiles, createFileSystemFileEntry } from './fileAndDirectoriesUtils';
|
|
15
15
|
var blob = dataURItoFile(smallImage);
|
|
16
16
|
var imageFile = new File([blob], 'image.png', {
|
|
17
17
|
type: 'image/png'
|
|
@@ -107,32 +107,6 @@ var mediaMockControlsBackdoor = {
|
|
|
107
107
|
mediaMock.disable();
|
|
108
108
|
mediaMock.enable(config);
|
|
109
109
|
},
|
|
110
|
-
/**
|
|
111
|
-
* Used to simulate the dragging of a folder (which contains a singular image) into the editor
|
|
112
|
-
* Library used for folder uploads: https://github.com/zzarcon/flat-files
|
|
113
|
-
*/
|
|
114
|
-
uploadFolderFromDrag: function uploadFolderFromDrag() {
|
|
115
|
-
var fileSystemFileEntry = createFileSystemFileEntry(fileName, "folder_one/folder_two/".concat(fileName), imageFile);
|
|
116
|
-
|
|
117
|
-
// Represents a folder that contains a file
|
|
118
|
-
var directoryEntryContainingFile = createFileSystemDirectoryEntry(fileName, "folder_one/folder_two/", [fileSystemFileEntry]);
|
|
119
|
-
var event = createDropEventWithFiles(directoryEntryContainingFile, [imageFile]);
|
|
120
|
-
document.body.dispatchEvent(event);
|
|
121
|
-
document.body.querySelector('.fabric-editor-popup-scroll-parent').dispatchEvent(event);
|
|
122
|
-
},
|
|
123
|
-
/**
|
|
124
|
-
* Used to simulate the dragging of a folder, which contains a folder (which contains multiple images)
|
|
125
|
-
**/
|
|
126
|
-
uploadFolderContainingFolderFromDrag: function uploadFolderContainingFolderFromDrag() {
|
|
127
|
-
var fileSystemFileEntry = createFileSystemFileEntry(fileName, "folder_one/folder_two/".concat(fileName), imageFile);
|
|
128
|
-
var directoryEntryContainingFiles = createFileSystemDirectoryEntry(fileName, "folder_one/folder_two/", [fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry, fileSystemFileEntry]);
|
|
129
|
-
|
|
130
|
-
// Represents a folder that contains a folder
|
|
131
|
-
var directoryEntry = createFileSystemDirectoryEntry(fileName, "folder_one/", [directoryEntryContainingFiles]);
|
|
132
|
-
var event = createDropEventWithFiles(directoryEntry, [imageFile, imageFile, imageFile, imageFile]);
|
|
133
|
-
document.body.dispatchEvent(event);
|
|
134
|
-
document.body.querySelector('.fabric-editor-popup-scroll-parent').dispatchEvent(event);
|
|
135
|
-
},
|
|
136
110
|
/**
|
|
137
111
|
* Used to simulate the dragging of an image into the editor
|
|
138
112
|
* In the future we should consider using a general approach to uploading files as mentioned here:
|
|
@@ -11,13 +11,6 @@ interface FileSystemEntry {
|
|
|
11
11
|
interface FileSystemFileEntry extends FileSystemEntry {
|
|
12
12
|
file: (resolve: (file: File) => void) => void;
|
|
13
13
|
}
|
|
14
|
-
interface FileSystemDirectoryEntry extends FileSystemEntry {
|
|
15
|
-
createReader: () => FileSystemDirectoryReader;
|
|
16
|
-
}
|
|
17
|
-
interface FileSystemDirectoryReader {
|
|
18
|
-
readEntries: (successCallback: (fileSystemEntries: FileSystemEntry[]) => void) => void;
|
|
19
|
-
}
|
|
20
14
|
export declare const createFileSystemFileEntry: (name: string, fullPath: string, imageFile: File) => FileSystemFileEntry;
|
|
21
|
-
export declare const createFileSystemDirectoryEntry: (name: string, fullPath: string, fileEntries: FileSystemEntry[]) => FileSystemDirectoryEntry;
|
|
22
15
|
export declare const createDropEventWithFiles: (fileSystemEntry: FileSystemEntry, files: File[]) => DragEvent;
|
|
23
16
|
export {};
|
|
@@ -31,8 +31,6 @@ export interface MediaMockControlsBackdoor {
|
|
|
31
31
|
resetMediaMock: (config?: MediaMockConfig) => void;
|
|
32
32
|
shouldWaitUpload?: boolean;
|
|
33
33
|
uploadImageFromDrag: () => void;
|
|
34
|
-
uploadFolderFromDrag: () => void;
|
|
35
|
-
uploadFolderContainingFolderFromDrag: () => void;
|
|
36
34
|
}
|
|
37
35
|
export declare const mediaMockQueryOptInFlag = "mediaMock=true";
|
|
38
36
|
export declare const isMediaMockOptedIn: () => boolean;
|
|
@@ -11,13 +11,6 @@ interface FileSystemEntry {
|
|
|
11
11
|
interface FileSystemFileEntry extends FileSystemEntry {
|
|
12
12
|
file: (resolve: (file: File) => void) => void;
|
|
13
13
|
}
|
|
14
|
-
interface FileSystemDirectoryEntry extends FileSystemEntry {
|
|
15
|
-
createReader: () => FileSystemDirectoryReader;
|
|
16
|
-
}
|
|
17
|
-
interface FileSystemDirectoryReader {
|
|
18
|
-
readEntries: (successCallback: (fileSystemEntries: FileSystemEntry[]) => void) => void;
|
|
19
|
-
}
|
|
20
14
|
export declare const createFileSystemFileEntry: (name: string, fullPath: string, imageFile: File) => FileSystemFileEntry;
|
|
21
|
-
export declare const createFileSystemDirectoryEntry: (name: string, fullPath: string, fileEntries: FileSystemEntry[]) => FileSystemDirectoryEntry;
|
|
22
15
|
export declare const createDropEventWithFiles: (fileSystemEntry: FileSystemEntry, files: File[]) => DragEvent;
|
|
23
16
|
export {};
|
|
@@ -31,8 +31,6 @@ export interface MediaMockControlsBackdoor {
|
|
|
31
31
|
resetMediaMock: (config?: MediaMockConfig) => void;
|
|
32
32
|
shouldWaitUpload?: boolean;
|
|
33
33
|
uploadImageFromDrag: () => void;
|
|
34
|
-
uploadFolderFromDrag: () => void;
|
|
35
|
-
uploadFolderContainingFolderFromDrag: () => void;
|
|
36
34
|
}
|
|
37
35
|
export declare const mediaMockQueryOptInFlag = "mediaMock=true";
|
|
38
36
|
export declare const isMediaMockOptedIn: () => boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-test-helpers",
|
|
3
|
-
"version": "34.
|
|
3
|
+
"version": "34.5.1",
|
|
4
4
|
"description": "Collection of test helpers used in media component stories and specs",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@atlaskit/button": "^20.2.0",
|
|
30
|
-
"@atlaskit/checkbox": "^
|
|
30
|
+
"@atlaskit/checkbox": "^15.0.0",
|
|
31
31
|
"@atlaskit/icon": "^22.22.0",
|
|
32
32
|
"@atlaskit/locale": "^2.8.0",
|
|
33
33
|
"@atlaskit/media-client": "^28.0.0",
|
|
34
|
-
"@atlaskit/media-common": "^11.
|
|
35
|
-
"@atlaskit/media-ui": "^25.
|
|
34
|
+
"@atlaskit/media-common": "^11.6.0",
|
|
35
|
+
"@atlaskit/media-ui": "^25.16.0",
|
|
36
36
|
"@atlaskit/popup": "^1.28.0",
|
|
37
37
|
"@atlaskit/primitives": "12.2.5",
|
|
38
38
|
"@atlaskit/tabs": "^16.5.0",
|