third_party/WebKit/LayoutTests/fast/events/script-tests/page-scaled-mouse-click-iframe.js

   1 description("This tests that page scaling and CSS transforms do not affect mouse event pageX and pageY coordinates for " +
   2             "content embedded in an iframe.");
   3
   4 var html = document.documentElement;
   5
   6 var iframe = document.createElement("iframe");
   7 iframe.style.border = "none";
   8 iframe.style.width = "200px";
   9 iframe.style.height = "200px";
  10 iframe.style.background = "green";
  11
  12 var div = document.createElement("div");
  13 div.style.width = "100px";
  14 div.style.height = "100px";
  15 div.style.backgroundColor = "blue";
  16
  17 var eventLog = "";
  18
  19 function appendEventLog(event) {
  20     var msg = event.type + "(" + event.pageX + ", " + event.pageY + ")";
  21
  22     if (window.eventSender) {
  23         eventLog += msg;
  24     } else {
  25         debug(msg);
  26     }
  27 }
  28
  29 function clearEventLog() {
  30     eventLog = "";
  31 }
  32
  33 function sendEvents(button) {
  34     if (!window.eventSender) {
  35         debug("This test requires the EventSender API (provided by, for example, DumpRenderTree or WebKitTestRunner). Click on the blue rect with the left mouse button to log the mouse coordinates.")
  36         return;
  37     }
  38     eventSender.mouseDown(button);
  39     eventSender.mouseUp(button);
  40 }
  41
  42 function testEvents(button, description, expectedString) {
  43     sendEvents(button);
  44     debug(description);
  45     shouldBeEqualToString("eventLog", expectedString);
  46     clearEventLog();
  47     debug("");
  48 }
  49
  50 function iframeLoaded() {
  51   // Add the div to the iframe.
  52   div.addEventListener("click", appendEventLog, false);
  53   iframe.contentWindow.document.body.insertBefore(div, iframe.contentWindow.document.body.firstChild);
  54
  55   if (window.eventSender && window.internals) {
  56     eventSender.mouseMoveTo(10, 10);
  57     // We are clicking in the same position on screen. As we scale or transform the page,
  58     // we expect the pageX and pageY event coordinates to change because different
  59     // parts of the document are under the mouse.
  60
  61     testEvents(0, "Unscaled", "click(10, 10)");
  62
  63     window.internals.setPageScaleFactorLimits(0.5, 0.5);
  64     window.internals.setPageScaleFactor(0.5);
  65     testEvents(0, "setPageScale(0.5)", "click(20, 20)");
  66
  67     window.internals.setPageScaleFactorLimits(1, 1);
  68     window.internals.setPageScaleFactor(1.0);
  69     html.style["-webkit-transform"] = "scale(0.5, 2.0)";
  70     html.style["-webkit-transform-origin"] = "0 0";
  71     testEvents(0, "CSS scale(0.5, 2.0)", "click(20, 5)");
  72
  73     window.internals.setPageScaleFactorLimits(0.5, 0.5);
  74     window.internals.setPageScaleFactor(0.5);
  75     testEvents(0, "setPageScale(0.5), CSS scale(0.5, 2.0)", "click(40, 10)");
  76   }
  77
  78   finishJSTest();
  79 }
  80
  81 // Mouse events only work after an initial layout
  82 document.body.offsetLeft;
  83
  84 // Add the iframe to the document.
  85 iframe.src = "resources/page-scaled-mouse-click-iframe-inner.html";
  86 document.body.insertBefore(iframe, document.body.firstChild);
  87
  88 window.jsTestIsAsync = true;