Rich editable text implementation using spannables

chrome/browser/resources/chromeos/chromevox/cvox2/background/editing_test.extjs

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 // Include test fixture.
 GEN_INCLUDE(['../../testing/chromevox_next_e2e_test_base.js',
              '../../testing/assert_additions.js']);
 
 GEN_INCLUDE(['../../testing/mock_feedback.js']);
 
@@ skipping 224 matching lines @@
         if (line == 0)
           dir = 'forward';
         if (line == 2)
           dir = 'backward';
       }, true);
     </script>
   */}, function(root) {
     var input = root.find({role: RoleType.TEXT_FIELD});
     var moveByLine = input.doDefault.bind(input);
     mockFeedback.call(input.focus.bind(input))
+        .expectSpeech('Text area')
         .call(moveByLine)
         .expectSpeech('blank')
         .expectBraille('')
         .call(moveByLine)
         .expectSpeech('This is a ', 'test', 'Link', ' of rich text')
         .expectBraille('This is a test lnk of rich text')
         .call(moveByLine)
         .expectSpeech('blank')
         .expectBraille('')
         .call(moveByLine)
         .expectSpeech('hello', 'Heading 2')
-        .expectBraille('hello h2')
+        .expectBraille('hello h2 \n')
         .replay();
   });
 });
+
+TEST_F('EditingTest', 'RichTextMoveByCharacter', function() {
+  editing.useRichText = true;
+  var mockFeedback = this.createMockFeedback();
+  this.runWithLoadedTree(function() {/*!
+    <div id="go" role="textbox" contenteditable>This <b>is</b> a test.</div>
+
+    <script>
+      var dir = 'forward';
+      var char = 0;
+      document.getElementById('go').addEventListener('click', function() {
+        var sel = getSelection();
+        sel.modify('move', dir, 'character');
+        if (dir == 'forward')
+          char++;
+        else
+          char--;
+
+        if (char == 0)
+          dir = 'forward';
+        if (line == 16)
+          dir = 'backward';
+      }, true);
+    </script>
+  */}, function(root) {
+    // Note that the braille output below is wrong. It depends on Chrome
+    // providing apis for getting the current visual line.
+
+    var input = root.find({role: RoleType.TEXT_FIELD});
+    var moveByChar = input.doDefault.bind(input);
+    mockFeedback.call(input.focus.bind(input))
+        .expectSpeech('Text area')
+        .call(moveByChar)
+        .expectSpeech('h')
+        .expectBraille('This ', { startIndex: 1, endIndex: 1 })
+        .call(moveByChar)
+        .expectSpeech('i')
+        .expectBraille('This ', { startIndex: 2, endIndex: 2 })
+        .call(moveByChar)
+        .expectSpeech('s')
+        .expectBraille('This ', { startIndex: 3, endIndex: 3 })
+        .call(moveByChar)
+        .expectSpeech(' ')
+        .expectBraille('This ', { startIndex: 4, endIndex: 4 })
+
+        .call(moveByChar)
+        .expectSpeech('i')
+        .expectBraille(' ', { startIndex: 0, endIndex: 0 })
+
+        .call(moveByChar)
+        .expectSpeech('s')
+        .expectBraille('is', { startIndex: 1, endIndex: 1 })
+
+        // This is a move from one static text to another. It is not clear what
+        // needs to be read here, so currently, it is left silent. The new node
+        // initializes the plain text state machine.
+        .call(moveByChar)
+
+        .call(moveByChar)
+        .expectSpeech('a')
+        .expectBraille(' a test.', { startIndex: 1, endIndex: 1 })
+
+        .call(moveByChar)
+        .expectSpeech(' ')
+        .expectBraille(' a test.', { startIndex: 2, endIndex: 2 })
+
+        .replay();
+  });
+});