From 7e1462dd0290efad35ae3163ae5fc0de135ad4a7 Mon Sep 17 00:00:00 2001
From: Deokjin Kim <deokjin81.kim@samsung.com>
Date: Wed, 11 Jan 2023 05:01:49 +0900
Subject: [PATCH] test: update Web Events WPT

This updates the tests and the status file via running
`git node wpt dom/events`.

PR-URL: https://github.com/nodejs/node/pull/46051
Reviewed-By: Luigi Pinca <luigipinca@gmail.com>
---
 test/fixtures/wpt/README.md                   |   2 +-
 .../events/Body-FrameSet-Event-Handlers.html  | 123 +++++++++
 .../wpt/dom/events/Event-constructors.any.js  |   6 +
 ...-set-when-reporting-exception-onerror.html |  43 +++
 .../wpt/dom/events/mouse-event-retarget.html  |  26 ++
 ...-at-clicking-editable-content-in-link.html |  80 ++++++
 ...ive-mousewheel-event-listener-on-body.html |  19 ++
 ...sive-mousewheel-event-listener-on-div.html |  35 +++
 ...mousewheel-event-listener-on-document.html |  19 ++
 ...ive-mousewheel-event-listener-on-root.html |  19 ++
 ...e-mousewheel-event-listener-on-window.html |  19 ++
 ...sive-touchmove-event-listener-on-body.html |  25 ++
 ...ssive-touchmove-event-listener-on-div.html |  25 ++
 ...-touchmove-event-listener-on-document.html |  25 ++
 ...sive-touchmove-event-listener-on-root.html |  25 ++
 ...ve-touchmove-event-listener-on-window.html |  25 ++
 ...ive-touchstart-event-listener-on-body.html |  25 ++
 ...sive-touchstart-event-listener-on-div.html |  25 ++
 ...touchstart-event-listener-on-document.html |  25 ++
 ...ive-touchstart-event-listener-on-root.html |  25 ++
 ...e-touchstart-event-listener-on-window.html |  25 ++
 ...-passive-wheel-event-listener-on-body.html |  18 ++
 ...n-passive-wheel-event-listener-on-div.html |  34 +++
 ...sive-wheel-event-listener-on-document.html |  18 ++
 ...-passive-wheel-event-listener-on-root.html |  18 ++
 ...assive-wheel-event-listener-on-window.html |  18 ++
 ...ive-mousewheel-event-listener-on-body.html |  19 ++
 ...sive-mousewheel-event-listener-on-div.html |  35 +++
 ...mousewheel-event-listener-on-document.html |  19 ++
 ...ive-mousewheel-event-listener-on-root.html |  19 ++
 ...e-mousewheel-event-listener-on-window.html |  19 ++
 ...sive-touchmove-event-listener-on-body.html |  25 ++
 ...ssive-touchmove-event-listener-on-div.html |  25 ++
 ...-touchmove-event-listener-on-document.html |  25 ++
 ...sive-touchmove-event-listener-on-root.html |  25 ++
 ...ve-touchmove-event-listener-on-window.html |  25 ++
 ...ive-touchstart-event-listener-on-body.html |  25 ++
 ...sive-touchstart-event-listener-on-div.html |  25 ++
 ...touchstart-event-listener-on-document.html |  25 ++
 ...ive-touchstart-event-listener-on-root.html |  25 ++
 ...e-touchstart-event-listener-on-window.html |  25 ++
 .../passive-wheel-event-listener-on-body.html |  18 ++
 .../passive-wheel-event-listener-on-div.html  |  34 +++
 ...sive-wheel-event-listener-on-document.html |  18 ++
 .../passive-wheel-event-listener-on-root.html |  18 ++
 ...assive-wheel-event-listener-on-window.html |  18 ++
 .../resources/scrolling.js                    |  34 +++
 .../resources/touching.js                     |  34 +++
 .../resources/wait-for.js                     |  15 ++
 .../synthetic-events-cancelable.html          |  34 +++
 .../wpt/dom/events/passive-by-default.html    |  50 ++++
 .../dom/events/scrolling/iframe-chains.html   |   3 +-
 .../dom/events/scrolling/scroll_support.js    |  68 ++++-
 ...d-after-sequence-of-scrolls.tentative.html |  63 +++++
 .../scrollend-event-fired-after-snap.html     |   1 +
 ...d-event-fired-for-programmatic-scroll.html |   1 +
 ...ollend-event-fired-for-scrollIntoView.html |   1 +
 .../scrollend-event-fired-to-document.html    |   1 +
 ...d-to-element-with-overscroll-behavior.html |  19 +-
 ...llend-event-fired-to-scrolled-element.html |   1 +
 .../scrollend-event-fired-to-window.html      |   1 +
 .../scrollend-event-for-user-scroll.html      | 251 +++++++++++-------
 ...lend-event-handler-content-attributes.html | 108 ++++++++
 ...red-after-removing-scroller.tentative.html |  84 ++++++
 test/fixtures/wpt/versions.json               |   2 +-
 test/wpt/status/dom/events.json               |   4 +-
 66 files changed, 1883 insertions(+), 106 deletions(-)
 create mode 100644 test/fixtures/wpt/dom/events/Body-FrameSet-Event-Handlers.html
 create mode 100644 test/fixtures/wpt/dom/events/event-global-is-still-set-when-reporting-exception-onerror.html
 create mode 100644 test/fixtures/wpt/dom/events/mouse-event-retarget.html
 create mode 100644 test/fixtures/wpt/dom/events/no-focus-events-at-clicking-editable-content-in-link.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-body.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-div.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-document.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-root.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-window.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-body.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-div.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-document.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-root.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-window.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-body.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-div.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-document.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-root.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-window.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-body.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-div.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-document.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-root.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-window.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-body.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-div.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-document.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-root.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-window.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-body.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-div.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-document.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-root.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-window.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-body.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-div.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-document.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-root.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-window.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-body.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-div.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-document.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-root.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-window.html
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/scrolling.js
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/touching.js
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/wait-for.js
 create mode 100644 test/fixtures/wpt/dom/events/non-cancelable-when-passive/synthetic-events-cancelable.html
 create mode 100644 test/fixtures/wpt/dom/events/passive-by-default.html
 create mode 100644 test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-after-sequence-of-scrolls.tentative.html
 create mode 100644 test/fixtures/wpt/dom/events/scrolling/scrollend-event-handler-content-attributes.html
 create mode 100644 test/fixtures/wpt/dom/events/scrolling/scrollend-event-not-fired-after-removing-scroller.tentative.html

diff --git a/test/fixtures/wpt/README.md b/test/fixtures/wpt/README.md
index 51f8e94232e6b0..f198a63893bc02 100644
--- a/test/fixtures/wpt/README.md
+++ b/test/fixtures/wpt/README.md
@@ -13,7 +13,7 @@ Last update:
 - common: https://github.com/web-platform-tests/wpt/tree/03c5072aff/common
 - console: https://github.com/web-platform-tests/wpt/tree/767ae35464/console
 - dom/abort: https://github.com/web-platform-tests/wpt/tree/8fadb38120/dom/abort
-- dom/events: https://github.com/web-platform-tests/wpt/tree/f8821adb28/dom/events
+- dom/events: https://github.com/web-platform-tests/wpt/tree/ab8999891c/dom/events
 - encoding: https://github.com/web-platform-tests/wpt/tree/779d175c40/encoding
 - fetch/data-urls/resources: https://github.com/web-platform-tests/wpt/tree/7c79d998ff/fetch/data-urls/resources
 - FileAPI: https://github.com/web-platform-tests/wpt/tree/3b279420d4/FileAPI
diff --git a/test/fixtures/wpt/dom/events/Body-FrameSet-Event-Handlers.html b/test/fixtures/wpt/dom/events/Body-FrameSet-Event-Handlers.html
new file mode 100644
index 00000000000000..3a891158d5f863
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/Body-FrameSet-Event-Handlers.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html>
+<title>HTMLBodyElement and HTMLFrameSetElement Event Handler Tests</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<script>
+function getObject(interface) {
+    switch(interface) {
+        case "Element":
+            var e = document.createElementNS("http://example.com/", "example");
+            assert_true(e instanceof Element);
+            assert_false(e instanceof HTMLElement);
+            assert_false(e instanceof SVGElement);
+            return e;
+        case "HTMLElement":
+            var e = document.createElement("html");
+            assert_true(e instanceof HTMLElement);
+            return e;
+        case "HTMLBodyElement":
+            var e = document.createElement("body");
+            assert_true(e instanceof HTMLBodyElement);
+            return e;
+        case "HTMLFormElement":
+            var e = document.createElement("form");
+            assert_true(e instanceof HTMLFormElement);
+            return e;
+        case "HTMLFrameSetElement":
+            var e = document.createElement("frameset");
+            assert_true(e instanceof HTMLFrameSetElement);
+            return e;
+        case "SVGElement":
+            var e = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+            assert_true(e instanceof SVGElement);
+            return e;
+        case "Document":
+            assert_true(document instanceof Document);
+            return document;
+        case "Window":
+            assert_true(window instanceof Window);
+            return window;
+    }
+    assert_unreached();
+}
+
+function testSet(interface, attribute) {
+    test(function() {
+        var object = getObject(interface);
+        function nop() {}
+        assert_equals(object[attribute], null, "Initially null");
+        object[attribute] = nop;
+        assert_equals(object[attribute], nop, "Return same function");
+        object[attribute] = "";
+        assert_equals(object[attribute], null, "Return null after setting string");
+        object[attribute] = null;
+        assert_equals(object[attribute], null, "Finally null");
+    }, "Set " + interface + "." + attribute);
+}
+
+function testReflect(interface, attribute) {
+    test(function() {
+        var element = getObject(interface);
+        assert_false(element.hasAttribute(attribute), "Initially missing");
+        element.setAttribute(attribute, "return");
+        assert_equals(element.getAttribute(attribute), "return", "Return same string");
+        assert_equals(typeof element[attribute], "function", "Convert to function");
+        element.removeAttribute(attribute);
+    }, "Reflect " + interface + "." + attribute);
+}
+
+function testForwardToWindow(interface, attribute) {
+    test(function() {
+        var element = getObject(interface);
+        window[attribute] = null;
+        element.setAttribute(attribute, "return");
+        assert_equals(typeof window[attribute], "function", "Convert to function");
+        assert_equals(window[attribute], element[attribute], "Forward content attribute");
+        function nop() {}
+        element[attribute] = nop;
+        assert_equals(window[attribute], nop, "Forward IDL attribute");
+        window[attribute] = null;
+    }, "Forward " + interface + "." + attribute + " to Window");
+}
+
+// Object.propertyIsEnumerable cannot be used because it doesn't
+// work with properties inherited through the prototype chain.
+function getEnumerable(interface) {
+    var enumerable = {};
+    for (var attribute in getObject(interface)) {
+        enumerable[attribute] = true;
+    }
+    return enumerable;
+}
+
+var enumerableCache = {};
+function testEnumerate(interface, attribute) {
+    if (!(interface in enumerableCache)) {
+        enumerableCache[interface] = getEnumerable(interface);
+    }
+    test(function() {
+        assert_true(enumerableCache[interface][attribute]);
+    }, "Enumerate " + interface + "." + attribute);
+}
+
+[
+    "onblur",
+    "onerror",
+    "onfocus",
+    "onload",
+    "onscroll",
+    "onresize"
+].forEach(function(attribute) {
+    testSet("HTMLBodyElement", attribute);
+    testEnumerate("HTMLBodyElement", attribute);
+    testReflect("HTMLBodyElement", attribute);
+    testForwardToWindow("HTMLBodyElement", attribute);
+    testSet("HTMLFrameSetElement", attribute);
+    testEnumerate("HTMLFrameSetElement", attribute);
+    testReflect("HTMLFrameSetElement", attribute);
+    testForwardToWindow("HTMLFrameSetElement", attribute);
+});
+</script>
+</html>
diff --git a/test/fixtures/wpt/dom/events/Event-constructors.any.js b/test/fixtures/wpt/dom/events/Event-constructors.any.js
index aced2f3c2cda61..faa623ea92991b 100644
--- a/test/fixtures/wpt/dom/events/Event-constructors.any.js
+++ b/test/fixtures/wpt/dom/events/Event-constructors.any.js
@@ -1,5 +1,11 @@
 // META: title=Event constructors
 
+test(function() {
+  assert_throws_js(
+    TypeError,
+    () => Event(""),
+    "Calling Event constructor without 'new' must throw")
+})
 test(function() {
   assert_throws_js(TypeError, function() {
     new Event()
diff --git a/test/fixtures/wpt/dom/events/event-global-is-still-set-when-reporting-exception-onerror.html b/test/fixtures/wpt/dom/events/event-global-is-still-set-when-reporting-exception-onerror.html
new file mode 100644
index 00000000000000..ceaac4fe2b2408
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/event-global-is-still-set-when-reporting-exception-onerror.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>window.onerror handler restores window.event after it reports an exception</title>
+<link rel="help" href="https://dom.spec.whatwg.org/#concept-event-listener-inner-invoke">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<body>
+<iframe src="resources/empty-document.html"></iframe>
+<iframe src="resources/empty-document.html"></iframe>
+
+<script>
+setup({ allow_uncaught_exception: true });
+
+async_test(t => {
+    window.onload = t.step_func_done(onLoadEvent => {
+        frames[0].onerror = new frames[1].Function(`
+            top.eventDuringSecondOnError = top.window.event;
+            top.frames[0].eventDuringSecondOnError = top.frames[0].event;
+            top.frames[1].eventDuringSecondOnError = top.frames[1].event;
+        `);
+
+        window.onerror = new frames[0].Function(`
+            top.eventDuringFirstOnError = top.window.event;
+            top.frames[0].eventDuringFirstOnError = top.frames[0].event;
+            top.frames[1].eventDuringFirstOnError = top.frames[1].event;
+
+            foo; // cause second onerror
+        `);
+
+        const myEvent = new ErrorEvent("error", { error: new Error("myError") });
+        window.dispatchEvent(myEvent);
+
+        assert_equals(top.eventDuringFirstOnError, onLoadEvent);
+        assert_equals(frames[0].eventDuringFirstOnError, myEvent);
+        assert_equals(frames[1].eventDuringFirstOnError, undefined);
+
+        assert_equals(top.eventDuringSecondOnError, onLoadEvent);
+        assert_equals(frames[0].eventDuringSecondOnError, myEvent);
+        assert_equals(frames[1].eventDuringSecondOnError.error.name, "ReferenceError");
+    });
+});
+</script>
diff --git a/test/fixtures/wpt/dom/events/mouse-event-retarget.html b/test/fixtures/wpt/dom/events/mouse-event-retarget.html
new file mode 100644
index 00000000000000..c9ce6240d40cc8
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/mouse-event-retarget.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<title>Script created MouseEvent properly retargets and adjusts offsetX</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+body {
+  margin: 8px;
+  padding: 0;
+}
+</style>
+
+<div id="target">Hello</div>
+
+<script>
+async_test(t => {
+  target.addEventListener('click', ev => {
+    t.step(() => assert_equals(ev.offsetX, 42));
+    t.done();
+  });
+
+  const ev = new MouseEvent('click', { clientX: 50 });
+  target.dispatchEvent(ev);
+}, "offsetX is correctly adjusted");
+</script>
diff --git a/test/fixtures/wpt/dom/events/no-focus-events-at-clicking-editable-content-in-link.html b/test/fixtures/wpt/dom/events/no-focus-events-at-clicking-editable-content-in-link.html
new file mode 100644
index 00000000000000..dc08636c467fdf
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/no-focus-events-at-clicking-editable-content-in-link.html
@@ -0,0 +1,80 @@
+<!doctype html>
+<html>
+<head>
+<meta chareset="utf-8">
+<title>Clicking editable content in link shouldn't cause redundant focus related events</title>
+<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>
+</head>
+<body>
+<a href="#"><span contenteditable>Hello</span></a>
+<a href="#" contenteditable><span>Hello</span></a>
+<script>
+function promiseTicks() {
+  return new Promise(resolve => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(resolve);
+    });
+  });
+}
+
+async function clickElementAndCollectFocusEvents(x, y, options) {
+  await promiseTicks();
+  let events = [];
+  for (const eventType of ["focus", "blur", "focusin", "focusout"]) {
+    document.addEventListener(eventType, event => {
+      events.push(`type: ${event.type}, target: ${event.target.nodeName}`);
+    }, {capture: true});
+  }
+
+  const waitForClickEvent = new Promise(resolve => {
+    addEventListener("click", resolve, {capture: true, once: true});
+  });
+
+  await new test_driver
+    .Actions()
+    .pointerMove(x, y, options)
+    .pointerDown()
+    .pointerUp()
+    .send();
+
+  await waitForClickEvent;
+  await promiseTicks();
+  return events;
+}
+
+promise_test(async t => {
+  document.activeElement?.blur();
+  const editingHost = document.querySelector("span[contenteditable]");
+  editingHost.blur();
+  const focusEvents =
+    await clickElementAndCollectFocusEvents(5, 5, {origin: editingHost});
+  assert_array_equals(
+    focusEvents,
+    [
+      "type: focus, target: SPAN",
+      "type: focusin, target: SPAN",
+    ],
+    "Click event shouldn't cause redundant focus events");
+}, "Click editable element in link");
+
+promise_test(async t => {
+  document.activeElement?.blur();
+  const editingHost = document.querySelector("a[contenteditable]");
+  editingHost.blur();
+  const focusEvents =
+    await clickElementAndCollectFocusEvents(5, 5, {origin: editingHost});
+  assert_array_equals(
+    focusEvents,
+    [
+      "type: focus, target: A",
+      "type: focusin, target: A",
+    ],
+    "Click event shouldn't cause redundant focus events");
+}, "Click editable link");
+</script>
+</body>
+</html>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-body.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-body.html
new file mode 100644
index 00000000000000..5574fe0acbcccb
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-body.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>non-passive mousewheel event listener on body</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<link rel="help" href="https://github.com/w3c/uievents/issues/331">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.body,
+    eventName: 'mousewheel',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-div.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-div.html
new file mode 100644
index 00000000000000..6fbf692cd79d76
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-div.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>non-passive mousewheel event listener on div</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<link rel="help" href="https://github.com/w3c/uievents/issues/331">
+<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/scrolling.js"></script>
+<style>
+  html, body {
+    overflow: hidden;
+    margin: 0;
+  }
+  #div {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: scroll;
+  }
+</style>
+<div class=remove-on-cleanup id=div>
+  <div style="height: 200vh"></div>
+</div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.getElementById('div'),
+    eventName: 'mousewheel',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-document.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-document.html
new file mode 100644
index 00000000000000..7d07393c699dd5
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-document.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>non-passive mousewheel event listener on document</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<link rel="help" href="https://github.com/w3c/uievents/issues/331">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document,
+    eventName: 'mousewheel',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-root.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-root.html
new file mode 100644
index 00000000000000..e85fbacaba6a97
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-root.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>non-passive mousewheel event listener on root</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<link rel="help" href="https://github.com/w3c/uievents/issues/331">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.documentElement,
+    eventName: 'mousewheel',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-window.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-window.html
new file mode 100644
index 00000000000000..29b09f85615d61
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-mousewheel-event-listener-on-window.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>non-passive mousewheel event listener on window</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<link rel="help" href="https://github.com/w3c/uievents/issues/331">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: window,
+    eventName: 'mousewheel',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-body.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-body.html
new file mode 100644
index 00000000000000..f417bdd0a66817
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-body.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>non-passive touchmove event listener on body</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.body,
+    eventName: 'touchmove',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-div.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-div.html
new file mode 100644
index 00000000000000..11c9345407566d
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-div.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>non-passive touchmove event listener on div</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.getElementById('touchDiv'),
+    eventName: 'touchmove',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-document.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-document.html
new file mode 100644
index 00000000000000..8b95a8d492be36
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-document.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>non-passive touchmove event listener on document</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document,
+    eventName: 'touchmove',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-root.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-root.html
new file mode 100644
index 00000000000000..c41ab72bd8c645
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-root.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>non-passive touchmove event listener on root</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.documentElement,
+    eventName: 'touchmove',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-window.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-window.html
new file mode 100644
index 00000000000000..3d6675c56615eb
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchmove-event-listener-on-window.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<link rel="help" href="https://github.com/WICG/interventions/issues/35">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: window,
+    eventName: 'touchstart',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-body.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-body.html
new file mode 100644
index 00000000000000..f6e6ecb06d9c55
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-body.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>non-passive touchstart event listener on body</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.body,
+    eventName: 'touchstart',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-div.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-div.html
new file mode 100644
index 00000000000000..2e7c6e6b3b6992
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-div.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>non-passive touchstart event listener on div</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.getElementById('touchDiv'),
+    eventName: 'touchstart',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-document.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-document.html
new file mode 100644
index 00000000000000..22fcbdc322ca27
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-document.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>non-passive touchstart event listener on document</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document,
+    eventName: 'touchstart',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-root.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-root.html
new file mode 100644
index 00000000000000..56c51349a04f38
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-root.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>non-passive touchstart event listener on root</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.documentElement,
+    eventName: 'touchstart',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-window.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-window.html
new file mode 100644
index 00000000000000..4e9d424a9ded16
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-touchstart-event-listener-on-window.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>non-passive touchstart event listener on window</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: window,
+    eventName: 'touchstart',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-body.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-body.html
new file mode 100644
index 00000000000000..070cadc29187af
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-body.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>non-passive wheel event listener on body</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.body,
+    eventName: 'wheel',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-div.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-div.html
new file mode 100644
index 00000000000000..c49d18ac139a55
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-div.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<title>non-passive wheel event listener on div</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<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/scrolling.js"></script>
+<style>
+  html, body {
+    overflow: hidden;
+    margin: 0;
+  }
+  #div {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: scroll;
+  }
+</style>
+<div class=remove-on-cleanup id=div>
+  <div style="height: 200vh"></div>
+</div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.getElementById('div'),
+    eventName: 'wheel',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-document.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-document.html
new file mode 100644
index 00000000000000..31a55cad43e17d
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-document.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>non-passive wheel event listener on document</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document,
+    eventName: 'wheel',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-root.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-root.html
new file mode 100644
index 00000000000000..b7bacbfc7ceb38
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-root.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>non-passive wheel event listener on root</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.documentElement,
+    eventName: 'wheel',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-window.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-window.html
new file mode 100644
index 00000000000000..c236059df4dac9
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/non-passive-wheel-event-listener-on-window.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>non-passive wheel event listener on window</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: window,
+    eventName: 'wheel',
+    passive: false,
+    expectCancelable: true,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-body.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-body.html
new file mode 100644
index 00000000000000..9db12cfbdc7343
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-body.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>passive mousewheel event listener on body</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<link rel="help" href="https://github.com/w3c/uievents/issues/331">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.body,
+    eventName: 'mousewheel',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-div.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-div.html
new file mode 100644
index 00000000000000..373670856b833e
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-div.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>passive mousewheel event listener on div</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<link rel="help" href="https://github.com/w3c/uievents/issues/331">
+<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/scrolling.js"></script>
+<style>
+  html, body {
+    overflow: hidden;
+    margin: 0;
+  }
+  #div {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: scroll;
+  }
+</style>
+<div class=remove-on-cleanup id=div>
+  <div style="height: 200vh"></div>
+</div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.getElementById('div'),
+    eventName: 'mousewheel',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-document.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-document.html
new file mode 100644
index 00000000000000..71262280b6fec6
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-document.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>passive mousewheel event listener on document</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<link rel="help" href="https://github.com/w3c/uievents/issues/331">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document,
+    eventName: 'mousewheel',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-root.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-root.html
new file mode 100644
index 00000000000000..fc641d172e91bb
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-root.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>passive mousewheel event listener on root</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<link rel="help" href="https://github.com/w3c/uievents/issues/331">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.documentElement,
+    eventName: 'mousewheel',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-window.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-window.html
new file mode 100644
index 00000000000000..f60955c7c48895
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-mousewheel-event-listener-on-window.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>passive mousewheel event listener on window</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<link rel="help" href="https://github.com/w3c/uievents/issues/331">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: window,
+    eventName: 'mousewheel',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-body.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-body.html
new file mode 100644
index 00000000000000..2349bad2583434
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-body.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>passive touchmove event listener on body</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.body,
+    eventName: 'touchmove',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-div.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-div.html
new file mode 100644
index 00000000000000..a61b34851e99ae
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-div.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>passive touchmove event listener on div</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.getElementById('touchDiv'),
+    eventName: 'touchmove',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-document.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-document.html
new file mode 100644
index 00000000000000..b49971b5b0145e
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-document.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>passive touchmove event listener on document</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document,
+    eventName: 'touchmove',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-root.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-root.html
new file mode 100644
index 00000000000000..b8517045900863
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-root.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>passive touchmove event listener on root</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.documentElement,
+    eventName: 'touchmove',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-window.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-window.html
new file mode 100644
index 00000000000000..351d6ace845935
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchmove-event-listener-on-window.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>passive touchmove event listener on window</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: window,
+    eventName: 'touchstart',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-body.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-body.html
new file mode 100644
index 00000000000000..c3d2b577fd8c66
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-body.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>passive touchstart event listener on body</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.body,
+    eventName: 'touchstart',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-div.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-div.html
new file mode 100644
index 00000000000000..103e7f0d233a60
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-div.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>passive touchstart event listener on div</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.getElementById('touchDiv'),
+    eventName: 'touchstart',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-document.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-document.html
new file mode 100644
index 00000000000000..2e4de2405fb2fb
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-document.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>passive touchstart event listener on document</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document,
+    eventName: 'touchstart',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-root.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-root.html
new file mode 100644
index 00000000000000..0f52e9a16fe67c
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-root.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>passive touchstart event listener on root</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.documentElement,
+    eventName: 'touchstart',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-window.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-window.html
new file mode 100644
index 00000000000000..c47af8101f2b7b
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-touchstart-event-listener-on-window.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>passive touchstart event listener on window</title>
+<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
+<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/wait-for.js"></script>
+<script src="resources/touching.js"></script>
+<style>
+#touchDiv {
+  width: 100px;
+  height: 100px;
+}
+</style>
+<div id="touchDiv"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: window,
+    eventName: 'touchstart',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-body.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-body.html
new file mode 100644
index 00000000000000..fe0869b0229f5c
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-body.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>passive wheel event listener on body</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.body,
+    eventName: 'wheel',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-div.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-div.html
new file mode 100644
index 00000000000000..e2ca6e795ae0f3
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-div.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<title>passive wheel event listener on div</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<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/scrolling.js"></script>
+<style>
+  html, body {
+    overflow: hidden;
+    margin: 0;
+  }
+  #div {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: scroll;
+  }
+</style>
+<div class=remove-on-cleanup id=div>
+  <div style="height: 200vh"></div>
+</div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.getElementById('div'),
+    eventName: 'wheel',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-document.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-document.html
new file mode 100644
index 00000000000000..61b716f7bbfb58
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-document.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>passive wheel event listener on document</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document,
+    eventName: 'wheel',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-root.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-root.html
new file mode 100644
index 00000000000000..6b383bc871d7aa
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-root.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>passive wheel event listener on root</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: document.documentElement,
+    eventName: 'wheel',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-window.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-window.html
new file mode 100644
index 00000000000000..a1e901f5527d9a
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/passive-wheel-event-listener-on-window.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>passive wheel event listener on window</title>
+<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
+<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/scrolling.js"></script>
+<div class=remove-on-cleanup style="height: 200vh"></div>
+<script>
+  document.body.onload = () => runTest({
+    target: window,
+    eventName: 'wheel',
+    passive: true,
+    expectCancelable: false,
+  });
+</script>
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/scrolling.js b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/scrolling.js
new file mode 100644
index 00000000000000..88e10f5efdceab
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/scrolling.js
@@ -0,0 +1,34 @@
+function raf() {
+  return new Promise((resolve) => {
+    // rAF twice.
+    window.requestAnimationFrame(() => {
+      window.requestAnimationFrame(resolve);
+    });
+  });
+}
+
+async function runTest({target, eventName, passive, expectCancelable}) {
+  await raf();
+
+  let cancelable = null;
+  let arrived = false;
+  target.addEventListener(eventName, function (event) {
+    cancelable = event.cancelable;
+    arrived = true;
+  }, {passive:passive, once:true});
+
+  promise_test(async (t) => {
+    t.add_cleanup(() => {
+      document.querySelector('.remove-on-cleanup')?.remove();
+    });
+    const pos_x = Math.floor(window.innerWidth / 2);
+    const pos_y = Math.floor(window.innerHeight / 2);
+    const delta_x = 0;
+    const delta_y = 100;
+
+    await new test_driver.Actions()
+      .scroll(pos_x, pos_y, delta_x, delta_y).send();
+    await t.step_wait(() => arrived, `Didn't get event ${eventName} on ${target.localName}`);
+    assert_equals(cancelable, expectCancelable);
+  });
+}
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/touching.js b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/touching.js
new file mode 100644
index 00000000000000..620d26804bf8c7
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/touching.js
@@ -0,0 +1,34 @@
+function waitForCompositorCommit() {
+  return new Promise((resolve) => {
+    // rAF twice.
+    window.requestAnimationFrame(() => {
+      window.requestAnimationFrame(resolve);
+    });
+  });
+}
+
+function injectInput(touchDiv) {
+  return new test_driver.Actions()
+    .addPointer("touch_pointer", "touch")
+    .pointerMove(0, 0, {origin: touchDiv})
+    .pointerDown()
+    .pointerMove(30, 30)
+    .pointerUp()
+    .send();
+}
+
+function runTest({target, eventName, passive, expectCancelable}) {
+  let touchDiv = document.getElementById("touchDiv");
+  let cancelable = null;
+  let arrived = false;
+  target.addEventListener(eventName, function (event) {
+    cancelable = event.cancelable;
+    arrived = true;
+  }, {passive});
+  promise_test(async () => {
+    await waitForCompositorCommit();
+    await injectInput(touchDiv);
+    await waitFor(() => arrived);
+    assert_equals(cancelable, expectCancelable);
+  });
+}
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/wait-for.js b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/wait-for.js
new file mode 100644
index 00000000000000..0bf3e558342fd6
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/resources/wait-for.js
@@ -0,0 +1,15 @@
+function waitFor(condition, MAX_FRAME = 500) {
+  return new Promise((resolve, reject) => {
+    function tick(frames) {
+      // We requestAnimationFrame either for MAX_FRAME frames or until condition is
+      // met.
+      if (frames >= MAX_FRAME)
+        reject(new Error(`Condition did not become true after ${MAX_FRAME} frames`));
+      else if (condition())
+        resolve();
+      else
+        requestAnimationFrame(() => tick(frames + 1));
+    }
+    tick(0);
+  });
+}
diff --git a/test/fixtures/wpt/dom/events/non-cancelable-when-passive/synthetic-events-cancelable.html b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/synthetic-events-cancelable.html
new file mode 100644
index 00000000000000..4287770b8d5828
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/non-cancelable-when-passive/synthetic-events-cancelable.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<title>Synthetic events are always cancelable by default</title>
+<link rel="help" href="https://dom.spec.whatwg.org/#dictdef-eventinit">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+const eventsMap = {
+  wheel: 'WheelEvent',
+  mousewheel: 'WheelEvent',
+  touchstart: 'TouchEvent',
+  touchmove: 'TouchEvent',
+  touchend: 'TouchEvent',
+  touchcancel: 'TouchEvent',
+}
+function isCancelable(eventName, interfaceName) {
+  test(() => {
+    assert_implements(interfaceName in self, `${interfaceName} should be supported`);
+    let defaultPrevented = null;
+    addEventListener(eventName, event => {
+      event.preventDefault();
+      defaultPrevented = event.defaultPrevented;
+    });
+    const event = new self[interfaceName](eventName);
+    assert_false(event.cancelable, 'cancelable');
+    const dispatchEventReturnValue = dispatchEvent(event);
+    assert_false(defaultPrevented, 'defaultPrevented');
+    assert_true(dispatchEventReturnValue, 'dispatchEvent() return value');
+  }, `Synthetic ${eventName} event with interface ${interfaceName} is not cancelable`);
+}
+for (const eventName in eventsMap) {
+  isCancelable(eventName, eventsMap[eventName]);
+  isCancelable(eventName, 'Event');
+}
+</script>
diff --git a/test/fixtures/wpt/dom/events/passive-by-default.html b/test/fixtures/wpt/dom/events/passive-by-default.html
new file mode 100644
index 00000000000000..02029f4dacf811
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/passive-by-default.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<title>Default passive event listeners on window, document, document element, body</title>
+<link rel="help" href="https://dom.spec.whatwg.org/#default-passive-value">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+  <div id="div"></div>
+<script>
+  function isListenerPassive(eventName, eventTarget, passive, expectPassive) {
+    test(() => {
+      let defaultPrevented = null;
+      let handler = event => {
+        event.preventDefault();
+        defaultPrevented = event.defaultPrevented;
+        eventTarget.removeEventListener(eventName, handler);
+      };
+      if (passive === 'omitted') {
+        eventTarget.addEventListener(eventName, handler);
+      } else {
+        eventTarget.addEventListener(eventName, handler, {passive});
+      }
+      let dispatchEventReturnValue = eventTarget.dispatchEvent(new Event(eventName, {cancelable: true}));
+      assert_equals(defaultPrevented, !expectPassive, 'defaultPrevented');
+      assert_equals(dispatchEventReturnValue, expectPassive, 'dispatchEvent() return value');
+    }, `${eventName} listener is ${expectPassive ? '' : 'non-'}passive ${passive === 'omitted' ? 'by default' : `with {passive:${passive}}`} for ${eventTarget.constructor.name}`);
+  }
+
+  const eventNames = {
+    touchstart: true,
+    touchmove: true,
+    wheel: true,
+    mousewheel: true,
+    touchend: false
+  };
+  const passiveEventTargets = [window, document, document.documentElement, document.body];
+  const div = document.getElementById('div');
+
+  for (const eventName in eventNames) {
+    for (const eventTarget of passiveEventTargets) {
+      isListenerPassive(eventName, eventTarget, 'omitted', eventNames[eventName]);
+      isListenerPassive(eventName, eventTarget, undefined, eventNames[eventName]);
+      isListenerPassive(eventName, eventTarget, false, false);
+      isListenerPassive(eventName, eventTarget, true, true);
+    }
+    isListenerPassive(eventName, div, 'omitted', false);
+    isListenerPassive(eventName, div, undefined, false);
+    isListenerPassive(eventName, div, false, false);
+    isListenerPassive(eventName, div, true, true);
+  }
+</script>
diff --git a/test/fixtures/wpt/dom/events/scrolling/iframe-chains.html b/test/fixtures/wpt/dom/events/scrolling/iframe-chains.html
index 2d7e1827adad6f..fb7d674aae13ee 100644
--- a/test/fixtures/wpt/dom/events/scrolling/iframe-chains.html
+++ b/test/fixtures/wpt/dom/events/scrolling/iframe-chains.html
@@ -39,7 +39,8 @@
 
 promise_test(async t => {
   await new test_driver.Actions().scroll(50, 50, 0, 50).send();
-  assert_equals(scroller.scrollTop, 50);
+  // Allow the possibility the scroll is not fully synchronous
+  await t.step_wait(() => scroller.scrollTop === 50);
 }, "Wheel scroll in iframe chains to containing element.");
 
 </script>
diff --git a/test/fixtures/wpt/dom/events/scrolling/scroll_support.js b/test/fixtures/wpt/dom/events/scrolling/scroll_support.js
index 0a73f34fefc8ab..169393e4c3e419 100644
--- a/test/fixtures/wpt/dom/events/scrolling/scroll_support.js
+++ b/test/fixtures/wpt/dom/events/scrolling/scroll_support.js
@@ -1,8 +1,22 @@
+async function waitForScrollendEvent(test, target, timeoutMs = 500) {
+  return new Promise((resolve, reject) => {
+    const timeoutCallback = test.step_timeout(() => {
+      reject(`No Scrollend event received for target ${target}`);
+    }, timeoutMs);
+    target.addEventListener('scrollend', (evt) => {
+      clearTimeout(timeoutCallback);
+      resolve(evt);
+    }, { once: true });
+  });
+}
+
 const MAX_FRAME = 700;
 const MAX_UNCHANGED_FRAMES = 20;
 
 // Returns a promise that resolves when the given condition is met or rejects
 // after MAX_FRAME animation frames.
+// TODO(crbug.com/1400399): deprecate. We should not use frame based waits in
+// WPT as frame rates may vary greatly in different testing environments.
 function waitFor(condition, error_message = 'Reaches the maximum frames.') {
   return new Promise((resolve, reject) => {
     function tick(frames) {
@@ -19,6 +33,9 @@ function waitFor(condition, error_message = 'Reaches the maximum frames.') {
   });
 }
 
+// TODO(crbug.com/1400446): Test driver should defer sending events until the
+// browser is ready. Also the term compositor-commit is misleading as not all
+// user-agents use a compositor process.
 function waitForCompositorCommit() {
   return new Promise((resolve) => {
     // rAF twice.
@@ -28,6 +45,8 @@ function waitForCompositorCommit() {
   });
 }
 
+// TODO(crbug.com/1400399): Deprecate as frame rates may vary greatly in
+// different test environments.
 function waitForAnimationEnd(getValue) {
   var last_changed_frame = 0;
   var last_position = getValue();
@@ -50,6 +69,31 @@ function waitForAnimationEnd(getValue) {
   })
 }
 
+// Scrolls in target according to move_path with pauses in between
+function touchScrollInTargetSequentiallyWithPause(target, move_path, pause_time_in_ms = 100) {
+  const test_driver_actions = new test_driver.Actions()
+    .addPointer("pointer1", "touch")
+    .pointerMove(0, 0, {origin: target})
+    .pointerDown();
+
+  const substeps = 5;
+  let x = 0;
+  let y = 0;
+  // Do each move in 5 steps
+  for(let move of move_path) {
+    let step_x = (move.x - x) / substeps;
+    let step_y = (move.y - y) / substeps;
+    for(let step = 0; step < substeps; step++) {
+      x += step_x;
+      y += step_y;
+      test_driver_actions.pointerMove(x, y, {origin: target});
+    }
+    test_driver_actions.pause(pause_time_in_ms);
+  }
+
+  return test_driver_actions.pointerUp().send();
+}
+
 function touchScrollInTarget(pixels_to_scroll, target, direction, pause_time_in_ms = 100) {
   var x_delta = 0;
   var y_delta = 0;
@@ -61,7 +105,7 @@ function touchScrollInTarget(pixels_to_scroll, target, direction, pause_time_in_
   } else if (direction == "right") {
     x_delta = -1 * pixels_to_scroll / num_movs;
   } else if (direction == "left") {
-    x_delta = pixels_to_scroll / num_movs;;
+    x_delta = pixels_to_scroll / num_movs;
   } else {
     throw("scroll direction '" + direction + "' is not expected, direction should be 'down', 'up', 'left' or 'right'");
   }
@@ -95,3 +139,25 @@ function mouseActionsInTarget(target, origin, delta, pause_time_in_ms = 100) {
     .pointerUp()
     .send();
 }
+
+// Returns a promise that resolves when the given condition holds for 10
+// animation frames or rejects if the condition changes to false within 10
+// animation frames.
+// TODO(crbug.com/1400399): Deprecate as frame rates may very greatly in
+// different test environments.
+function conditionHolds(condition, error_message = 'Condition is not true anymore.') {
+  const MAX_FRAME = 10;
+  return new Promise((resolve, reject) => {
+    function tick(frames) {
+      // We requestAnimationFrame either for 10 frames or until condition is
+      // violated.
+      if (frames >= MAX_FRAME)
+        resolve();
+      else if (!condition())
+        reject(error_message);
+      else
+        requestAnimationFrame(tick.bind(this, frames + 1));
+    }
+    tick(0);
+  });
+}
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-after-sequence-of-scrolls.tentative.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-after-sequence-of-scrolls.tentative.html
new file mode 100644
index 00000000000000..77bf029ced58c5
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-after-sequence-of-scrolls.tentative.html
@@ -0,0 +1,63 @@
+<!DOCTYPE HTML>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
+<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="scroll_support.js"></script>
+<style>
+#targetDiv {
+  width: 200px;
+  height: 200px;
+  overflow: scroll;
+}
+
+#innerDiv {
+  width: 500px;
+  height: 4000px;
+}
+</style>
+
+<body style="margin:0" onload=runTest()>
+<div id="targetDiv">
+  <div id="innerDiv">
+  </div>
+</div>
+</body>
+
+<script>
+const target_div = document.getElementById('targetDiv');
+let scrollend_arrived = false;
+let scrollend_event_count = 0;
+
+function onScrollEnd(event) {
+  assert_false(event.cancelable);
+  assert_false(event.bubbles);
+  scrollend_arrived = true;
+  scrollend_event_count += 1;
+}
+
+function runTest() {
+  promise_test (async (t) => {
+    // Make sure that no scrollend event is sent to document.
+    document.addEventListener("scrollend",
+        t.unreached_func("document got unexpected scrollend event."));
+    await waitForCompositorCommit();
+
+    // Scroll down & up & down on target div and wait for the target_div to get scrollend event.
+    target_div.addEventListener("scrollend", onScrollEnd);
+    const move_path = [
+      { x: 0, y: -300}, // down
+      { x: 0, y: -100}, // up
+      { x: 0, y: -400}, // down
+      { x: 0, y: -200}, // up
+    ];
+    await touchScrollInTargetSequentiallyWithPause(target_div, move_path, 150);
+
+    await waitFor(() => {return scrollend_arrived;},
+        'target_div did not receive scrollend event after sequence of scrolls on target.');
+    assert_equals(scrollend_event_count, 1);
+  }, "Move down, up and down again, receive scrollend event only once");
+}
+</script>
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-after-snap.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-after-snap.html
index ef1b495791cad1..03079ddc6cad8c 100644
--- a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-after-snap.html
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-after-snap.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/resources/testdriver.js"></script>
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-for-programmatic-scroll.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-for-programmatic-scroll.html
index 79b5f5f0186871..c6569e0bebbd9f 100644
--- a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-for-programmatic-scroll.html
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-for-programmatic-scroll.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <meta name="timeout" content="long">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/resources/testdriver.js"></script>
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-for-scrollIntoView.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-for-scrollIntoView.html
index 63e1c3e22eaafc..8782b1dfee6237 100644
--- a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-for-scrollIntoView.html
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-for-scrollIntoView.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <meta name="timeout" content="long">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/resources/testdriver.js"></script>
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-document.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-document.html
index 99c1c6930fab0b..30904553883435 100644
--- a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-document.html
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-document.html
@@ -1,4 +1,5 @@
 <!DOCTYPE HTML>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/resources/testdriver.js"></script>
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-element-with-overscroll-behavior.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-element-with-overscroll-behavior.html
index 0269c66fdde192..acad168e56c995 100644
--- a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-element-with-overscroll-behavior.html
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-element-with-overscroll-behavior.html
@@ -1,4 +1,5 @@
 <!DOCTYPE HTML>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/resources/testdriver.js"></script>
@@ -80,12 +81,20 @@
         'on target.');
     assert_equals(target_div.scrollLeft, 0);
 
-    // Scroll up on target div and wait for the element with overscroll-y to get
-    // scrollend event.
+    let touchEndPromise = new Promise((resolve) => {
+      target_div.addEventListener("touchend", resolve);
+    });
     await touchScrollInTarget(300, target_div, 'up');
-    await waitFor(() => { return vertical_scrollend_arrived; },
-        'Expected element did not receive scrollend event after scroll up on ' +
-        'target.');
+
+    // The scrollend event should never be fired before the gesture has completed.
+    await touchEndPromise;
+
+    // Ensure we wait at least a tick after the touch end.
+    await waitForCompositorCommit();
+
+    // We should not trigger a scrollend event for a scroll that did not change
+    // the scroll position.
+    assert_equals(vertical_scrollend_arrived, false);
     assert_equals(target_div.scrollTop, 0);
   }, 'Tests that the last element in the cut scroll chain gets scrollend ' +
      'event when no element scrolls by touch.');
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-scrolled-element.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-scrolled-element.html
index 87cad79df7c2af..734339694220cc 100644
--- a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-scrolled-element.html
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-scrolled-element.html
@@ -1,4 +1,5 @@
 <!DOCTYPE HTML>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/resources/testdriver.js"></script>
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-window.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-window.html
index f9510e6e231615..ef72f56d2ba9d6 100644
--- a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-window.html
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-fired-to-window.html
@@ -1,4 +1,5 @@
 <!DOCTYPE HTML>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/resources/testdriver.js"></script>
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-for-user-scroll.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-for-user-scroll.html
index 30f16571cd8320..5146c5f719a1e4 100644
--- a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-for-user-scroll.html
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-for-user-scroll.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/resources/testdriver.js"></script>
@@ -29,110 +30,170 @@
 
 <script>
 var target_div = document.getElementById('targetDiv');
-var scrollend_arrived = false;
 
-function onScrollEnd(event) {
-    assert_false(event.cancelable);
-    assert_false(event.bubbles);
-    scrollend_arrived = true;
-}
-
-function resetTargetScrollState() {
+async function resetTargetScrollState(test) {
+  if (target_div.scrollTop != 0 || target_div.scrollLeft != 0) {
     target_div.scrollTop = 0;
     target_div.scrollLeft = 0;
+    return waitForScrollendEvent(test, target_div);
+  }
+}
+
+async function verifyScrollStopped(test) {
+  const unscaled_pause_time_in_ms = 100;
+  const x = target_div.scrollLeft;
+  const y = target_div.scrollTop;
+  return new Promise(resolve => {
+    test.step_timeout(() => {
+      assert_equals(x, target_div.scrollLeft);
+      assert_equals(y, target_div.scrollTop);
+      resolve();
+    }, unscaled_pause_time_in_ms);
+  });
 }
 
-function checkFinalPosition(target, position, pause_time_in_ms) {
-    return new Promise((resolve, reject) => {
-        step_timeout(() => {
-            resolve();
-            assert_equals(position.x, target.scrollLeft);
-            assert_equals(position.y, target.scrollTop);
-        }, pause_time_in_ms);
-    });
+async function verifyNoScrollendOnDocument(test) {
+  const callback =
+      test.unreached_func("window got unexpected scrollend event.");
+  window.addEventListener('scrollend', callback);
 }
 
-target_div.addEventListener("scrollend", onScrollEnd);
+async function createScrollendPromise(test) {
+  return waitForScrollendEvent(test, target_div).then(evt => {
+      assert_false(evt.cancelable, 'Event is not cancelable');
+      assert_false(evt.bubbles, 'Event targeting element does not bubble');
+  });
+}
 
 function runTest() {
-    promise_test(async (t) => {
-        // Make sure that no scrollend event is sent to window.
-        window.addEventListener("scrollend",
-            t.unreached_func("window got unexpected scrollend event."));
-        await waitForCompositorCommit();
-        scrollend_arrived = false;
-
-        // Perform drag action on target div and wait for target_div to get scrollend event.
-        var origin = { x: target_div.offsetWidth / 2, y: target_div.offsetHeight - 50 };
-        var delta = { x: 0, y: 40 };
-        await mouseActionsInTarget(target_div, origin, delta, 300);
-        await waitFor(() => { return scrollend_arrived; },
-            'target_div did not receive scrollend event after dragging scroll on target.');
-        assert_true(target_div.scrollTop > 0);
-        await checkFinalPosition(target_div, {x: target_div.scrollLeft, y: target_div.scrollTop}, 300);
-    }, 'Tests that the target_div gets scrollend event when dragging scroll on target.');
-
-    promise_test(async (t) => {
-        resetTargetScrollState();
-        // Make sure that no scrollend event is sent to window.
-        window.addEventListener("scrollend",
-            t.unreached_func("window got unexpected scrollend event."));
-        await waitForCompositorCommit();
-        scrollend_arrived = false;
-
-        // Hit the scrollbar of target div and wait for target_div to get scrollend event.
-        var scrollbar_width = target_div.offsetWidth - target_div.clientWidth;
-        assert_true(scrollbar_width > 0, "This test requires scrollbar.");
-        var origin = {x: target_div.offsetWidth - scrollbar_width / 2, y: target_div.offsetHeight - 50};
-        var delta = {x: 0, y: 0};
-        await mouseActionsInTarget(target_div, origin, delta, 100);
-        await waitFor(() => { return scrollend_arrived; },
-            'target_div did not receive scrollend event after clicking scrollbar on target.');
-        assert_true(target_div.scrollTop > 0);
-        await checkFinalPosition(target_div, { x: target_div.scrollLeft, y: target_div.scrollTop }, 300);
-    }, 'Tests that the target_div gets scrollend event when click scrollbar on target.');
-
-    promise_test(async (t) => {
-        resetTargetScrollState();
-        // Make sure that no scrollend event is sent to window.
-        window.addEventListener("scrollend",
-            t.unreached_func("window got unexpected scrollend event."));
-        await waitForCompositorCommit();
-        scrollend_arrived = false;
-
-
-        // Drag the thumb of target div.
-        var scrollbar_width = target_div.offsetWidth - target_div.clientWidth;
-        assert_true(scrollbar_width > 0, "This test requires scrollbar.");
-        var origin = { x: target_div.offsetWidth - scrollbar_width / 2, y: 50 };
-        var delta = { x: 0, y: 20 };
-        await mouseActionsInTarget(target_div, origin, delta, 100);
-        await waitFor(() => { return scrollend_arrived; },
-            'target_div did not receive scrollend event after dragging the thumb of target.');
-        assert_true(target_div.scrollTop > 0);
-        await checkFinalPosition(target_div, { x: target_div.scrollLeft, y: target_div.scrollTop }, 300);
-    }, 'Tests that the target_div gets scrollend event when drag the thumb of target.');
-
-    promise_test(async (t) => {
-        resetTargetScrollState();
-        // Make sure that no scrollend event is sent to window.
-        window.addEventListener("scrollend",
-            t.unreached_func("window got unexpected scrollend event."));
-        await waitForCompositorCommit();
-        scrollend_arrived = false;
-
-        // Hit and active the target div.
-        var origin = { x: target_div.offsetWidth / 2, y: target_div.offsetHeight / 2};
-        var delta = { x: 0, y: 0 };
-        await mouseActionsInTarget(target_div, origin, delta, 100);
-        // Send DOWN key to the target div.
-        window.test_driver.send_keys(target_div, '\ue015');
-
-        await waitFor(() => { return scrollend_arrived; },
-            'target_div did not receive scrollend event after sending DOWN key to target.');
-        assert_true(target_div.scrollTop > 0);
-        await checkFinalPosition(target_div, { x: target_div.scrollLeft, y: target_div.scrollTop }, 300);
-    }, 'Tests that the target_div gets scrollend event when send DOWN key to target.');
+  promise_test(async (t) => {
+    // Skip the test on a Mac as they do not support touch screens.
+    const isMac = navigator.platform.toUpperCase().indexOf('MAC')>=0;
+    if (isMac)
+      return;
+
+    await resetTargetScrollState(t);
+    await waitForCompositorCommit();
+
+    const targetScrollendPromise = createScrollendPromise(t);
+    verifyNoScrollendOnDocument(t);
+
+    // Perform a touch drag on target div and wait for target_div to get
+    // a scrollend event.
+    await new test_driver.Actions()
+        .addPointer('TestPointer', 'touch')
+        .pointerMove(0, 0, {origin: target_div}) // 0, 0 is center of element.
+        .pointerDown()
+        .addTick()
+        .pointerMove(0, -40, {origin: target_div}) //  Drag up to move down.
+        .addTick()
+        .pause(200) //  Prevent inertial scroll.
+        .pointerUp()
+        .send();
+
+    await targetScrollendPromise;
+
+    assert_true(target_div.scrollTop > 0);
+    await verifyScrollStopped(t);
+  }, 'Tests that the target_div gets scrollend event when touch dragging.');
+
+  promise_test(async (t) => {
+    // Skip test on platforms that do not have a visible scrollbar (e.g.
+    // overlay scrollbar).
+    const scrollbar_width = target_div.offsetWidth - target_div.clientWidth;
+    if (scrollbar_width == 0)
+      return;
+
+    await resetTargetScrollState(t);
+    await waitForCompositorCommit();
+
+    const targetScrollendPromise = createScrollendPromise(t);
+    verifyNoScrollendOnDocument(t);
+
+    const bounds = target_div.getBoundingClientRect();
+    const x = bounds.right - scrollbar_width / 2;
+    const y = bounds.bottom - 20;
+    await new test_driver.Actions()
+        .addPointer('TestPointer', 'mouse')
+        .pointerMove(x, y, {origin: 'viewport'})
+        .pointerDown()
+        .addTick()
+        .pointerUp()
+        .send();
+
+    await targetScrollendPromise;
+    assert_true(target_div.scrollTop > 0);
+    await verifyScrollStopped(t);
+  }, 'Tests that the target_div gets scrollend event when clicking ' +
+     'scrollbar.');
+
+  // Same issue as previous test.
+  promise_test(async (t) => {
+    // Skip test on platforms that do not have a visible scrollbar (e.g.
+    // overlay scrollbar).
+    const scrollbar_width = target_div.offsetWidth - target_div.clientWidth;
+    if (scrollbar_width == 0)
+      return;
+
+    resetTargetScrollState(t);
+    const targetScrollendPromise = createScrollendPromise(t);
+    verifyNoScrollendOnDocument(t);
+
+    const bounds = target_div.getBoundingClientRect();
+    const x = bounds.right - scrollbar_width / 2;
+    const y = bounds.top + 30;
+    const dy = 30;
+    await new test_driver.Actions()
+        .addPointer('TestPointer', 'mouse')
+        .pointerMove(x, y, { origin: 'viewport' })
+        .pointerDown()
+        .pointerMove(x, y + dy, { origin: 'viewport' })
+        .addTick()
+        .pointerUp()
+        .send();
+
+    await targetScrollendPromise;
+    assert_true(target_div.scrollTop > 0);
+    await verifyScrollStopped(t);
+  }, 'Tests that the target_div gets scrollend event when dragging the ' +
+      'scrollbar thumb.');
+
+  promise_test(async (t) => {
+    resetTargetScrollState(t);
+    const targetScrollendPromise = createScrollendPromise(t);
+    verifyNoScrollendOnDocument(t);
+
+    const x = 0;
+    const y = 0;
+    const dx = 0;
+    const dy = 40;
+    const duration_ms = 10;
+    await new test_driver.Actions()
+        .scroll(x, y, dx, dy, { origin: target_div }, duration_ms)
+        .send();
+
+    await targetScrollendPromise;
+    assert_true(target_div.scrollTop > 0);
+    await verifyScrollStopped(t);
+  }, 'Tests that the target_div gets scrollend event when mouse wheel ' +
+     'scrolling.');
+
+  promise_test(async (t) => {
+    await resetTargetScrollState(t);
+    await waitForCompositorCommit();
+
+    verifyNoScrollendOnDocument(t);
+    const targetScrollendPromise = createScrollendPromise(t);
+
+    target_div.focus();
+    window.test_driver.send_keys(target_div, '\ue015');
+
+    await targetScrollendPromise;
+    assert_true(target_div.scrollTop > 0);
+    await verifyScrollStopped(t);
+  }, 'Tests that the target_div gets scrollend event when sending DOWN key ' +
+     'to the target.');
 }
+
 </script>
 </html>
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-handler-content-attributes.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-handler-content-attributes.html
new file mode 100644
index 00000000000000..47f563c39bd907
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-handler-content-attributes.html
@@ -0,0 +1,108 @@
+<!DOCTYPE HTML>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
+<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="scroll_support.js"></script>
+<style>
+html, body {
+  margin: 0
+}
+
+body {
+  height: 3000px;
+  width: 3000px;
+}
+
+#targetDiv {
+  width: 200px;
+  height: 200px;
+  overflow: scroll;
+}
+
+#innerDiv {
+  width: 400px;
+  height: 400px;
+}
+</style>
+
+<body onload=runTest() onscrollend="failOnScrollEnd(event)">
+<div id="targetDiv" onscrollend="onElementScrollEnd(event)">
+  <div id="innerDiv">
+  </div>
+</div>
+</body>
+<script>
+let element_scrollend_arrived = false;
+
+function onElementScrollEnd(event) {
+  assert_false(event.cancelable);
+  assert_false(event.bubbles);
+  element_scrollend_arrived = true;
+}
+
+function failOnScrollEnd(event) {
+  assert_true(false, "Scrollend should not be called on: " + event.target);
+}
+
+function runTest() {
+  let target_div = document.getElementById("targetDiv");
+
+  promise_test (async (t) => {
+    await waitForCompositorCommit();
+
+    target_div.scrollTo({top: 200, left: 200});
+    await waitFor(() => { return element_scrollend_arrived; },
+                  target_div.tagName + " did not receive scrollend event.");
+    assert_equals(target_div.scrollLeft, 200, target_div.tagName + " scrollLeft");
+    assert_equals(target_div.scrollTop, 200, target_div.tagName + " scrollTop");
+  }, "Tests scrollend event is handled by event handler content attribute.");
+
+  promise_test (async (t) => {
+    await waitForCompositorCommit();
+
+    document.scrollingElement.scrollTo({top: 200, left: 200});
+    // The document body onscrollend event handler content attribute will fail
+    // here, if it is fired.
+    await waitForCompositorCommit();
+    assert_equals(document.scrollingElement.scrollLeft, 200,
+                  "Document scrolled on horizontal axis");
+    assert_equals(document.scrollingElement.scrollTop, 200,
+                  "Document scrolled on vertical axis");
+  }, "Tests scrollend event is not fired to document body event handler content attribute.");
+
+  promise_test (async (t) => {
+    await waitForCompositorCommit();
+
+    // Reset the scroll position.
+    document.scrollingElement.scrollTo({top: 0, left: 0});
+
+    let scrollend_event = new Promise(resolve => document.onscrollend = resolve);
+    document.scrollingElement.scrollTo({top: 200, left: 200});
+    await scrollend_event;
+
+    assert_equals(document.scrollingElement.scrollTop, 200,
+                  "Document scrolled on horizontal axis");
+    assert_equals(document.scrollingElement.scrollLeft, 200,
+                  "Document scrolled on vertical axis");
+  }, "Tests scrollend event is fired to document event handler property");
+
+  promise_test (async (t) => {
+    await waitForCompositorCommit();
+
+    // Reset the scroll position.
+    target_div.scrollTo({top: 0, left: 0});
+
+    let scrollend_event = new Promise(resolve => target_div.onscrollend = resolve);
+    target_div.scrollTo({top: 200, left: 200});
+    await scrollend_event;
+
+    assert_equals(target_div.scrollLeft, 200,
+                  target_div.tagName + " scrolled on horizontal axis");
+    assert_equals(target_div.scrollLeft, 200,
+                  target_div.tagName + " scrolled on vertical axis");
+  }, "Tests scrollend event is fired to element event handler property");
+}
+</script>
diff --git a/test/fixtures/wpt/dom/events/scrolling/scrollend-event-not-fired-after-removing-scroller.tentative.html b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-not-fired-after-removing-scroller.tentative.html
new file mode 100644
index 00000000000000..95447fbd12ea2a
--- /dev/null
+++ b/test/fixtures/wpt/dom/events/scrolling/scrollend-event-not-fired-after-removing-scroller.tentative.html
@@ -0,0 +1,84 @@
+<!DOCTYPE HTML>
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
+<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="scroll_support.js"></script>
+<style>
+#rootDiv {
+  width: 500px;
+  height: 500px;
+}
+
+#targetDiv {
+  width: 200px;
+  height: 200px;
+  overflow: scroll;
+}
+
+#innerDiv {
+  width: 500px;
+  height: 4000px;
+}
+</style>
+
+<body style="margin:0" onload=runTest()>
+</body>
+
+<script>
+let scrollend_arrived = false;
+
+async function setupHtmlAndScrollAndRemoveElement(element_to_remove_id) {
+  document.body.innerHTML=`
+    <div id="rootDiv">
+      <div id="targetDiv">
+        <div id="innerDiv">
+        </div>
+      </div>
+    </div>
+  `;
+  await waitForCompositorCommit();
+
+  const target_div = document.getElementById('targetDiv');
+  const element_to_remove = document.getElementById(element_to_remove_id);
+  let reached_half_scroll = false;
+  scrollend_arrived = false;
+
+  target_div.addEventListener("scrollend", () => {
+    scrollend_arrived = true;
+  });
+
+  target_div.onscroll = () => {
+    // Remove the element after reached half of the scroll offset,
+    if(target_div.scrollTop >= 1000) {
+      reached_half_scroll = true;
+      element_to_remove.remove();
+    }
+  };
+
+  target_div.scrollTo({top:2000, left:0, behavior:"smooth"});
+  await waitFor(() => {return reached_half_scroll; },
+    "target_div never reached scroll offset of 1000");
+  await waitForCompositorCommit();
+}
+
+function runTest() {
+  promise_test (async (t) => {
+    await setupHtmlAndScrollAndRemoveElement("rootDiv");
+    await conditionHolds(() => { return !scrollend_arrived; });
+  }, "No scrollend is received after removing parent div");
+
+  promise_test (async (t) => {
+    await setupHtmlAndScrollAndRemoveElement("targetDiv");
+    await conditionHolds(() => { return !scrollend_arrived; });
+  }, "No scrollend is received after removing scrolling element");
+
+  promise_test (async (t) => {
+    await setupHtmlAndScrollAndRemoveElement("innerDiv");
+    await waitFor(() => { return scrollend_arrived; },
+        'target_div did not receive scrollend event after vertical scroll.');
+  }, "scrollend is received after removing descendant div");
+}
+</script>
diff --git a/test/fixtures/wpt/versions.json b/test/fixtures/wpt/versions.json
index 9200762e6f9255..2e17ed940d47e8 100644
--- a/test/fixtures/wpt/versions.json
+++ b/test/fixtures/wpt/versions.json
@@ -12,7 +12,7 @@
     "path": "dom/abort"
   },
   "dom/events": {
-    "commit": "f8821adb281696322f4bd96d412a98ae510f9125",
+    "commit": "ab8999891c6225bef1741c2960033aad620481a8",
     "path": "dom/events"
   },
   "encoding": {
diff --git a/test/wpt/status/dom/events.json b/test/wpt/status/dom/events.json
index 012b73f70001ae..95fbda98402b14 100644
--- a/test/wpt/status/dom/events.json
+++ b/test/wpt/status/dom/events.json
@@ -19,8 +19,8 @@
   "Event-constructors.any.js": {
     "fail": {
       "expected": [
-        "Untitled 2",
-        "Untitled 3"
+        "Untitled 3",
+        "Untitled 4"
       ]
     }
   },