summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/uievents/mouse/mousemove_prevent_default_action.tentative.html
blob: 4caf98087fbf4372dc5ad28afdb48cd0bae6cea2 (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
<!doctype html>
<meta charset=utf-8>
<title>mousemove event: preventDefault()</title>
<link rel="author" title="Mirko Brodesser" href="mailto:mbrodesser@mozilla.com">
<link rel="help" href="https://github.com/w3c/uievents/issues/278">
<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=resources/utils.js></script>

<body>
  <div id="a">div a</div>
  <div id="b">div b</div>
  <div id="c" draggable="true">div c</div>
</body>

<script>
  'use strict';

  let event_log = [];

  function logEvents(e) {
    event_log.push(e.type);
  }

  function initialize(test) {
    // Deliberately avoiding mouseup here because the last selectionchange
    // may be fired before or after the mouseup.
    addTestScopedListener(document, "mousedown", logEvents, test);
    addTestScopedListener(document, "mousemove", e => e.preventDefault(), test);
    event_log = [];
  }

  promise_test(async test => {
    initialize(test);
    addTestScopedListener(document, "selectionchange", logEvents, test);

    const a = document.getElementById("a");
    const b = document.getElementById("b");

    let mouseup_promise = getEvent("mouseup", document);

    await new test_driver.Actions()
        .pointerMove(0, 0, {origin: a})
        .pointerDown()
        .addTick()
        .addTick()
        .pointerMove(0, 0, {origin: b})
        .addTick()
        .addTick()
        .pointerUp()
        .send();

    await mouseup_promise;

    const expected_events = ["mousedown", "selectionchange", "selectionchange"];

    assert_equals(event_log.toString(), expected_events.toString(),
        "received events");
  }, "selectionchange event firing when mousemove event is prevented");

  promise_test(async test => {
    initialize(test);
    addTestScopedListener(document, 'dragstart', (event) => {
      // For this test, it is enough to see the dragstart event. The event is
      // cancelled here to suppress the actual drag operation because Blink's
      // implementation of test_driver doesn't seem to be able to dispatch any
      // event once the dragging is active.
      event.preventDefault();
      logEvents(event);
    }, test);

    const b = document.getElementById("b");
    const c = document.getElementById("c");

    const mouseup_promise = getEvent('mouseup', document);

    await new test_driver.Actions()
        .pointerMove(0, 0, {origin: c})
        .pointerDown()
        .addTick()
        .addTick()
        .pointerMove(0, 0, {origin: b})
        .addTick()
        .addTick()
        .pointerUp()
        .send();

    await mouseup_promise;

    const expected_events = ["mousedown", "dragstart"];

    assert_equals(event_log.toString(), expected_events.toString(),
        "received events");
  }, "dragstart event firing when mousemove event is prevented");
</script>