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