summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/pointerevents/coalesced_events_attributes.html
blob: f6026048b68f767ec8e3ce5803c06171b0f1ebde (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<title>Coalesced events count and properties</title>
<meta name="variant" content="?mouse">
<meta name="variant" content="?pen">
<meta name="variant" content="?touch">
<meta name="viewport" content="width=device-width">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="pointerevent_support.js"></script>
<link rel="stylesheet" type="text/css" href="pointerevent_styles.css">
<style>
  div {
    width: 100px;
    height: 100px;
  }
</style>
<div id="target"></div>
<div id="done"></div>

<script>
  "use strict";
  const pointer_type = location.search.substring(1);
  const target = document.getElementById("target");

  // https://w3c.github.io/pointerevents/#coalesced-events
  function checkListAttributes(event) {
    assert_equals(typeof event.getCoalescedEvents, "function",
        event.type + ".getCoalescedEvents is a function");
    assert_equals(typeof event.getCoalescedEvents(), "object",
        event.type + ".getCoalescedEvents() returns an object");
    if (event.type == "pointermove") {
      assert_greater_than_equal(event.getCoalescedEvents().length, 1,
          event.type + ".getCoalescedEvents() has at least 1 entry");
    } else {
      assert_equals(event.getCoalescedEvents().length, 0,
          event.type + ".getCoalescedEvents() has 0 entry");
    }
  }

  promise_test(async () => {
    const done = document.getElementById("done");

    let pointerover_promise  = getEvent("pointerover",  target);
    let pointerenter_promise = getEvent("pointerenter", target);
    let pointerout_promise   = getEvent("pointerout",   target);
    let pointerleave_promise = getEvent("pointerleave", target);

    await clickInTarget(pointer_type, target);
    await clickInTarget(pointer_type, done);

    checkListAttributes(await pointerover_promise);
    checkListAttributes(await pointerenter_promise);
    checkListAttributes(await pointerout_promise);
    checkListAttributes(await pointerleave_promise);
  }, "Coalesced list in boundary events");

  promise_test(async () => {
    // We need "touch-action:none" to guarantee pointermove events.
    target.classList.add("touchActionNone");

    target.addEventListener("pointerdown",
        e => target.setPointerCapture(e.pointerId),
        {once: true});

    target.addEventListener("pointermove",
        e => target.releasePointerCapture(e.pointerId),
        {once: true});

    let gotpointercapture_promise  = getEvent("gotpointercapture",  target);
    let lostpointercapture_promise = getEvent("lostpointercapture", target);

    await new test_driver.Actions()
        .addPointer("TestPointer", pointer_type)
        .pointerMove(0, 0, {origin: target})
        .pointerDown()
        .pointerMove(20, 20, {origin: target})
        .pointerUp()
        .send();

    checkListAttributes(await gotpointercapture_promise);
    checkListAttributes(await lostpointercapture_promise);

    target.classList.remove("touchActionNone");
  }, "Coalesced list in pointer-capture events");

  promise_test(async () => {
    // We need "touch-action:none" to guarantee pointermove events.
    target.classList.add("touchActionNone");

    let pointerdown_promise = getEvent("pointerdown", target);
    let pointermove_promise = getEvent("pointermove", target);
    let pointerup_promise   = getEvent("pointerup",   target);

    await new test_driver.Actions()
        .addPointer("TestPointer", pointer_type)
        .pointerMove(0, 0, {origin: target})
        .pointerDown()
        .pointerMove(20, 20, {origin: target})
        .pointerUp()
        .send();

    checkListAttributes(await pointerdown_promise);
    checkListAttributes(await pointermove_promise);
    checkListAttributes(await pointerup_promise);

    target.classList.remove("touchActionNone");
  }, "Coalesced list in pointerdown/move/up events");

  promise_test(async () => {
    if (pointer_type !== "touch") {
      assert_true(true, "Skipped for " + pointer_type);
      return;
    }

    let pointercancel_promise  = getEvent("pointercancel", target);

    await new test_driver.Actions()
        .addPointer("TestPointer", pointer_type)
        .pointerMove(0, 0, {origin: target})
        .pointerDown()
        .pointerMove(20, 20, {origin: target})
        .pointerUp()
        .send();

    checkListAttributes(await pointercancel_promise);
  }, "Coalesced list in pointercancel event");
</script>