third_party/WebKit/LayoutTests/fast/css/first-letter-hover-hit-test.html

   1 <!doctype html>
   2 <script src="../../resources/js-test.js"></script>
   3 <style>
   4 #tab:first-letter {
   5   text-transform: uppercase;
   6 }
   7 #tab {
   8   display: block;
   9 }
  10 a:hover {
  11   color: orange;
  12 }
  13 </style>
  14 <div>
  15   <span id="tab"><a id='a'>H</a></span>
  16 </div>
  17
  18 <script>
  19 if (window.eventSender) {
  20   document.body.offsetTop; // Force layout. The mouse is not tracked before first layout.
  21
  22   offset = document.getElementById('tab').getBoundingClientRect();
  23   eventSender.mouseMoveTo(offset.left + 5, offset.top + 5);
  24
  25   document.body.offsetTop; // Update layout for hovered state.
  26
  27   style = window.getComputedStyle(document.getElementById('a'));
  28   shouldBe('style.color', "'rgb(255, 165, 0)'");
  29 } else {
  30   debug("This test requires DRT.");
  31 }
  32 </script>