| <!doctype html> |
| <script src="../../resources/js-test.js"></script> |
| <style> |
| #tab:first-letter { |
| text-transform: uppercase; |
| } |
| #tab { |
| display: block; |
| } |
| a:hover { |
| color: orange; |
| } |
| </style> |
| <div> |
| <span id="tab"><a id='a'>H</a></span> |
| </div> |
| |
| <script> |
| if (window.eventSender) { |
| document.body.offsetTop; // Force layout. The mouse is not tracked before first layout. |
| |
| offset = document.getElementById('tab').getBoundingClientRect(); |
| eventSender.mouseMoveTo(offset.left + 5, offset.top + 5); |
| |
| document.body.offsetTop; // Update layout for hovered state. |
| |
| style = window.getComputedStyle(document.getElementById('a')); |
| shouldBe('style.color', "'rgb(255, 165, 0)'"); |
| } else { |
| debug("This test requires DRT."); |
| } |
| </script> |