summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/uievents/order-of-events/mouse-events/click-cancel.html
blob: 082c2a0cc3e60de4cb5da4b03796458451de2899 (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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Default action is canceled if the click event is canceled.</title>
    <link rel="help" href="https://w3c.github.io/uievents/#events-clickevent-event-order">
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
    <script src="/resources/testdriver.js"></script>
    <script src="/resources/testdriver-vendor.js"></script>
  </head>
  <body>
    <input type="checkbox" id="checkbox">Check me!<br>
    <button type="button" id="button">Button</button>
    <script>
async_test(function(t) {
  var box_clicked = false;

  var box = document.getElementById("checkbox");
  box.addEventListener("click", function(event) {
    box_clicked = true;
    event.preventDefault();
  });

  var button = document.getElementById("button");
  button.addEventListener("click", t.step_func_done(function() {
    assert_true(box_clicked);
    assert_false(box.checked);
  }));

  test_driver.click(box).then(function() {
    return test_driver.click(button);
  }).catch(t.unreached_func("click failed"));
});
    </script>
  </body>
</html>