third_party/WebKit/LayoutTests/fast/events/touch/touch-coords-in-zoom-and-scroll.html

   1 <script src="../../../resources/js-test.js"></script>
   2 <style>
   3     #pusher {
   4         width: 1000px;
   5         height: 1000px;
   6         outline: 1px solid black;
   7     }
   8 </style>
   9 <div id="console"></div>
  10 <div id="testArea">
  11     <div id="pusher">This box is here to create scrollbars.</div>
  12 </div>
  13 <script>
  14     var event;
  15     var floatPrecision = 0.00001;
  16
  17     function sendTouchStart(x, y)
  18     {
  19         if (window.eventSender) {
  20             eventSender.clearTouchPoints();
  21             eventSender.addTouchPoint(x, y);
  22             eventSender.touchStart();
  23         }
  24     }
  25
  26     function zoomPageIn()
  27     {
  28         if (window.eventSender) {
  29             eventSender.zoomPageIn();
  30         }
  31     }
  32
  33     function zoomPageOut()
  34     {
  35         if (window.eventSender) {
  36             eventSender.zoomPageOut();
  37         }
  38     }
  39
  40     function scrollPage(x, y)
  41     {
  42         window.scrollTo(x, y);
  43     }
  44
  45     if (window.testRunner) {
  46         testRunner.dumpAsText();
  47         testRunner.waitUntilDone();
  48     }
  49
  50     // Default.
  51     function base(e)
  52     {
  53         event = e;
  54         debug("Base");
  55         shouldBe("event.touches[0].clientX", "100");
  56         shouldBe("event.touches[0].clientY", "100");
  57         shouldBe("event.touches[0].pageX", "100");
  58         shouldBe("event.touches[0].pageY", "100");
  59     }
  60
  61     window.addEventListener("touchstart", base, false);
  62
  63     sendTouchStart(100, 100);
  64     window.removeEventListener("touchstart", base, false);
  65
  66     // Just zoomed.
  67     function justZoomed(e)
  68     {
  69         event = e;
  70         debug("\nJust zoomed");
  71         shouldBeCloseTo("event.touches[0].clientX", 83.33333, floatPrecision);
  72         shouldBeCloseTo("event.touches[0].clientY", 83.33333, floatPrecision);
  73         shouldBeCloseTo("event.touches[0].pageX", 83.33333, floatPrecision);
  74         shouldBeCloseTo("event.touches[0].pageY", 83.33333, floatPrecision);
  75     }
  76     window.addEventListener("touchstart", justZoomed, false);
  77     zoomPageIn();
  78     sendTouchStart(100, 100);
  79     zoomPageOut();
  80     window.removeEventListener("touchstart", justZoomed, false);
  81
  82     // Just scrolled.
  83     function justScrolled(e)
  84     {
  85         event = e;
  86         debug("\nJust scrolled");
  87         shouldBe("event.touches[0].clientX", "100");
  88         shouldBe("event.touches[0].clientY", "100");
  89         shouldBe("event.touches[0].pageX", "150");
  90         shouldBe("event.touches[0].pageY", "150");
  91     }
  92     window.addEventListener("touchstart", justScrolled, false);
  93     scrollPage(50, 50);
  94     sendTouchStart(100, 100);
  95     scrollPage(0, 0);
  96     window.removeEventListener("touchstart", justScrolled, false);
  97
  98     // Zoomed and scrolled.
  99     function zoomedAndScrolled(e)
 100     {
 101         event = e;
 102         debug("\nZoomed and scrolled");
 103         shouldBeCloseTo("event.touches[0].clientX", 83.33333, floatPrecision);
 104         shouldBeCloseTo("event.touches[0].clientY", 83.33333, floatPrecision);
 105         shouldBeCloseTo("event.touches[0].pageX", 133.33333, floatPrecision);
 106         shouldBeCloseTo("event.touches[0].pageY", 133.33333, floatPrecision);
 107     }
 108     window.addEventListener("touchstart", zoomedAndScrolled, false);
 109     zoomPageIn();
 110     scrollPage(50, 50);
 111     sendTouchStart(100, 100);
 112     zoomPageOut();
 113     scrollPage(0, 0);
 114     window.removeEventListener("touchstart", zoomedAndScrolled, false);
 115
 116     if (window.eventSender) {
 117         eventSender.touchEnd();
 118         eventSender.clearTouchPoints();
 119     }
 120
 121     if (window.testRunner) {
 122         var area = document.getElementById('testArea');
 123         area.parentNode.removeChild(area);
 124         isSuccessfullyParsed();
 125         testRunner.notifyDone();
 126     }
 127 </script>