layout/generic/test/test_backspace_delete.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <title>Test BackSpace/Delete Keys</title>
   5   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
   6   <script type="text/javascript" src="/MochiKit/MochiKit.js"></script>
   7   <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
   8   <script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
   9   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
  10 </head>
  11 <body>
  12 <p id="display"></p>
  13 <div id="content" style="display: block">
  14 <div contentEditable id="editor"></div>
  15 </div>
  16 <p id="catch">Catch-all
  17 <pre id="test">
  18 <script class="testbody" type="text/javascript;version=1.7">
  19
  20 /** Test for Bug 157546, 417745 **/
  21
  22 SimpleTest.waitForExplicitFinish();
  23
  24 // This seems to be necessary because the selection is not set up properly otherwise
  25 setTimeout(test, 0);
  26
  27 var eatSpace;
  28
  29 function getPrefs() {
  30   const prefSvcContractID = "@mozilla.org/preferences-service;1";
  31   const prefSvcIID = Components.interfaces.nsIPrefService;
  32   return Components.classes[prefSvcContractID].getService(prefSvcIID)
  33                                                .getBranch("layout.word_select.");
  34 }
  35
  36 function setEatSpace(newValue) {
  37   getPrefs().setBoolPref("eat_space_to_next_word", newValue);
  38   eatSpace = newValue;
  39 }
  40
  41 function restoreEatSpace() {
  42   try {
  43     getPrefs().clearUserPref("eat_space_to_next_word");
  44   } catch(ex) {}
  45 }
  46
  47 function test() {
  48   netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
  49
  50   var wordSelModifiers =
  51       (navigator.platform.indexOf("Mac") >= 0) ?
  52         {shiftKey:true, altKey:true} : {shiftKey:true, ctrlKey:true};
  53   var sel = window.getSelection();
  54   var editor = document.getElementById("editor");
  55
  56   var todo1 = false;
  57   var todo2 = false;
  58
  59   function testRight(node, offset) {
  60     synthesizeKey("VK_RIGHT", {});
  61     is(sel.anchorNode, node, "Right movement broken in \"" + editor.innerHTML + "\"");
  62     var is_func2 = todo2 ? todo_is : is;
  63     is_func2(sel.anchorOffset, offset, "Right movement broken in \"" + editor.innerHTML + "\"");
  64   }
  65
  66   function selErrString(dir) {
  67     return dir + " selection broken with eatSpace=" + eatSpace + " in \"" + editor.innerHTML + "\"";
  68   }
  69
  70   function testWordSelRight(startNode, startOffset, endNode, endOffset) {
  71     synthesizeKey("VK_RIGHT", wordSelModifiers);
  72     var selRange = sel.getRangeAt(0);
  73     is(selRange.startContainer, startNode, selErrString("Word right"));
  74     is(selRange.startOffset, startOffset, selErrString("Word right"));
  75     is(selRange.endContainer, endNode, selErrString("Word right"));
  76     is(selRange.endOffset, endOffset, selErrString("Word right"));
  77   }
  78
  79   function testDelete(node, offset, text) {
  80     synthesizeKey("VK_DELETE", {});
  81     is(sel.anchorNode, node, "Delete broken in \"" + editor.innerHTML + "\"");
  82     var is_func2 = todo2 ? todo_is : is;
  83     is_func2(sel.anchorOffset, offset, "Delete broken in \"" + editor.innerHTML + "\"");
  84     var is_func1 = todo1 ? todo_is : is;
  85     is_func1(editor.textContent, text, "Delete broken in \"" + editor.innerHTML + "\"");
  86   }
  87
  88   function testBackspace(node, offset, text) {
  89     synthesizeKey("VK_BACK_SPACE", {});
  90     is(sel.anchorNode, node, "Backspace broken in \"" + editor.innerHTML + "\"");
  91     is(sel.anchorOffset, offset, "Backspace broken in \"" + editor.innerHTML + "\"");
  92     is(editor.textContent, text, "Backspace broken in \"" + editor.innerHTML + "\"");
  93   }
  94
  95   // Test cell-wise deletion of Delete
  96   editor.innerHTML = "สวัสดีพ่อแม่พี่น้อง";
  97   sel.collapse(editor.firstChild, 0);
  98   todo1 = true;
  99   testRight(editor.firstChild, 1);
 100   testDelete(editor.firstChild, 1, "สสดีพ่อแม่พี่น้อง");
 101   testRight(editor.firstChild, 2);
 102   testDelete(editor.firstChild, 2, "สสพ่อแม่พี่น้อง");
 103   testRight(editor.firstChild, 4);
 104   testDelete(editor.firstChild, 4, "สสพ่แม่พี่น้อง");
 105   testRight(editor.firstChild, 5);
 106   testDelete(editor.firstChild, 5, "สสพ่แพี่น้อง");
 107   todo2 = true;
 108   testRight(editor.firstChild, 8);
 109   testDelete(editor.firstChild, 8, "สสพ่แพี่อง");
 110   testRight(editor.firstChild, 9);
 111   testDelete(editor.firstChild, 9, "สสพ่แพี่อ");
 112   todo1 = false;
 113   todo2 = false;
 114
 115   // Test character-wise deletion of Backspace
 116   editor.innerHTML = "สวัสดีพ่อแม่พี่น้อง";
 117   sel.collapse(editor.firstChild, 0);
 118   testRight(editor.firstChild, 1);
 119   testBackspace(editor.firstChild, 0, "วัสดีพ่อแม่พี่น้อง");
 120   testRight(editor.firstChild, 2);
 121   testBackspace(editor.firstChild, 1, "วสดีพ่อแม่พี่น้อง");
 122   testRight(editor.firstChild, 2);
 123   testBackspace(editor.firstChild, 1, "วดีพ่อแม่พี่น้อง");
 124   testRight(editor.firstChild, 3);
 125   testBackspace(editor.firstChild, 2, "วดพ่อแม่พี่น้อง");
 126   testRight(editor.firstChild, 4);
 127   testBackspace(editor.firstChild, 3, "วดพอแม่พี่น้อง");
 128   testRight(editor.firstChild, 4);
 129   testBackspace(editor.firstChild, 3, "วดพแม่พี่น้อง");
 130   testRight(editor.firstChild, 4);
 131   testBackspace(editor.firstChild, 3, "วดพม่พี่น้อง");
 132   testRight(editor.firstChild, 5);
 133   testBackspace(editor.firstChild, 4, "วดพมพี่น้อง");
 134   testRight(editor.firstChild, 7);
 135   testBackspace(editor.firstChild, 6, "วดพมพีน้อง");
 136   testRight(editor.firstChild, 8);
 137   testBackspace(editor.firstChild, 7, "วดพมพีนอง");
 138   testRight(editor.firstChild, 8);
 139   testBackspace(editor.firstChild, 7, "วดพมพีนง");
 140   testRight(editor.firstChild, 8);
 141   testBackspace(editor.firstChild, 7, "วดพมพีน");
 142
 143   // Tests for Bug 417745
 144
 145   setEatSpace(true);
 146
 147   editor.innerHTML = "Quick yellow fox";
 148   sel.collapse(editor.firstChild, 0);
 149   testWordSelRight(editor.firstChild, 0, editor.firstChild, 6);
 150   testDelete(editor.firstChild, 0, "yellow fox");
 151   testWordSelRight(editor.firstChild, 0, editor.firstChild, 7);
 152   testDelete(editor.firstChild, 0, "fox");
 153
 154   setEatSpace(false);
 155
 156   editor.innerHTML = "Quick yellow fox";
 157   sel.collapse(editor.firstChild, 0);
 158   testWordSelRight(editor.firstChild, 0, editor.firstChild, 5);
 159   // editor converts the leading space to an &nbsp;, otherwise it
 160   // wouldn't show up which would confuse users
 161   testDelete(editor.firstChild, 0, "\u00A0yellow fox");
 162   testWordSelRight(editor.firstChild, 0, editor.firstChild, 7);
 163   testDelete(editor.firstChild, 0, "\u00A0fox");
 164   testWordSelRight(editor.firstChild, 0, editor.firstChild, 4);
 165   testDelete(editor, 0, "");
 166
 167   restoreEatSpace();
 168
 169   SimpleTest.finish();
 170 }
 171
 172
 173 </script>
 174 </pre>
 175 </body>
 176 </html>