1 files changed, 37 insertions, 0 deletions
diff --git a/testing/web-platform/tests/uievents/order-of-events/mouse-events/click-cancel.html b/testing/web-platform/tests/uievents/order-of-events/mouse-events/click-cancel.html
new file mode 100644
index 0000000000..082c2a0cc3
--- /dev/null
+++ b/testing/web-platform/tests/uievents/order-of-events/mouse-events/click-cancel.html
@@ -0,0 +1,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>