<!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:[email protected]">
<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>