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
This commit is contained in:
Navid Zolghadr 2020-04-28 11:47:18 +00:00
Родитель 1f28f7785c
Коммит d385516379
1 изменённых файлов: 71 добавлений и 0 удалений

Просмотреть файл

@ -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>