| <!DOCTYPE html> |
| |
| <script src="../../resources/js-test.js"></script> |
| |
| <style> |
| html, body { padding: 0; margin: 0; } |
| |
| /* We only need to test ::before since it's identical to ::after in the implementation. */ |
| #before::before { |
| cursor: wait; |
| content: ""; |
| width: 20px; |
| height: 20px; |
| display: block; |
| position: absolute; |
| top: 0; |
| left: 0; |
| background: red; |
| } |
| </style> |
| |
| <div id="before"></div> |
| |
| <script> |
| description("Test that mouse cursors are applied correctly to ::before/::after pseudo elements."); |
| |
| if (!window.eventSender) { |
| debug("Hover your mouse over the red block, you should see the pointer cursor."); |
| } else { |
| eventSender.mouseMoveTo(2, 2); |
| debug("Cursor Info: " + internals.getCurrentCursorInfo()); |
| } |
| </script> |