multi-touch-timestamp.html | Explore in Territory

<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<body>
<div id="box" style="width:100%; height:100%; background:green">Target</div>
</body>
<script type="text/javascript">

var box = document.getElementById("box");
var targetRect = box.getBoundingClientRect();
var offset = 50;
var x = targetRect.left + offset;
var y = targetRect.top + offset;
var last_event_time = 0;

function validTouchResult(event) {
    if (last_event_time) {
      testTouchPointers.step(function () {
        assert_greater_than(event.timeStamp, last_event_time)
      });
    }
    last_event_time = Math.floor(event.timeStamp);
}

function endTest() {
    testTouchPointers.done();
}

function testMultiTouchPointers() {
    if (window.chrome && chrome.gpuBenchmarking) {
        var pointerActions =
            [{source: "touch", id: 0,
              actions: [
                { name: "pointerDown", x: x, y: y },
                { name: "pointerMove", x: x + 30, y: y + 30 },
                { name: "pause", },
                { name: "pointerMove", x: x + 50, y: y + 50 },
                { name: "pause", },
                { name: "pointerMove", x: x + 90, y: y + 90 },
                { name: "pause", },
                { name: "pointerUp" }]},
             {source: "touch", id: 1,
              actions: [
                { name: "pause" },
                { name: "pointerDown", x: x, y: y },
                { name: "pointerMove", x: x + 50, y: y },
                { name: "pause" },
                { name: "pointerMove", x: x + 60, y: y + 20 },
                { name: "pause", },
                { name: "pointerMove", x: x + 90, y: y + 30 },
                { name: "pointerUp"}]}];
        chrome.gpuBenchmarking.pointerActionSequence(pointerActions, endTest);
      }
}

var testTouchPointers = async_test("Test touch event timestamp with multiple finger.");

box.addEventListener('touchstart', validTouchResult);
box.addEventListener('touchmove', validTouchResult);
box.addEventListener('touchend', validTouchResult);
testMultiTouchPointers();

</script>
chromium/third_party/blink/web_tests/fast/events/touch/multi-touch-timestamp.html
