third_party/WebKit/LayoutTests/fast/dom/Document/CaretRangeFromPoint/replace-element.html

   1 <html>
   2 <head>
   3     <style>
   4         #test {
   5             width: 400px;
   6             font-family: "Ahem";
   7         }
   8     </style>
   9     <script>
  10         if (window.testRunner)
  11             testRunner.dumpAsText();
  12
  13         var _log = "";
  14         function log(msg)
  15         {
  16             _log += msg + "\n";
  17         }
  18
  19         function swapInLog()
  20         {
  21             var element = document.getElementById('test');
  22             var parent = element.parentNode;
  23             parent.removeChild(element);
  24             var console = document.createElement("pre");
  25             console.textContent = _log;
  26             parent.appendChild(console);
  27         }
  28
  29         var element;
  30         var image;
  31
  32         function test(x, y, __expectedContainer, __expectedOffset)
  33         {
  34             var expectedContainer = eval(__expectedContainer);
  35             var expectedOffset = eval(__expectedOffset);
  36
  37
  38             var range = document.caretRangeFromPoint(x, y);
  39
  40             if (range.startContainer == expectedContainer) {
  41                 log("PASS: range.startContainer == " + __expectedContainer + ".");
  42             } else {
  43                 log("FAIL: range.startContainer == " + range.startContainer + ".");
  44             }
  45
  46
  47             if (range.startOffset == expectedOffset) {
  48                 log("PASS: range.startOffset == " + __expectedOffset + ".");
  49             } else {
  50                 log("FAIL: range.startOffset == " + range.startOffset + ".");
  51             }
  52         }
  53
  54         window.onload = function()
  55         {
  56             element = document.getElementById('test');
  57             image = document.getElementById('image');
  58
  59             var rect = element.getBoundingClientRect();
  60             var imageRect = image.getBoundingClientRect();
  61
  62             log("Testing left of the image");
  63             test(imageRect.left - 10, (imageRect.top + imageRect.height) - 5, "image.previousSibling", "34");
  64
  65             log("Testing right of the image");
  66             test((imageRect.left + imageRect.width) + 10, (imageRect.top + imageRect.height) - 5, "image.nextSibling", "1");
  67
  68             log("Testing on the image");
  69             test((imageRect.left + (imageRect.width / 2) + 1) , (imageRect.top + imageRect.height) - 5, "image.parentNode", "2");
  70
  71             swapInLog();
  72         }
  73     </script>
  74 </head>
  75 <body>
  76 <div id="test">xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx<img id="image" src="../../resources/abe.png">xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx</div>
  77 </body>
  78 </html>