Merge pull request #9746 from ckeditor/ck/9338

Feature (engine): Introduced `'mouseover'` and `'mouseout'` events in the `MouseObserver` class. Closes #9338.

packages/ckeditor5-engine/src/view/observer/mouseobserver.js

@@ -21,7 +21,7 @@ export default class MouseObserver extends DomEventObserver {
 	constructor( view ) {
 		super( view );
 
-		this.domEventType = [ 'mousedown', 'mouseup' ];
+		this.domEventType = [ 'mousedown', 'mouseup', 'mouseover', 'mouseout' ];
 	}
 
 	onDomEvent( domEvent ) {

packages/ckeditor5-engine/tests/view/observer/mouseobserver.js

@@ -23,7 +23,7 @@ describe( 'MouseObserver', () => {
 	} );
 
 	it( 'should define domEventType', () => {
-		expect( observer.domEventType ).to.deep.equal( [ 'mousedown', 'mouseup' ] );
+		expect( observer.domEventType ).to.deep.equal( [ 'mousedown', 'mouseup', 'mouseover', 'mouseout' ] );
 	} );
 
 	describe( 'onDomEvent', () => {
@@ -52,5 +52,31 @@ describe( 'MouseObserver', () => {
 			const data = spy.args[ 0 ][ 1 ];
 			expect( data.domTarget ).to.equal( document.body );
 		} );
+
+		it( 'should fire mouseover with the right event data', () => {
+			const spy = sinon.spy();
+
+			viewDocument.on( 'mouseover', spy );
+
+			observer.onDomEvent( { type: 'mouseover', 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 mouseout with the right event data', () => {
+			const spy = sinon.spy();
+
+			viewDocument.on( 'mouseout', spy );
+
+			observer.onDomEvent( { type: 'mouseout', target: document.body } );
+
+			expect( spy.calledOnce ).to.be.true;
+
+			const data = spy.args[ 0 ][ 1 ];
+			expect( data.domTarget ).to.equal( document.body );
+		} );
 	} );
 } );