page-scaled-touch-gesture-click.html

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../../resources/js-test.js"></script>
<style type="text/css">
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
#touchtarget {
  width: 100px;
  height: 100px;
  background: blue;
}
</style>
</head>
<body style="width: 2000px; height: 2000px" onload="runTest();">
<div id="touchtarget">

<p id="description"></p>
<div id="console"></div>

<script>
var clickEventsReceived = 0;
var expectedMouseEvents = 4;
var mouseEventsReceived = 0;
var eventTypes = [ 'mousemove', 'mousedown', 'mouseup', 'click' ];

function gestureEventCallback(event)
{
    if (window.eventSender) {
        shouldBeEqualToString('event.type', eventTypes[mouseEventsReceived]);
        shouldBe('event.clientX', '20');
        shouldBe('event.clientY', '24');
        shouldBe("event.shiftKey", "false");
        shouldBe("event.altKey", "false");
        shouldBe("event.ctrlKey", "false");
        shouldBe("event.metaKey", "false");
        mouseEventsReceived++;
    } else {
        debug(event.type);
        debug(event.clientX);
        debug(event.clientY);
    }
}

// Because we may not have a gesture recognizer, we send a key press
// event to end the test without temporal flakiness.
function quitKeyToEndTest(event) {
    endTest();
}

// Log that we still got the touch events.
function touchEventCallback(event) {
    touchEventsReceived++;
    debug('have received: ' + touchEventsReceived + ' touch events');
    return true;
}

function endTest()
{
    if (mouseEventsReceived < expectedMouseEvents) {
        debug('Gesture manager not implemented on this platform.');
    }
    // Bail.
    isSuccessfullyParsed();
    testRunner.notifyDone();
}

function runTest() {
    if (window.internals) {
        internals.setPageScaleFactorLimits(0.5, 0.5);
        internals.setPageScaleFactor(0.5);
    }

    var div = document.getElementById('touchtarget');
    div.addEventListener("mousedown", gestureEventCallback, false);
    div.addEventListener("click", gestureEventCallback, false);
    div.addEventListener("mouseup", gestureEventCallback, false);
    div.addEventListener("mousemove", gestureEventCallback, false);
    document.addEventListener("keydown", quitKeyToEndTest, false);

    if (window.testRunner)
        testRunner.waitUntilDone();

    if (window.eventSender && window.internals) {
        description("This tests basic single touch gesture generation.");
        if (eventSender.clearTouchPoints) {
            eventSender.gestureTap(10, 12);
            eventSender.leapForward(10);
            eventSender.keyDown(' ');
        } else {
            endTest();
        }
    } else {
        debug("This test requires DumpRenderTree.  Tap on the blue rect to log.")
    }
}
</script>
</body>
</html>
chromium/third_party/blink/web_tests/fast/events/touch/page-scaled-touch-gesture-click.html
