8
0
Szymon Kupś 9 лет назад
Родитель
Сommit
9518fabc28

+ 4 - 4
packages/ckeditor5-image/tests/manual/image.html

@@ -2,12 +2,12 @@
 	<link rel="stylesheet" href="%APPS_DIR%ckeditor/build/modules/amd/theme/ckeditor.css">
 	<link rel="stylesheet" href="%APPS_DIR%ckeditor/build/modules/amd/theme/ckeditor.css">
 </head>
 </head>
 <div id="editor">
 <div id="editor">
-	<p>This is an editor instance.</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum. </p>
 	<figure class="image">
 	<figure class="image">
-		<img src="logo.png" />
+		<img src="logo.png" alt="CKEditor logo" />
 	</figure>
 	</figure>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum. </p>
 	<figure class="image">
 	<figure class="image">
-		<img src="logo.png" />
+		<img src="logo.png" alt="" />
 	</figure>
 	</figure>
-	<p>Another line.</p>
 </div>
 </div>

+ 5 - 3
packages/ckeditor5-image/tests/manual/image.js

@@ -3,20 +3,22 @@
  * For licensing, see LICENSE.md.
  * For licensing, see LICENSE.md.
  */
  */
 
 
-/* global document, console */
+/* global document, console, window */
 
 
 import ClassicEditor from '/ckeditor5/editor-classic/classic.js';
 import ClassicEditor from '/ckeditor5/editor-classic/classic.js';
 import EnterFeature from '/ckeditor5/enter/enter.js';
 import EnterFeature from '/ckeditor5/enter/enter.js';
 import TypingFeature from '/ckeditor5/typing/typing.js';
 import TypingFeature from '/ckeditor5/typing/typing.js';
 import ParagraphFeature from '/ckeditor5/paragraph/paragraph.js';
 import ParagraphFeature from '/ckeditor5/paragraph/paragraph.js';
-import UndoFeature from '/ckeditor5/undo/undo.js';
 import HeadingFeature from '/ckeditor5/heading/heading.js';
 import HeadingFeature from '/ckeditor5/heading/heading.js';
 import ImageFeature from '/ckeditor5/image/image.js';
 import ImageFeature from '/ckeditor5/image/image.js';
 
 
 ClassicEditor.create( document.querySelector( '#editor' ), {
 ClassicEditor.create( document.querySelector( '#editor' ), {
-	features: [ EnterFeature, TypingFeature, ParagraphFeature, UndoFeature, HeadingFeature, ImageFeature ],
+	features: [ EnterFeature, TypingFeature, ParagraphFeature, HeadingFeature, ImageFeature ],
 	toolbar: [ 'headings' ]
 	toolbar: [ 'headings' ]
 } )
 } )
+.then( editor => {
+	window.editor = editor;
+} )
 .catch( err => {
 .catch( err => {
 	console.error( err.stack );
 	console.error( err.stack );
 } );
 } );

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

@@ -2,3 +2,7 @@
 @bender-tags: view
 @bender-tags: view
 
 
 ## Image feature
 ## Image feature
+
+ - Two images with CKEditor logo should be loaded.
+ - Hovering over image should apply yellow outline.
+ - Clicking on image should apply blue outline which should not change when hovering over.

BIN
packages/ckeditor5-image/tests/manual/logo.png