third_party/WebKit/LayoutTests/plugins/transformed-events.html

   1 <html>
   2 <head>
   3 <style>
   4   #plugin {
   5     width: 150px;
   6     height: 150px;
   7     transform: rotate(90deg);
   8   }
   9 </style>
  10 </head>
  11
  12 <body>
  13 <embed id="plugin" type="application/x-webkit-test-webplugin" accepts-touch="raw" print-event-details="true"></embed>
  14 <script>
  15
  16     if (!window.testRunner || !window.eventSender) {
  17         document.write("This test requires DumpRenderTree.");
  18     } else {
  19         testRunner.dumpAsText();
  20
  21         // Test touch events.
  22         var positionX = plugin.offsetLeft + plugin.offsetWidth - 10;
  23         var positionY = plugin.offsetTop + 10;
  24         eventSender.addTouchPoint(positionX, positionY);
  25         eventSender.touchStart();
  26         eventSender.updateTouchPoint(0, positionX - 5, positionY + 10);
  27         eventSender.touchMove();
  28         eventSender.releaseTouchPoint(0);
  29         eventSender.touchEnd();
  30
  31         // Test mouse events.
  32         eventSender.mouseMoveTo(positionX, positionY);
  33         eventSender.mouseDown();
  34         eventSender.leapForward(10);
  35         eventSender.mouseMoveTo(positionX - 5, positionY + 10);
  36         eventSender.mouseUp();
  37         eventSender.mouseMoveTo(positionX, positionY);
  38         eventSender.mouseScrollBy(10, 0);
  39
  40         // Test gesture events.
  41         eventSender.gestureShowPress(positionX, positionY);
  42         eventSender.gestureTap(positionX, positionY);
  43     }
  44
  45 </script>
  46 </body>
  47 </html>