diff --git a/tests/manual/tickets/142/1.html b/tests/manual/tickets/142/1.html new file mode 100644 index 00000000..a549478c --- /dev/null +++ b/tests/manual/tickets/142/1.html @@ -0,0 +1,5 @@ +

+ +
+

foo bar biz

+
diff --git a/tests/manual/tickets/142/1.js b/tests/manual/tickets/142/1.js new file mode 100644 index 00000000..ad8cbbf8 --- /dev/null +++ b/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 ); + } ); +} diff --git a/tests/manual/tickets/142/1.md b/tests/manual/tickets/142/1.md new file mode 100644 index 00000000..19af9c46 --- /dev/null +++ b/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.