diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/disabled-elements/disabled-event-dispatch-additional.tentative.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/disabled-elements/disabled-event-dispatch-additional.tentative.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/disabled-elements/disabled-event-dispatch-additional.tentative.html b/testing/web-platform/tests/html/semantics/disabled-elements/disabled-event-dispatch-additional.tentative.html new file mode 100644 index 0000000000..8ef4e5ccc7 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/disabled-elements/disabled-event-dispatch-additional.tentative.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<meta name="timeout" content="long"> +<link rel=author href="mailto:jarhar@chromium.org"> +<link rel=help href="https://github.com/whatwg/html/issues/2368"> +<link rel=help href="https://github.com/whatwg/html/issues/5886"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/testdriver.js"></script> +<script src="/resources/testdriver-vendor.js"></script> +<script src="/resources/testdriver-actions.js"></script> + +<!-- This test should be merged with disabled-event-dispatch.tentative.html after interop2023 is over. --> + +<div id=targetparent> + <button disabled> + hello world + <span style="border: 1px solid black">child</span> + </button> + <my-control disabled> + hello world + <span style="border: 1px solid black">child</span> + </my-control> +</div> + +<script> +customElements.define('my-control', class extends HTMLElement { + static get formAssociated() { return true; } +}); + +['dblclick', 'auxclick'].forEach(eventName => { + [true, false].forEach(clickChildElement => { + for (const target of targetparent.children) { + promise_test(async () => { + let parentReceivedEvent = false; + targetparent.addEventListener(eventName, () => parentReceivedEvent = true); + + let targetReceivedEvent = false; + target.addEventListener(eventName, () => targetReceivedEvent = true); + + let childReceivedEvent = false; + let targetchild = target.firstElementChild; + targetchild.addEventListener(eventName, () => childReceivedEvent = true); + + const elementToClick = clickChildElement ? targetchild : target; + if (eventName === 'dblclick') { + await (new test_driver.Actions() + .pointerMove(1, 1, {origin: elementToClick}) + .pointerDown() + .pointerUp() + .pointerDown() + .pointerUp()) + .send(); + } else if (eventName === 'auxclick') { + const actions = new test_driver.Actions(); + await actions + .pointerMove(1, 1, {origin: elementToClick}) + .pointerDown({button: actions.ButtonType.MIDDLE}) + .pointerUp({button: actions.ButtonType.MIDDLE}) + .send(); + } + + + const shouldReceiveEvents = eventName.startsWith('pointer') || eventName === 'auxclick'; + assert_equals(parentReceivedEvent, shouldReceiveEvents, + `parent element received ${eventName} events`); + assert_equals(targetReceivedEvent, shouldReceiveEvents, + `target element received ${eventName} events`); + assert_equals(childReceivedEvent, clickChildElement, + `child element received ${eventName} events`); + }, `Testing ${eventName} events when clicking ${clickChildElement ? 'child of ' : ''}disabled ${target.localName}.`); + } + }); +}); +</script> |