blob: d9ca83e3a25866040dc7e7a8665a96a328903d27 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>Shadow DOM: Element interface shadowRoot attribute</title>
<meta name="author" title="Ryosuke Niwa" href="mailto:rniwa@webkit.org">
<meta name="assert" content="shadowRoot attribute on Element interface must return the associated open shadow tree if there is one">
<link rel="help" href="https://w3c.github.io/webcomponents/spec/shadow/#the-shadowroot-interface">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel='stylesheet' href='/resources/testharness.css'>
</head>
<body>
<div id="log"></div>
<script>
test(function () {
assert_true('shadowRoot' in Element.prototype, 'shadowRoot must be defined on Element prototype');
assert_true('shadowRoot' in document.createElement('div'), 'shadowRoot must be defined on an instance of div element');
assert_false('shadowRoot' in Node.prototype, 'shadowRoot must not be defined on Node prototype');
assert_false('shadowRoot' in Text.prototype, 'shadowRoot must not be defined on Text prototype');
assert_false('shadowRoot' in document.createTextNode(''), 'shadowRoot must not be defined on an instance of Text node');
assert_false('shadowRoot' in Comment.prototype, 'shadowRoot must not be defined on Comment prototype');
assert_false('shadowRoot' in document.createComment(''), 'shadowRoot must not be defined on an instance of Comment node');
assert_false('shadowRoot' in Document.prototype, 'shadowRoot must not be defined on Document prototype');
assert_false('shadowRoot' in document, 'shadowRoot must not be defined on an instance of Document');
assert_false('shadowRoot' in DocumentFragment.prototype, 'shadowRoot must not be defined on DocumentFragment prototype');
assert_false('shadowRoot' in (new DOMParser).parseFromString('', 'text/html'), 'shadowRoot must not be defined on an instance of DocumentFragment node');
}, 'shadowRoot must be defined on Element prototype');
test(function () {
var host = document.createElement('div');
assert_equals(host.shadowRoot, null, 'shadowRoot must return null when the host does not have a shadow tree attached to it');
var openShadowRoot = host.attachShadow({mode: 'open'});
assert_equals(host.shadowRoot, openShadowRoot, 'shadowRoot must return the open shadow root attachShadow attached');
}, 'shadowRoot attribute must return the open shadow root associated with the element');
test(function () {
var host = document.createElement('div');
host.attachShadow({mode: 'closed'});
assert_equals(host.shadowRoot, null);
}, 'shadowRoot attribute must return null if the shadow root attached to the element is closed');
</script>
</body>
</html>