third_party/WebKit/LayoutTests/fast/css/hover-display-block.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<!DOCTYPE html>
<html>
<head>
  <style>
  #test {
    font: "ahem";
    font-size: 50px;
    display: block;
    color: red;
  }
  a:hover #test {
    color: rgb(0, 255, 0);
  }
  </style>
</head>
<body>
  <div id="container">
  <a href="#">
    <span id="test">This text should be green when hovered.</span>
  </a>
</div>
</body>

<script src="../js/resources/js-test-pre.js"></script>
<script>
  if (window.testRunner) {
    description("Hover should work for :display block elements (regressed in crbug.com/253472)")
    var test = document.getElementById('test');
    var container = document.getElementById('container');
    test.offsetTop;
    eventSender.mouseMoveTo(50, container.offsetTop + 25)
    test.offsetTop;
    shouldBeEqualToString("getComputedStyle(test, null).color", 'rgb(0, 255, 0)')
    container.parentNode.removeChild(container); // clean up after ourselves.
  }
  successfullyParsed = true;
</script>