From d3855163796d4473203c37f0058ee960318f8b13 Mon Sep 17 00:00:00 2001
From: Navid Zolghadr <nzolghadr@chromium.org>
Date: Tue, 28 Apr 2020 11:47:18 +0000
Subject: [PATCH] Bug 1633426 [wpt PR 23266] - Add shadow dom boundary event
 test to wpt, a=testonly

Automatic update from web-platform-tests
Add shadow dom boundary event test to wpt

Move more internal pointerevent tests to wpt

Change-Id: I7e44eda0af004cb4ebdb07610923b067c07a3341
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2167991
Reviewed-by: Lan Wei <lanwei@chromium.org>
Commit-Queue: Navid Zolghadr <nzolghadr@chromium.org>
Cr-Commit-Position: refs/heads/master@{#762990}

--

wpt-commits: f657d26323fe748b534c52480926ae08a4a81332
wpt-pr: 23266
---
 ...pointer-boundary-events-for-shadowdom.html | 71 +++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 testing/web-platform/tests/pointerevents/mouse-pointer-boundary-events-for-shadowdom.html
diff --git a/testing/web-platform/tests/pointerevents/mouse-pointer-boundary-events-for-shadowdom.html b/testing/web-platform/tests/pointerevents/mouse-pointer-boundary-events-for-shadowdom.html
new file mode 100644
index 000000000000..e8779f6de3eb
--- /dev/null
+++ b/testing/web-platform/tests/pointerevents/mouse-pointer-boundary-events-for-shadowdom.html
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML>
+<meta name="viewport" content="width=device-width">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script type="text/javascript" src="pointerevent_support.js"></script>
+
+<h1>PointerEvent: Verifies that mouse boundary events don't point to shadow-dom</h1>
+
+<input id="target" style="margin: 20px">
+
+<script>
+function name(node) {
+  return node? node.tagName : "(null)";
+}
+
+promise_test(async () => {
+  var targetEvents = ["mouseout", "pointerout", "mouseover", "pointerover"];
+  var receivedEvents = [];
+  var moveReceived = false;
+
+
+  targetEvents.forEach(function(eventName) {
+    window.addEventListener(eventName, function(e) {
+      var eventDetails = e.type +
+                         " target=" + name(e.target) +
+                         " relatedTarget=" + name(e.relatedTarget);
+      receivedEvents.push(eventDetails);
+    });
+  });
+  window.addEventListener('pointermove', () => { moveReceived = true; });
+  var rect = document.getElementById("target").getBoundingClientRect();
+
+  await new test_driver.Actions()
+             .pointerMove(rect.left - 10, rect.top - 10)
+             .send()
+
+  receivedEvents = [];
+  moveReceived = false;
+
+  await new test_driver.Actions()
+             .pointerMove(rect.left + 10, rect.top + 10)
+             .send()
+  await resolveWhen(() => { return moveReceived == true });
+
+  assert_array_equals(receivedEvents, [
+    "pointerout target=BODY relatedTarget=INPUT",
+    "pointerover target=INPUT relatedTarget=BODY",
+    "mouseout target=BODY relatedTarget=INPUT",
+    "mouseover target=INPUT relatedTarget=BODY",
+  ], "Moved into <input>");
+
+
+  receivedEvents = [];
+  moveReceived = false;
+
+  await new test_driver.Actions()
+             .pointerMove(rect.left - 10, rect.top - 10)
+             .send()
+  await resolveWhen(() => { return moveReceived == true });
+
+  assert_array_equals(receivedEvents, [
+    "pointerout target=INPUT relatedTarget=BODY",
+    "pointerover target=BODY relatedTarget=INPUT",
+    "mouseout target=INPUT relatedTarget=BODY",
+    "mouseover target=BODY relatedTarget=INPUT",
+  ], "Moved out of <input>");
+}, "PointerEvent: Verifies that mouse boundary events don't point to shadow-dom");
+</script>
