Added inline and divarea manual tests.

ckeditor · Mar 25, 2018 · 9a579a3 · 9a579a3
1 parent 9061b12
commit 9a579a3
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 7 deletions.
diff --git a/tests/plugins/autocomplete/manual/viewposition.html b/tests/plugins/autocomplete/manual/viewposition.html
@@ -6,7 +6,8 @@
 	}
 </style>
 
-<textarea id="editor1" >
+<h2>Classic editor</h2>
+<div id="editor1" >
 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
@@ -16,14 +17,44 @@
 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
 	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
-</textarea>
+</div>
+
+<h2>Divarea editor</h2>
+<div id="editor2" >
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+</div>
+
+<h2>Inline editor</h2>
+<div id="editor3" contenteditable=true >
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque animi, iusto laudantium nobis itaque optio vitae asperiores, placeat magnam quo distinctio. Eaque fugiat quia maxime modi, quibusdam nostrum repellendus in?</p>
+</div>
 
 <script>
-	var editor;
 
-	CKEDITOR.replace( 'editor1', {
+initEditor( 'replace', 'editor1' );
+initEditor( 'replace', 'editor2', 'divarea' );
+initEditor( 'inline', 'editor3' );
+
+function initEditor( creator, name, extraPlugins ) {
+	var editor = CKEDITOR[ creator ]( name, {
 		width: 600,
-		extraPlugins: 'textmatch',
+		extraPlugins: extraPlugins && extraPlugins + ',textmatch' || 'textmatch',
 		on: {
 			instanceReady: function( evt ) {
 				editor = evt.editor;
@@ -32,6 +63,7 @@
 			}
 		}
 	} );
+}
 
 	function getTextTestCallback() {
 		return function( range ) {

diff --git a/tests/plugins/autocomplete/manual/viewposition.md b/tests/plugins/autocomplete/manual/viewposition.md
@@ -2,9 +2,11 @@
 @bender-ui: collapsed
 @bender-ckeditor-plugins: wysiwygarea, toolbar, basicstyles, autocomplete
 
+# Classic and divarea editors
+
 1. Scroll the editor content to the middle.
-2. Focus the editor and type `@`.
-3. Scroll the editor up and down.
+1. Focus the editor and type `@`.
+1. Scroll the editor up and down.
 
 ## Expected
 
@@ -17,3 +19,18 @@ When changing scroll position of the editor the view should be placed differentl
 ## Unexpected
 
 The view is not changing its position depending on space below and above a caret.
+
+# Inline editor
+
+1. Focus the editor at the beggining of the text and type `@`.
+1. Close the view using `esc` key.
+1. Focus the editor at the end of the text and type `@`
+
+## Expected
+
+- View at the beggining of the text should be placed below a cursor.
+- View at the end of the text should be placed above a cursor.
+
+## Unexpected
+
+The view is not changing its position depending on space below and above a caret.