30 lines
1.5 KiB
HTML
30 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<title>Shadow DOM: event dispatch order for capture and non-capture listerns at a shadow host</title>
|
|
<meta name="author" title="Hayato Ito" href="mailto:hayato@google.com">
|
|
<link rel="help" href="https://github.com/whatwg/dom/issues/685">
|
|
<link rel="help" href="https://github.com/whatwg/dom/pull/686">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="resources/shadow-dom.js"></script>
|
|
<div id=host>
|
|
<template id=shadowroot data-mode=open>
|
|
<div id=target></div>
|
|
</template>
|
|
</div>
|
|
<script>
|
|
test(() => {
|
|
let nodes = createTestTree(host);
|
|
let log = dispatchEventWithLog(nodes, nodes.target,
|
|
new Event('my-event', { bubbles: true, composed: true }),
|
|
{ capture: true });
|
|
let path = ['target', 'shadowroot', 'host'];
|
|
assert_event_path_equals(log,
|
|
[['host', 'host', null, path, 'capture'],
|
|
['shadowroot', 'target', null, path, 'capture'],
|
|
['target', 'target', null, path, 'capture'],
|
|
['target', 'target', null, path, 'non-capture'],
|
|
['shadowroot', 'target', null, path, 'non-capture'],
|
|
['host', 'host', null, path, 'non-capture'],
|
|
]);
|
|
}, 'Event dispatch order: capture listerns should be called in capturing phase at a shadow host');
|
|
</script>
|