third_party/WebKit/LayoutTests/fast/css/focus-ring-recursive-inlines.html

   1 <!DOCTYPE html>
   2 <style>
   3 #container {
   4   width: 200px;
   5 }
   6 #inner {
   7   position: relative;
   8   top: -3px;
   9 }
  10 </style>
  11 <script src="../../resources/js-test.js"></script>
  12 <script>
  13 description('When adding focus ring rects, we should avoid adding line box rects of recursive inlines repeatedly');
  14 onload = function() {
  15   document.body.offsetTop;
  16   // 5 focus ring rects:
  17   // - 0-2: line boxes of the focused span;
  18   // - 3: the inner block
  19   // - 4: root line box of the inner block
  20   if (window.testRunner && window.internals)
  21     shouldBe("internals.focusRingRects(document.getElementById('focus')).length", "5");
  22 };
  23 </script>
  24 <div id="container">
  25   <span id="focus">
  26     <b><b><b><i><i><i>INLINE</i></i> <i><i>TEXT</i></i>
  27     <div id="inner"><b><b>BLOCK</b> <i>CONTENTS</i></b></div>
  28     </i></b></b></b>
  29   </span>
  30 </div>