accessible/tests/mochitest/test_events_caretmove.html

   1 <html>
   2
   3 <head>
   4   <title>Accessible caret move events testing</title>
   5
   6   <link rel="stylesheet" type="text/css"
   7         href="chrome://mochikit/content/tests/SimpleTest/test.css" />
   8
   9   <script type="application/javascript"
  10           src="chrome://mochikit/content/MochiKit/packed.js"></script>
  11   <script type="application/javascript"
  12           src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  13   <script type="application/javascript"
  14           src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
  15
  16   <script type="application/javascript"
  17           src="chrome://mochikit/content/a11y/accessible/common.js"></script>
  18
  19   <script type="application/javascript">
  20     /**
  21      * Invoker base class.
  22      */
  23     function synthAction(aNodeOrID, aCaretOffset)
  24     {
  25       this.DOMNode = getNode(aNodeOrID);
  26
  27       this.check = function synthAction_check(aEvent)
  28       {
  29         is(aEvent.QueryInterface(nsIAccessibleCaretMoveEvent).caretOffset,
  30            this.caretOffset,
  31            "Wrong caret offset for " + aNodeOrID);
  32       }
  33
  34       this.getID = function synthAction_getID() { return aNodeOrID + " action"; }
  35
  36       this.caretOffset = aCaretOffset;
  37     }
  38
  39     /**
  40      * Click invoker.
  41      */
  42     function synthClick(aNodeOrID, aCaretOffset,
  43                         aExtraNodeOrID, aExtraCaretOffset)
  44     {
  45       this.__proto__ = new synthAction(aNodeOrID, aCaretOffset);
  46
  47       this.extraNode = getNode(aExtraNodeOrID);
  48       this.extraCaretOffset = aExtraCaretOffset;
  49
  50       this.invoke = function synthClick_invoke()
  51       {
  52         // Scroll the node into view, otherwise synth click may fail.
  53         this.DOMNode.scrollIntoView(true);
  54
  55         synthesizeMouse(this.DOMNode, 1, 1, {});
  56       }
  57
  58       this.check = function synthFocus_check(aEvent)
  59       {
  60         this.__proto__.check(aEvent);
  61
  62         if (this.extraNode) {
  63           var acc = getAccessible(this.extraNode, [nsIAccessibleText]);
  64           is(acc.caretOffset, this.extraCaretOffset,
  65              "Wrong caret offset for " + aExtraNodeOrID);
  66         }
  67       }
  68
  69       this.getID = function synthFocus_getID() { return aNodeOrID + " click"; }
  70     }
  71
  72     /**
  73      * Key press invokers.
  74      */
  75     function synthKey(aNodeOrID, aCaretOffset, aKey, aArgs)
  76     {
  77       this.__proto__ = new synthAction(aNodeOrID, aCaretOffset);
  78
  79       this.invoke = function synthKey_invoke()
  80       {
  81         synthesizeKey(this.mKey, this.mArgs);
  82       }
  83
  84       this.mKey = aKey;
  85       this.mArgs = aArgs ? aArgs : {};
  86     }
  87
  88     function synthTabTest(aNodeOrID, aCaretOffset, aBackTab)
  89     {
  90       this.__proto__ = new synthKey(aNodeOrID, aCaretOffset,
  91                                     "VK_TAB", {shiftKey: aBackTab});
  92
  93       this.getID = function synthTabTest_getID() { return aNodeOrID + " tab"; }
  94     }
  95
  96     function synthDownKey(aNodeOrID, aCaretOffset)
  97     {
  98       this.__proto__ = new synthKey(aNodeOrID, aCaretOffset, "VK_DOWN");
  99
 100       this.getID = function synthDownKey_getID()
 101       {
 102         return aNodeOrID + " key down";
 103       }
 104     }
 105
 106     function synthRightKey(aNodeOrID, aCaretOffset)
 107     {
 108       this.__proto__ = new synthKey(aNodeOrID, aCaretOffset, "VK_RIGHT");
 109
 110       this.getID = function synthRightKey_getID()
 111       {
 112         return aNodeOrID + " key right";
 113       }
 114     }
 115
 116     /**
 117      * Focus invoker.
 118      */
 119     function synthFocus(aNodeOrID, aCaretOffset)
 120     {
 121       this.__proto__ = new synthAction(aNodeOrID, aCaretOffset);
 122
 123       this.invoke = function synthFocus_invoke()
 124       {
 125         this.DOMNode.focus();
 126       }
 127
 128       this.getID = function synthFocus_getID() { return aNodeOrID + " focus"; }
 129     }
 130
 131     /**
 132      * Select all invoker.
 133      */
 134     function synthSelectAll(aNodeOrID, aCaretOffset)
 135     {
 136       this.__proto__ = new synthAction(aNodeOrID, aCaretOffset);
 137
 138       this.invoke = function synthSelectAll_invoke()
 139       {
 140         if (this.DOMNode instanceof Components.interfaces.nsIDOMHTMLInputElement)
 141           this.DOMNode.select();
 142         else
 143           window.getSelection().selectAllChildren(this.DOMNode);
 144       }
 145
 146       this.getID = function synthSelectAll_getID()
 147       {
 148         return aNodeOrID + " selectall";
 149       }
 150     }
 151
 152     /**
 153      * Do tests.
 154      */
 155     var gQueue = null;
 156
 157     function testCaretOffset(aAccOrElmOrID, aCaretOffset)
 158     {
 159       var acc = getAccessible(aAccOrElmOrID, [nsIAccessibleText]);
 160       is(acc.caretOffset, aCaretOffset,
 161          "Wrong caret offset for " + aAccOrElmOrID);
 162     }
 163
 164     function doTests()
 165     {
 166       // test no focused accessibles
 167       testCaretOffset("textbox", -1);
 168       testCaretOffset("textarea", -1);
 169       testCaretOffset("p", -1);
 170
 171       // test caret move events and caret offsets
 172       gQueue = new eventQueue(nsIAccessibleEvent.EVENT_TEXT_CARET_MOVED);
 173
 174       var id = "textbox";
 175       gQueue.push(new synthFocus(id, 5));
 176       gQueue.push(new synthSelectAll(id, 5));
 177       gQueue.push(new synthClick(id, 0));
 178       gQueue.push(new synthRightKey(id, 1));
 179
 180       id = "textarea";
 181       gQueue.push(new synthClick(id, 0));
 182       gQueue.push(new synthRightKey(id, 1));
 183       gQueue.push(new synthDownKey(id, 12));
 184
 185       id = "p";
 186       gQueue.push(new synthClick(id, 0));
 187       gQueue.push(new synthRightKey(id, 1));
 188       gQueue.push(new synthDownKey(id, 6));
 189
 190       gQueue.push(new synthClick("p1_in_div", 0, "p2_in_div", -1));
 191
 192       gQueue.push(new synthTabTest("p", 0, true));
 193       gQueue.push(new synthTabTest("textarea", 12, true));
 194       gQueue.push(new synthTabTest("p", 0, false));
 195
 196       gQueue.invoke(); // Will call SimpleTest.finish();
 197     }
 198
 199     SimpleTest.waitForExplicitFinish();
 200     addLoadEvent(doTests);
 201   </script>
 202 </head>
 203
 204 <body>
 205
 206   <a target="_blank"
 207      href="https://bugzilla.mozilla.org/show_bug.cgi?id=454377"
 208      title="Accessible caret move events testing">
 209     Mozilla Bug 454377
 210   </a>
 211   <p id="display"></p>
 212   <div id="content" style="display: none"></div>
 213   <pre id="test">
 214   </pre>
 215
 216   <input id="textbox" value="hello"/>
 217   <textarea id="textarea">text<br>text</textarea>
 218   <p id="p" contentEditable="true"><span>text</span><br/>text</p>
 219   <div id="div" contentEditable="true"><p id="p1_in_div">text</p><p id="p2_in_div">text</p></div>
 220
 221 </body>
 222 </html>