third_party/WebKit/LayoutTests/fast/repaint/hover-pseudo-borders-whitespace.html

   1 <!doctype html>
   2 <style>
   3
   4 div {
   5     width: 100px;
   6     height: 100px;
   7 }
   8
   9 #div_border {
  10     border: 10px solid;
  11 }
  12
  13 #div_outline {
  14     outline: 10px solid;
  15     margin: 20px 0 0 10px;
  16 }
  17
  18 #div_border:hover, #div_border:hover + #div_outline {
  19     color: green;
  20 }
  21
  22 </style>
  23 <script src="resources/text-based-repaint.js"></script>
  24 <script>
  25     function repaintTest() {
  26         if (!window.testRunner)
  27             return;
  28         eventSender.mouseMoveTo(50, 50);
  29     }
  30     window.addEventListener("load", runRepaintTest);
  31 </script>
  32 <div id="div_border"></div>
  33 <div id="div_outline"></div>