8
0
Просмотр исходного кода

Fixed manual test of image upload placeholder.

Oskar Wróbel 7 лет назад
Родитель
Сommit
3b5cde7617

+ 1 - 1
packages/ckeditor5-image/tests/manual/imageplaceholder.html

@@ -1,2 +1,2 @@
-<div id="container">
+<div id="editor">
 </div>

+ 15 - 7
packages/ckeditor5-image/tests/manual/imageplaceholder.js

@@ -3,19 +3,27 @@
  * For licensing, see LICENSE.md.
  */
 
-/* global document */
+/* global document, console, window */
 
-import VirtualTestEditor from '@ckeditor/ckeditor5-core/tests/_utils/virtualtesteditor';
+import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
 import ImageEditing from '../../src/image/imageediting';
 import ImageUploadEditing from '../../src/imageupload/imageuploadediting';
 import ImageUploadProgress from '../../src/imageupload/imageuploadprogress';
 
-VirtualTestEditor.create( { plugins: [ ImageEditing, ImageUploadEditing, ImageUploadProgress ] } )
+ClassicEditor.create( document.querySelector( '#editor' ), {
+	plugins: [ ImageEditing, ImageUploadEditing, ImageUploadProgress ]
+} )
 	.then( editor => {
-		const imageUploadProgress = editor.plugins.get( ImageUploadProgress );
-		const img = document.createElement( 'img' );
+		window.editor = editor;
 
-		img.src = imageUploadProgress.placeholder;
-		document.getElementById( 'container' ).appendChild( img );
+		editor.model.change( writer => {
+			writer.appendElement( 'image', {
+				uploadId: 'fake',
+				uploadStatus: 'uploading'
+			}, editor.model.document.getRoot() );
+		} );
+	} )
+	.catch( error => {
+		console.error( error );
 	} );
 

+ 1 - 1
packages/ckeditor5-image/tests/manual/imageplaceholder.md

@@ -1,3 +1,3 @@
 ## Image placeholder
 
-Check if image placeholder is visible.
+Check if image placeholder is visible and looks ok after window resize.