|
|
@@ -0,0 +1,109 @@
|
|
|
+/**
|
|
|
+ * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
|
|
|
+ * For licensing, see LICENSE.md.
|
|
|
+ */
|
|
|
+
|
|
|
+/* globals document */
|
|
|
+import CompositionObserver from '../../../src/view/observer/compositionobserver';
|
|
|
+import View from '../../../src/view/view';
|
|
|
+
|
|
|
+describe( 'CompositionObserver', () => {
|
|
|
+ let view, viewDocument, observer;
|
|
|
+
|
|
|
+ beforeEach( () => {
|
|
|
+ view = new View();
|
|
|
+ viewDocument = view.document;
|
|
|
+ observer = view.getObserver( CompositionObserver );
|
|
|
+ } );
|
|
|
+
|
|
|
+ afterEach( () => {
|
|
|
+ view.destroy();
|
|
|
+ } );
|
|
|
+
|
|
|
+ it( 'should define domEventType', () => {
|
|
|
+ expect( observer.domEventType ).to.deep.equal( [ 'compositionstart', 'compositionupdate', 'compositionend' ] );
|
|
|
+ } );
|
|
|
+
|
|
|
+ describe( 'onDomEvent', () => {
|
|
|
+ it( 'should fire compositionstart with the right event data', () => {
|
|
|
+ const spy = sinon.spy();
|
|
|
+
|
|
|
+ viewDocument.on( 'compositionstart', spy );
|
|
|
+
|
|
|
+ observer.onDomEvent( { type: 'compositionstart', target: document.body } );
|
|
|
+
|
|
|
+ expect( spy.calledOnce ).to.be.true;
|
|
|
+
|
|
|
+ const data = spy.args[ 0 ][ 1 ];
|
|
|
+ expect( data.domTarget ).to.equal( document.body );
|
|
|
+ } );
|
|
|
+
|
|
|
+ it( 'should fire compositionupdate with the right event data', () => {
|
|
|
+ const spy = sinon.spy();
|
|
|
+
|
|
|
+ viewDocument.on( 'compositionupdate', spy );
|
|
|
+
|
|
|
+ observer.onDomEvent( { type: 'compositionupdate', target: document.body } );
|
|
|
+
|
|
|
+ expect( spy.calledOnce ).to.be.true;
|
|
|
+
|
|
|
+ const data = spy.args[ 0 ][ 1 ];
|
|
|
+ expect( data.domTarget ).to.equal( document.body );
|
|
|
+ } );
|
|
|
+
|
|
|
+ it( 'should fire compositionend with the right event data', () => {
|
|
|
+ const spy = sinon.spy();
|
|
|
+
|
|
|
+ viewDocument.on( 'compositionend', spy );
|
|
|
+
|
|
|
+ observer.onDomEvent( { type: 'compositionend', target: document.body } );
|
|
|
+
|
|
|
+ expect( spy.calledOnce ).to.be.true;
|
|
|
+
|
|
|
+ const data = spy.args[ 0 ][ 1 ];
|
|
|
+ expect( data.domTarget ).to.equal( document.body );
|
|
|
+ } );
|
|
|
+ } );
|
|
|
+
|
|
|
+ describe( 'handle isComposing property of the document', () => {
|
|
|
+ let domMain;
|
|
|
+
|
|
|
+ beforeEach( () => {
|
|
|
+ domMain = document.createElement( 'div' );
|
|
|
+ } );
|
|
|
+
|
|
|
+ it( 'should set isComposing to true on compositionstart', () => {
|
|
|
+ observer.onDomEvent( { type: 'compositionstart', target: domMain } );
|
|
|
+
|
|
|
+ expect( viewDocument.isComposing ).to.equal( true );
|
|
|
+ } );
|
|
|
+
|
|
|
+ it( 'should set isComposing to false on compositionend', () => {
|
|
|
+ observer.onDomEvent( { type: 'compositionstart', target: domMain } );
|
|
|
+
|
|
|
+ expect( viewDocument.isComposing ).to.equal( true );
|
|
|
+
|
|
|
+ observer.onDomEvent( { type: 'compositionend', target: domMain } );
|
|
|
+
|
|
|
+ expect( viewDocument.isComposing ).to.equal( false );
|
|
|
+ } );
|
|
|
+
|
|
|
+ it( 'should not change isComposing on compositionupdate during composition', () => {
|
|
|
+ observer.onDomEvent( { type: 'compositionstart', target: domMain } );
|
|
|
+
|
|
|
+ expect( viewDocument.isComposing ).to.equal( true );
|
|
|
+
|
|
|
+ observer.onDomEvent( { type: 'compositionupdate', target: domMain } );
|
|
|
+
|
|
|
+ expect( viewDocument.isComposing ).to.equal( true );
|
|
|
+ } );
|
|
|
+
|
|
|
+ it( 'should not change isComposing on compositionupdate outside composition', () => {
|
|
|
+ expect( viewDocument.isComposing ).to.equal( false );
|
|
|
+
|
|
|
+ observer.onDomEvent( { type: 'compositionupdate', target: domMain } );
|
|
|
+
|
|
|
+ expect( viewDocument.isComposing ).to.equal( false );
|
|
|
+ } );
|
|
|
+ } );
|
|
|
+} );
|