Procházet zdrojové kódy

Added manual test for #142 ticket.

Oskar Wróbel před 8 roky
rodič
revize
e2cbaff777

+ 5 - 0
packages/ckeditor5-image/tests/manual/tickets/142/1.html

@@ -0,0 +1,5 @@
+<p><button class="start">Insert image after delay</button></p>
+
+<div id="editor">
+	<p>foo <a href="foo">bar</a> biz</p>
+</div>

+ 47 - 0
packages/ckeditor5-image/tests/manual/tickets/142/1.js

@@ -0,0 +1,47 @@
+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+/* global document, console, window, setTimeout */
+
+import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
+import Enter from '@ckeditor/ckeditor5-enter/src/enter';
+import Typing from '@ckeditor/ckeditor5-typing/src/typing';
+import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
+import Link from '@ckeditor/ckeditor5-link/src/link';
+import Image from '../../../../src/image';
+import ImageCaption from '../../../../src/imagecaption';
+
+import Element from '@ckeditor/ckeditor5-engine/src/model/element';
+import Position from '@ckeditor/ckeditor5-engine/src/model/position';
+
+ClassicEditor
+	.create( document.querySelector( '#editor' ), {
+		plugins: [ Enter, Typing, Paragraph, Link, Image, ImageCaption ],
+		toolbar: [],
+	} )
+	.then( editor => {
+		window.editor = editor;
+
+		const doc = editor.document;
+
+		document.querySelector( '.start' ).addEventListener( 'click', () => {
+			wait( 3000 ).then( () => {
+				doc.enqueueChanges( () => {
+					const image = new Element( 'image', { src: 'https://www.w3schools.com/w3images/fjords.jpg' } );
+
+					doc.batch( 'transparent' ).insert( new Position( doc.getRoot(), [ 0 ] ), image );
+				} );
+			} );
+		} );
+	} )
+	.catch( err => {
+		console.error( err.stack );
+	} );
+
+function wait( delay ) {
+	return new Promise( resolve => {
+		setTimeout( () => resolve(), delay );
+	} );
+}

+ 4 - 0
packages/ckeditor5-image/tests/manual/tickets/142/1.md

@@ -0,0 +1,4 @@
+### Re-render view document after image load [#142](https://github.com/ckeditor/ckeditor5-image/issues/142)
+
+1. Click **Insert image after delay** then quickly select the link in the content (the link editing balloon should show up).
+2. Observe if the balloon remains attached to the link.