Update CompositionAwareMixin to correctly compute composingBase in Web engine

AUTHORS

@@ -23,4 +23,5 @@ Koutaro Mori <koutaro.mo@gmail.com>
 TheOneWithTheBraid <the-one@with-the-braid.cf>
 Twin Sun, LLC <google-contrib@twinsunsolutions.com>
 Qixing Cao <qixing.cao.83@gmail.com>
-LinXunFeng <linxunfeng@yeah.net>
+LinXunFeng <linxunfeng@yeah.net>
+Amir Panahandeh <amirpanahandeh@gmail.com>

lib/web_ui/lib/src/engine/text_editing/composition_aware_mixin.dart

@@ -71,11 +71,11 @@ mixin CompositionAwareMixin {
   }
 
   EditingState determineCompositionState(EditingState editingState) {
-    if (editingState.baseOffset == null || composingText == null || editingState.text == null) {
+    if (editingState.extentOffset == null || composingText == null || editingState.text == null) {
       return editingState;
     }
 
-    final int composingBase = editingState.baseOffset! - composingText!.length;
+    final int composingBase = editingState.extentOffset! - composingText!.length;
 
     if (composingBase < 0) {
       return editingState;

lib/web_ui/test/engine/composition_test.dart

@@ -106,7 +106,7 @@ Future<void> testMain() async {
     });
 
     group('determine composition state', () {
-      test('should return new composition state if valid new composition', () {
+      test('should return new composition state - compositing middle of text', () {
         const int baseOffset = 100;
         const String composingText = 'composeMe';
 
@@ -128,6 +128,30 @@ Future<void> testMain() async {
                 composingBaseOffset: expectedComposingBase,
                 composingExtentOffset: expectedComposingBase + composingText.length));
       });
+
+      test('should return new composition state - compositing from beginning of text', () {
+        const String composingText = '今日は';
+
+        final EditingState editingState = EditingState(
+          text: '今日は',
+          baseOffset: 0,
+          extentOffset: 3,
+        );
+
+        final _MockWithCompositionAwareMixin mockWithCompositionAwareMixin =
+            _MockWithCompositionAwareMixin();
+        mockWithCompositionAwareMixin.composingText = composingText;
+
+        const int expectedComposingBase = 0;
+
+        expect(
+            mockWithCompositionAwareMixin
+                .determineCompositionState(editingState),
+            editingState.copyWith(
+                composingBaseOffset: expectedComposingBase,
+                composingExtentOffset:
+                    expectedComposingBase + composingText.length));
+      });
     });
   });