<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../utils.js"></script>
<script>
'use strict';

target_test((target, test) => {
    const eventTracker = new EventTracker(target, ["pointerdown", "pointerup", "click"]);
    ui.tap({ x: 50, y: 50 }).then(() => {
        eventTracker.assertMatchesEvents([
            { type: "pointerdown" },
            { type: "pointerup" },
            { type: "click" }
        ]);
        test.done();
    });
}, "Verifies that a single pair of pointerup and pointerdown events are dispatched in an element with a click event handler.");
</script>
</body>
</html>