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

   1 // Copyright 2014 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 // Include test fixture.
   6 GEN_INCLUDE(['../../testing/chromevox_next_e2e_test_base.js']);
   7
   8 /**
   9  * Test fixture for cvox2.cursors.
  10  * @constructor
  11  * @extends {ChromeVoxNextE2ETest}
  12  */
  13 function CursorsTest() {
  14   ChromeVoxNextE2ETest.call(this);
  15 }
  16
  17 CursorsTest.prototype = {
  18   __proto__: ChromeVoxNextE2ETest.prototype,
  19
  20   /** Test cursors.Cursor. @const {string} */
  21   CURSOR: 'cursor',
  22
  23   /** Test cursors.Range. @const {string} */
  24   RANGE: 'range',
  25
  26   /** @override */
  27   setUp: function() {
  28     // Various aliases.
  29     window.BACKWARD = AutomationUtil.Dir.BACKWARD;
  30     window.FORWARD = AutomationUtil.Dir.FORWARD;
  31     window.CHARACTER = cursors.Unit.CHARACTER;
  32     window.WORD = cursors.Unit.WORD;
  33     window.LINE = cursors.Unit.LINE;
  34     window.DOM_NODE = cursors.Unit.DOM_NODE;
  35     window.BOUND = cursors.Movement.BOUND;
  36     window.DIRECTIONAL = cursors.Movement.DIRECTIONAL;
  37   },
  38
  39   /**
  40    * Performs a series of operations on a cursor and asserts the result.
  41    * @param {cursors.Cursor} cursor The starting cursor.
  42    * @param {!Array<Array<
  43    *     cursors.Unit|
  44    *     cursors.Movement|
  45    *     automationUtil.Dir|
  46    *     Object>>}
  47    *     moves An array of arrays. Each inner array contains 4 items: unit,
  48    *     movement, direction, and assertions object. See example below.
  49    */
  50   cursorMoveAndAssert: function(cursor, moves) {
  51     var move = null;
  52     while (move = moves.shift()) {
  53       cursor = cursor.move(move[0], move[1], move[2]);
  54       var expected = move[3];
  55       this.makeCursorAssertion(expected, cursor);
  56     }
  57   },
  58
  59   /**
  60    * Performs a series of operations on a range and asserts the result.
  61    * @param {cursors.Range} range The starting range.
  62    * @param {!Array<Array<
  63    *          cursors.Unit|
  64    *          cursors.Movement|
  65    *          automationUtil.Dir|
  66    *          Object>>}
  67    *     moves An array of arrays. Each inner array contains 4 items: unit,
  68    *     direction, start and end assertions objects. See example below.
  69    */
  70   rangeMoveAndAssert: function(range, moves) {
  71     var move = null;
  72     while (move = moves.shift()) {
  73       range = range.move(move[0], move[1]);
  74       var expectedStart = move[2];
  75       var expectedEnd = move[3];
  76
  77       this.makeCursorAssertion(expectedStart, range.start);
  78       this.makeCursorAssertion(expectedEnd, range.end);
  79     }
  80   },
  81
  82   /**
  83    * Makes assertions about the given |cursor|.
  84    * @param {Object} expected
  85    * @param {Cursor} cursor
  86    */
  87   makeCursorAssertion: function(expected, cursor) {
  88     if (goog.isDef(expected.index))
  89       assertEquals(expected.index, cursor.getIndex());
  90     if (goog.isDef(expected.value))
  91       assertEquals(expected.value, cursor.node.value);
  92   },
  93
  94   /**
  95    * Runs the specified moves on the |doc| and asserts expectations.
  96    * @param {function} doc
  97    * @param {string=} opt_testType Either CURSOR or RANGE.
  98    */
  99   runCursorMovesOnDocument: function(doc, moves, opt_testType) {
 100     this.runWithLoadedTree(doc,
 101     function(root) {
 102       var start = null;
 103
 104       // This occurs as a result of a load complete.
 105       var start = AutomationUtil.findNodePost(root,
 106           FORWARD,
 107           AutomationPredicate.leaf);
 108
 109       var cursor = new cursors.Cursor(start, 0);
 110       if (!opt_testType || opt_testType == this.CURSOR) {
 111         var cursor = new cursors.Cursor(start, 0);
 112         this.cursorMoveAndAssert(cursor, moves);
 113       } else if (opt_testType == this.RANGE) {
 114         var range = new cursors.Range(cursor, cursor);
 115         this.rangeMoveAndAssert(range, moves);
 116       }
 117     });
 118   },
 119
 120 simpleDoc: function() {/*!
 121     <p>start <span>same line</span>
 122     <p>end
 123   */},
 124
 125   multiInlineDoc: function() {/*!
 126     <p style='max-width: 5px'>start diff line</p>
 127     <p>end
 128   */}
 129 };
 130
 131 TEST_F('CursorsTest', 'CharacterCursor', function() {
 132   this.runCursorMovesOnDocument(this.simpleDoc, [
 133     [CHARACTER, DIRECTIONAL, FORWARD, {index: 1, value: 'start '}],
 134     [CHARACTER, DIRECTIONAL, BACKWARD, {index: 0, value: 'start '}],
 135     [CHARACTER, DIRECTIONAL, BACKWARD, {index: 0, value: 'start '}],
 136
 137     [CHARACTER, DIRECTIONAL, FORWARD, {index: 1, value: 'start '}],
 138     [CHARACTER, DIRECTIONAL, FORWARD, {index: 2, value: 'start '}],
 139     [CHARACTER, DIRECTIONAL, FORWARD, {index: 3, value: 'start '}],
 140     [CHARACTER, DIRECTIONAL, FORWARD, {index: 4, value: 'start '}],
 141     [CHARACTER, DIRECTIONAL, FORWARD, {index: 5, value: 'start '}],
 142
 143     [CHARACTER, DIRECTIONAL, FORWARD, {index: 0, value: 'same line'}],
 144     [CHARACTER, DIRECTIONAL, FORWARD, {index: 1, value: 'same line'}],
 145     [CHARACTER, DIRECTIONAL, BACKWARD, {index: 0, value: 'same line'}],
 146
 147     [CHARACTER, DIRECTIONAL, BACKWARD, {index: 5, value: 'start '}],]);
 148 });
 149
 150 TEST_F('CursorsTest', 'WordCursor', function() {
 151   this.runCursorMovesOnDocument(this.simpleDoc, [
 152     // Word (BOUND).
 153     [WORD, BOUND, BACKWARD, {index: 0, value: 'start '}],
 154     [WORD, BOUND, BACKWARD, {index: 0, value: 'start '}],
 155     [WORD, BOUND, FORWARD, {index: 5, value: 'start '}],
 156     [WORD, BOUND, FORWARD, {index: 5, value: 'start '}],
 157
 158     // Word (DIRECTIONAL).
 159     [WORD, DIRECTIONAL, FORWARD, {index: 0, value: 'same line'}],
 160     [WORD, DIRECTIONAL, FORWARD, {index: 5, value: 'same line'}],
 161
 162     [WORD, DIRECTIONAL, FORWARD, {index: 0, value: 'end'}],
 163     [WORD, DIRECTIONAL, FORWARD, {index: 0, value: 'end'}],
 164
 165     [WORD, DIRECTIONAL, BACKWARD, {index: 5, value: 'same line'}],
 166     [WORD, DIRECTIONAL, BACKWARD, {index: 0, value: 'same line'}],
 167
 168     [WORD, DIRECTIONAL, BACKWARD, {index: 0, value: 'start '}],
 169     [WORD, DIRECTIONAL, BACKWARD, {index: 0, value: 'start '}]]);
 170 });
 171
 172 TEST_F('CursorsTest', 'CharacterWordCursor', function() {
 173   this.runCursorMovesOnDocument(this.simpleDoc, [
 174     [CHARACTER, DIRECTIONAL, FORWARD, {index: 1, value: 'start '}],
 175
 176     [WORD, DIRECTIONAL, FORWARD, {index: 0, value: 'same line'}],
 177     [CHARACTER, DIRECTIONAL, FORWARD, {index: 1, value: 'same line'}],
 178     [WORD, DIRECTIONAL, FORWARD, {index: 5, value: 'same line'}],
 179     [CHARACTER, DIRECTIONAL, BACKWARD, {index: 4, value: 'same line'}],
 180     [WORD, DIRECTIONAL, FORWARD, {index: 5, value: 'same line'}],
 181     [CHARACTER, DIRECTIONAL, FORWARD, {index: 6, value: 'same line'}],
 182     [WORD, DIRECTIONAL, BACKWARD, {index: 0, value: 'same line'}],
 183     [CHARACTER, DIRECTIONAL, BACKWARD, {index: 5, value: 'start '}],
 184     [CHARACTER, DIRECTIONAL, BACKWARD, {index: 4, value: 'start '}],
 185     [WORD, DIRECTIONAL, BACKWARD, {index: 0, value: 'start '}]]);
 186 });
 187
 188 TEST_F('CursorsTest', 'LineCursor', function() {
 189   this.runCursorMovesOnDocument(this.simpleDoc, [
 190     // Line (BOUND).
 191     [LINE, BOUND, FORWARD, {value: 'same line'}],
 192     [LINE, BOUND, FORWARD, {value: 'same line'}],
 193     [LINE, BOUND, BACKWARD, {value: 'start '}],
 194     [LINE, BOUND, BACKWARD, {value: 'start '}],
 195
 196     // Line (DIRECTIONAL).
 197     [LINE, DIRECTIONAL, FORWARD, {value: 'end'}],
 198     [LINE, DIRECTIONAL, FORWARD, {value: 'end'}],
 199     [LINE, DIRECTIONAL, BACKWARD, {value: 'same line'}],
 200     [LINE, DIRECTIONAL, BACKWARD, {value: 'same line'}],
 201     [LINE, BOUND, BACKWARD, {value: 'start '}],
 202     [LINE, DIRECTIONAL, FORWARD, {value: 'end'}]]);
 203 });
 204
 205 TEST_F('CursorsTest', 'CharacterRange', function() {
 206   this.runCursorMovesOnDocument(this.simpleDoc, [
 207       [CHARACTER, FORWARD,
 208           {value: 'start ', index: 1}, {value: 'start ', index: 2}],
 209       [CHARACTER, FORWARD,
 210           {value: 'start ', index: 2}, {value: 'start ', index: 3}],
 211       [CHARACTER, FORWARD,
 212           {value: 'start ', index: 3}, {value: 'start ', index: 4}],
 213       [CHARACTER, FORWARD,
 214           {value: 'start ', index: 4}, {value: 'start ', index: 5}],
 215       [CHARACTER, FORWARD,
 216           {value: 'start ', index: 5}, {value: 'start ', index: 5}],
 217
 218       [CHARACTER, FORWARD,
 219           {value: 'same line', index: 0}, {value: 'same line', index: 1}],
 220
 221       [CHARACTER, BACKWARD,
 222           {value: 'start ', index: 5}, {value: 'start ', index: 5}],
 223       [CHARACTER, BACKWARD,
 224           {value: 'start ', index: 4}, {value: 'start ', index: 5}],
 225       [CHARACTER, BACKWARD,
 226           {value: 'start ', index: 3}, {value: 'start ', index: 4}],
 227       [CHARACTER, BACKWARD,
 228           {value: 'start ', index: 2}, {value: 'start ', index: 3}],
 229       [CHARACTER, BACKWARD,
 230           {value: 'start ', index: 1}, {value: 'start ', index: 2}],
 231       [CHARACTER, BACKWARD,
 232           {value: 'start ', index: 0}, {value: 'start ', index: 1}],
 233       [CHARACTER, BACKWARD,
 234           {value: 'start ', index: 0}, {value: 'start ', index: 1}],
 235   ], this.RANGE);
 236 });
 237
 238 TEST_F('CursorsTest', 'WordRange', function() {
 239   this.runCursorMovesOnDocument(this.simpleDoc, [
 240       [WORD, FORWARD,
 241           {value: 'same line', index: 0}, {value: 'same line', index: 4}],
 242       [WORD, FORWARD,
 243           {value: 'same line', index: 5}, {value: 'same line', index: 9}],
 244
 245       [WORD, FORWARD,
 246           {value: 'end', index: 0}, {value: 'end', index: 3}],
 247       [WORD, FORWARD,
 248           {value: 'end', index: 0}, {value: 'end', index: 3}],
 249
 250       [WORD, BACKWARD,
 251           {value: 'same line', index: 5}, {value: 'same line', index: 9}],
 252       [WORD, BACKWARD,
 253           {value: 'same line', index: 0}, {value: 'same line', index: 4}],
 254
 255       [WORD, BACKWARD,
 256           {value: 'start ', index: 0}, {value: 'start ', index: 5}],
 257       [WORD, BACKWARD,
 258           {value: 'start ', index: 0}, {value: 'start ', index: 5}],
 259   ], this.RANGE);
 260 });
 261
 262
 263 TEST_F('CursorsTest', 'LineRange', function() {
 264   this.runCursorMovesOnDocument(this.simpleDoc, [
 265       [LINE, FORWARD, {value: 'end', index: 0}, {value: 'end', index: 3}],
 266       [LINE, FORWARD, {value: 'end', index: 0}, {value: 'end', index: 3}],
 267
 268       [LINE, BACKWARD,
 269           {value: 'start ', index: 0}, {value: 'same line', index: 9}],
 270
 271       [LINE, BACKWARD,
 272           {value: 'start ', index: 0}, {value: 'same line', index: 9}],
 273   ], this.RANGE);
 274 });
 275
 276 TEST_F('CursorsTest', 'DontSplitOnNodeNavigation', function() {
 277   this.runWithLoadedTree(this.multiInlineDoc, function(root) {
 278     var para = root.firstChild;
 279     assertEquals('paragraph', para.role);
 280     var cursor = new cursors.Cursor(para, 0);
 281     cursor = cursor.move(DOM_NODE, DIRECTIONAL, FORWARD);
 282     assertEquals('staticText', cursor.node.role);
 283     assertEquals('end', cursor.node.value);
 284
 285     cursor = cursor.move(DOM_NODE, DIRECTIONAL, BACKWARD);
 286     assertEquals('staticText', cursor.node.role);
 287     assertEquals('start diff line', cursor.node.value);
 288
 289     assertEquals('inlineTextBox', cursor.node.firstChild.role);
 290     assertEquals('start ', cursor.node.firstChild.value);
 291     assertEquals('diff ', cursor.node.firstChild.nextSibling.value);
 292     assertEquals('line', cursor.node.lastChild.value);
 293   });
 294 });