third_party/WebKit/LayoutTests/fast/css/hover-pseudo-element-quirks.html

   1 <!-- quirks mode -->
   2 <script src="../../resources/js-test.js"></script>
   3 <style>
   4 :hover::before, :hover::after { background-color: green }
   5 #t1::before { content: "Green background when hovered" }
   6 #t2::after { content: "Green background when hovered" }
   7 </style>
   8 <div id="t1"></div>
   9 <div id="t2"></div>
  10 <script>
  11 description("Quirks mode - universal :hover on pseudo elements");
  12
  13 function moveTo(element) {
  14     eventSender.mouseMoveTo(element.offsetLeft + 1,  element.offsetTop + 1);
  15 }
  16
  17 var transparent = "rgba(0, 0, 0, 0)";
  18 var green = "rgb(0, 128, 0)";
  19
  20 shouldBeDefined("window.eventSender");
  21
  22 shouldBe("getComputedStyle(t1, '::before').backgroundColor", "transparent");
  23 moveTo(t1);
  24 shouldBe("getComputedStyle(t1, '::before').backgroundColor", "green");
  25
  26 shouldBe("getComputedStyle(t2, '::after').backgroundColor", "transparent");
  27 moveTo(t2);
  28 shouldBe("getComputedStyle(t2, '::after').backgroundColor", "green");
  29 </script>