third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-culled-inline-with-linebreak.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>Document::nodesFromRect : culled inline with line-break - bug 88376</title>
   5     <script src="../../../resources/js-test.js"></script>
   6     <script src="resources/nodesFromRect.js"></script>
   7     <style>
   8         #sandbox {
   9             position: absolute;
  10             left: 0px;
  11             top: 0px;
  12             width: 220px;
  13             height: 200px;
  14         }
  15         #sandbox p { font: 20px Ahem; }
  16     </style>
  17 </head>
  18 <body id="body">
  19     <div id=sandbox>
  20         <p>Word <span id=culledinline>word1 <span id=wordinline2>word2</span></span> word
  21     </div>
  22
  23     <p id="description"></p>
  24     <span id="console"></span>
  25     <script type="application/javascript">
  26         function runTest()
  27         {
  28             description(document.title);
  29             window.scrollTo(0, 0);
  30             /* Rect based test over word1 only. */
  31             checkRect(110, 25, 10, 10, "'word1 '");
  32             /* Rect based test over the word2 only. */
  33             checkRect(20, 45, 10, 10, "'word2'");
  34             /* Rect based test not contained by culledinline, but contained by its bounding box. */
  35             checkRect(20, 35, 10, 20, "'word2', SPAN#wordinline2, SPAN#culledinline, P, 'Word '");
  36             /* Note the order of P and 'Word ' is slightly unusual, but this is due to lines being tested one by one. */
  37
  38             document.getElementById('sandbox').style.display = 'none';
  39         }
  40         runTest();
  41     </script>
  42 </body>
  43 </html>
  44