Sfoglia il codice sorgente

Tests: added manual tests for autohoisting and missing manual test for "bare image" conversion.

Szymon Cofalik 8 anni fa
parent
commit
43dddec767

+ 12 - 0
packages/ckeditor5-image/tests/manual/autohoist.html

@@ -0,0 +1,12 @@
+<div id="editor">
+	<p>Lorem ipsum dolor sit amet. <img src="sample.jpg" alt="" /> Lorem ipsum dolor sit amet.</p>
+</div>
+
+<br /><br />
+
+<div>
+	<p>Lorem ipsum dolor sit amet.</p>
+	<p>Foo <img src="sample.jpg" alt="" height="50%" width="50%" /> Bar</p>
+	<p>Lorem ipsum dolor sit amet.</p>
+</div>
+

+ 38 - 0
packages/ckeditor5-image/tests/manual/autohoist.js

@@ -0,0 +1,38 @@
+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+/* global document, console, window */
+
+import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classic';
+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 Heading from '@ckeditor/ckeditor5-heading/src/heading';
+import Image from '../../src/image';
+import ImageCaption from '../../src/imagecaption';
+import Undo from '@ckeditor/ckeditor5-undo/src/undo';
+import Clipboard from '@ckeditor/ckeditor5-clipboard/src/clipboard';
+import ImageToolbar from '../../src/imagetoolbar';
+import ImageStyle from '../../src/imagestyle';
+import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
+import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';
+import List from '@ckeditor/ckeditor5-list/src/list';
+
+ClassicEditor.create( document.querySelector( '#editor' ), {
+	plugins: [
+		Enter, Typing, Paragraph, Heading, Image, ImageToolbar,
+		Undo, Clipboard, ImageCaption, ImageStyle, Bold, Italic, Heading, List
+	],
+	toolbar: [ 'headings', 'undo', 'redo', 'bold', 'italic', 'bulletedList', 'numberedList' ],
+	image: {
+		toolbar: [ 'imageStyleFull', 'imageStyleSide', '|' , 'imageTextAlternative' ]
+	}
+} )
+	.then( editor => {
+		window.editor = editor;
+	} )
+	.catch( err => {
+		console.error( err.stack );
+	} );

+ 5 - 0
packages/ckeditor5-image/tests/manual/autohoist.md

@@ -0,0 +1,5 @@
+## `<img>` autohoisting.
+
+* Image should be loaded.
+* It should work normally.
+* Try copy-pasting image below editor (by making selection containing content from all three paragraphs).

+ 9 - 0
packages/ckeditor5-image/tests/manual/nofigure.html

@@ -0,0 +1,9 @@
+<div id="editor">
+	<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>
+	<img src="sample.jpg" alt="" />
+	<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>
+</div>
+
+<br /><br />
+<img src="sample.jpg" alt="" height="50%" width="50%" />
+

+ 38 - 0
packages/ckeditor5-image/tests/manual/nofigure.js

@@ -0,0 +1,38 @@
+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+/* global document, console, window */
+
+import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classic';
+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 Heading from '@ckeditor/ckeditor5-heading/src/heading';
+import Image from '../../src/image';
+import ImageCaption from '../../src/imagecaption';
+import Undo from '@ckeditor/ckeditor5-undo/src/undo';
+import Clipboard from '@ckeditor/ckeditor5-clipboard/src/clipboard';
+import ImageToolbar from '../../src/imagetoolbar';
+import ImageStyle from '../../src/imagestyle';
+import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
+import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';
+import List from '@ckeditor/ckeditor5-list/src/list';
+
+ClassicEditor.create( document.querySelector( '#editor' ), {
+	plugins: [
+		Enter, Typing, Paragraph, Heading, Image, ImageToolbar,
+		Undo, Clipboard, ImageCaption, ImageStyle, Bold, Italic, Heading, List
+	],
+	toolbar: [ 'headings', 'undo', 'redo', 'bold', 'italic', 'bulletedList', 'numberedList' ],
+	image: {
+		toolbar: [ 'imageStyleFull', 'imageStyleSide', '|' , 'imageTextAlternative' ]
+	}
+} )
+	.then( editor => {
+		window.editor = editor;
+	} )
+	.catch( err => {
+		console.error( err.stack );
+	} );

+ 7 - 0
packages/ckeditor5-image/tests/manual/nofigure.md

@@ -0,0 +1,7 @@
+## No `<figure>` conversion.
+
+This tests checks if `<img />` elements that are not wrapped in `<figure>` are converted correctly.
+
+* Image should be loaded.
+* It should work normally.
+* Try copy-pasting image below editor (by making selection using mouse, not right-click + copy).