OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <script src="../resources/js-test.js"></script> |
| 5 <style> |
| 6 #culled:hover { |
| 7 background-color: green; |
| 8 } |
| 9 .left { |
| 10 display: inline-block; |
| 11 transform: translateY(0px); |
| 12 border: 1px solid black; |
| 13 } |
| 14 .right { |
| 15 margin-left: 200px; |
| 16 border: 1px solid black; |
| 17 } |
| 18 </style> |
| 19 </head> |
| 20 <body> |
| 21 <div id="container"> |
| 22 <span id="culled"> |
| 23 <span class="left">Hello</span> |
| 24 <span class="right">World</span> |
| 25 </span> |
| 26 </div> |
| 27 <div id="console"></div> |
| 28 </body> |
| 29 <script> |
| 30 description('To manually test, hover between the two words to see if background
color turns green.'); |
| 31 |
| 32 var rect = document.getElementById('culled').getBoundingClientRect(); |
| 33 element = document.elementFromPoint(rect.left + rect.width/2, rect.top + rect.he
ight/2); |
| 34 shouldBeEqualToString('element.id', 'culled'); |
| 35 </script> |
| 36 </html> |
OLD | NEW |