8
0
Просмотр исходного кода

Tests: composition observer manual test.

Krzysztof Krztoń 8 лет назад
Родитель
Сommit
ca5212b7d9

+ 3 - 0
packages/ckeditor5-engine/tests/view/manual/compositionobserver.html

@@ -0,0 +1,3 @@
+<div id="editor">
+	<p>foo bar</p>
+</div>

+ 30 - 0
packages/ckeditor5-engine/tests/view/manual/compositionobserver.js

@@ -0,0 +1,30 @@
+/**
+ * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+/* globals console, window, document */
+
+import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
+import Typing from '@ckeditor/ckeditor5-typing/src/typing';
+import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
+
+ClassicEditor
+	.create( document.querySelector( '#editor' ), {
+		plugins: [ Typing, Paragraph ]
+	} )
+	.then( editor => {
+		window.editor = editor;
+
+		const view = editor.editing.view;
+		const viewDocument = view.document;
+
+		viewDocument.on( 'compositionstart', ( evt, data ) => console.log( 'compositionstart', data ) );
+		viewDocument.on( 'compositionupdate', ( evt, data ) => console.log( 'compositionupdate', data ) );
+		viewDocument.on( 'compositionend', ( evt, data ) => console.log( 'compositionend', data ) );
+
+		view.focus();
+	} )
+	.catch( err => {
+		console.error( err.stack );
+	} );

+ 10 - 0
packages/ckeditor5-engine/tests/view/manual/compositionobserver.md

@@ -0,0 +1,10 @@
+* Expected initialization: `{}foo bar`.
+* Check whether composition events are logged to the console with proper data:
+  * `compositionstart`,
+  * `compositionupdate`,
+  * `compositionend`
+
+**Composition events are fired while typing:**
+* Hiragana,
+* Spanish-ISO: accent `' + a`,
+* MacOS: long `a` press (accent balloon)