third_party/WebKit/LayoutTests/fast/css-generated-content/pseudo-element-cursor.html

   1 <!DOCTYPE html>
   2
   3 <script src="../../resources/js-test.js"></script>
   4
   5 <style>
   6 html, body { padding: 0; margin: 0; }
   7
   8 /* We only need to test ::before since it's identical to ::after in the implementation. */
   9 #before::before {
  10   cursor: wait;
  11   content: "";
  12   width: 20px;
  13   height: 20px;
  14   display: block;
  15   position: absolute;
  16   top: 0;
  17   left: 0;
  18   background: red;
  19 }
  20 </style>
  21
  22 <div id="before"></div>
  23
  24 <script>
  25 description("Test that mouse cursors are applied correctly to ::before/::after pseudo elements.");
  26
  27 if (!window.eventSender) {
  28   debug("Hover your mouse over the red block, you should see the pointer cursor.");
  29 } else {
  30   eventSender.mouseMoveTo(2, 2);
  31   debug("Cursor Info: " + window.internals.getCurrentCursorInfo());
  32 }
  33 </script>