third_party/WebKit/LayoutTests/editing/selection/caret-at-bidi-boundary.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta http-equiv="content-type" content="text/html; charset=utf-8">
   5 <script src="../../resources/js-test.js"></script>
   6 <style type="text/css">
   7 #tests { font-size: 2.5em; padding: 0px; margin: 0px; }
   8 dt { width: 15ex; padding: 0px 10px; margin: 0px; }
   9 dd { font-size: 0.6em; margin: 0px; padding: 0px 10px; }
  10 .target { background-color: #bbeeff; }
  11 </style>
  12 </head>
  13 <body>
  14 <p>This test ensures WebKit lets user place caret around bidirectional text properly.</p>
  15 <div>Current offset: <span id="log"></span></div>
  16 <dl id="tests">
  17 <dt contenteditable>abcאבג</dt>
  18 <dd>0 1 2 3 5 4 6</dd>
  19
  20 <dt contenteditable>נת12</dt>
  21 <dd>2 3 4 1 4 (There is a bug. Clicking on the left of 12 should result in offset 0.)</dd>
  22
  23 <dt contenteditable>לש<b>נ</b>ת</dt>
  24 <dd>0 3 2 1 4</dd>
  25
  26 <dt contenteditable>aקל12יםd</dt>
  27 <dd>0 1 6 3 4 5 2 7 8</dd>
  28
  29 <dt><span dir="rtl">12<b>קל43</b></span>ab</dt>
  30 <dd>4 5 6 3 0 1 2 7 8</dd>
  31
  32 <dt dir="rtl"><span dir="ltr">abcלשנ</span></dt>
  33 <dd>6 1 2 6 5 4 3</dd>
  34
  35 </dl>
  36 <div id="console"></div>
  37 <pre><script>
  38
  39 // This function converts (node, offset) pair to a global offset (like TextIterator index).
  40 function globalOffsetFromNodeOffsetPair(node, offsetInNode) {
  41     var tests = document.getElementById('tests');
  42     var testContainer = node;
  43     while (testContainer && testContainer.parentNode != tests)
  44         testContainer = testContainer.parentNode;
  45     if (!testContainer)
  46         return 'a node outside of tests';
  47
  48     return testContainer.textContent.indexOf(node.textContent) + offsetInNode;
  49 }
  50
  51 function runTest(target, expectations) {
  52     var y = target.offsetTop + target.offsetHeight / 2;
  53
  54     var previousOffset = -1;
  55     var j = 0;
  56     for (var x = 5; x <= target.offsetWidth - 5; x++) {
  57         // Reset the click count
  58         eventSender.mouseMoveTo(1, 1);
  59         eventSender.mouseDown();
  60         eventSender.mouseUp();
  61
  62         eventSender.mouseMoveTo(target.offsetLeft + x, y);
  63         eventSender.mouseDown();
  64         eventSender.mouseUp();
  65
  66         var currentOffset = globalOffsetFromNodeOffsetPair(getSelection().baseNode, getSelection().baseOffset);
  67         if (!getSelection().isCollapsed)
  68             testFailed('selection was not collapsed');
  69         else if (previousOffset == currentOffset)
  70             continue;
  71         else {
  72             previousOffset = currentOffset;
  73
  74             if (expectations[j] != currentOffset)
  75                 testFailed('caret was at ' + currentOffset + ' but expected to be at ' + expectations[j]);
  76             else {
  77                 testPassed('caret is at ' + currentOffset);
  78                 j++;
  79             }
  80         }
  81     }
  82
  83     if (j < expectations.length)
  84         testFailed('caret never reached offset' + expectations[j]);
  85 }
  86
  87 if (window.testRunner) {
  88     testRunner.dumpAsText();
  89
  90     var tests = document.getElementById('tests').getElementsByTagName('dt');
  91     var testExpectations = document.getElementById('tests').getElementsByTagName('dd');
  92     for (var i = 0; i < tests.length; i++) {
  93         debug('Test "' + tests[i].textContent + '":');
  94         runTest(tests[i], testExpectations[i].textContent.replace(/\s*\(.+\)\s*/, '').split(/\s+/).map(function (x) {return parseInt(x);}));
  95         debug('');
  96     }
  97 } else {
  98     debug('This test requires eventSender');
  99     document.onselectionchange = function () {
 100         var selection = window.getSelection();
 101         document.getElementById('log').textContent = globalOffsetFromNodeOffsetPair(selection.baseNode, selection.baseOffset) + ', ' +
 102             globalOffsetFromNodeOffsetPair(selection.extentNode, selection.extentOffset);
 103     }
 104 }
 105
 106
 107 </script>
 108 </body>
 109 </html>