120 lines
4.3 KiB
HTML
120 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<script src='../../resources/testharness.js'></script>
|
|
<script src='../../resources/testharnessreport.js'></script>
|
|
<div id="container"></div>
|
|
<script>
|
|
var container = document.getElementById('container');
|
|
|
|
test(function () {
|
|
var header = document.createElement('header');
|
|
var shadowRoot = header.attachShadow({mode: 'open'});
|
|
shadowRoot.innerHTML = '<span id="foo"></span>';
|
|
container.appendChild(header);
|
|
|
|
assert_equals(window.foo, undefined);
|
|
}, "Window's named property getter should not return elements in shadow DOMs by id");
|
|
|
|
test(function () {
|
|
var header = document.createElement('header');
|
|
var shadowRoot = header.attachShadow({mode: 'open'});
|
|
shadowRoot.innerHTML = '<span id="foo1"></span>';
|
|
container.appendChild(header);
|
|
|
|
var span = document.createElement("span");
|
|
span.id = 'foo1';
|
|
container.appendChild(span);
|
|
|
|
assert_equals(window.foo1, span);
|
|
assert_equals(shadowRoot.firstChild.id, 'foo1');
|
|
shadowRoot.removeChild(shadowRoot.firstChild);
|
|
assert_equals(window.foo1, span);
|
|
}, "Window's named property getter should not return elements in shadow DOMs by id (duplicate id)");
|
|
|
|
test(function () {
|
|
var header = document.createElement('header');
|
|
var shadowRoot = header.attachShadow({mode: 'open'});
|
|
shadowRoot.innerHTML = '<span></span>';
|
|
container.appendChild(header);
|
|
|
|
assert_equals(window.foo2, undefined);
|
|
shadowRoot.firstChild.id = 'foo2';
|
|
assert_equals(window.foo2, undefined);
|
|
}, "Window's named property getter should not return elements in shadow DOMs by id (id attribute update)");
|
|
|
|
test(function () {
|
|
var header = document.createElement('header');
|
|
var shadowRoot = header.attachShadow({mode: 'open'});
|
|
shadowRoot.innerHTML = '<span></span>';
|
|
container.appendChild(header);
|
|
|
|
var span = document.createElement("span");
|
|
span.id = 'foo3';
|
|
container.appendChild(span);
|
|
|
|
assert_equals(window.foo3, span);
|
|
shadowRoot.firstChild.id = 'foo3';
|
|
assert_equals(window.foo3, span);
|
|
|
|
shadowRoot.firstChild.id = 'other';
|
|
assert_equals(window.foo3, span);
|
|
}, "Window's named property getter should not return elements in shadow DOMs by id (duplicate id attribute update)");
|
|
|
|
test(function () {
|
|
var header = document.createElement('header');
|
|
var shadowRoot = header.attachShadow({mode: 'open'});
|
|
shadowRoot.innerHTML = '<form name="bar"></form>';
|
|
document.body.appendChild(header);
|
|
|
|
assert_equals(window.bar, undefined);
|
|
}, "Window's named property getter should not return elements in shadow DOMs by name");
|
|
|
|
test(function () {
|
|
var header = document.createElement('header');
|
|
var shadowRoot = header.attachShadow({mode: 'open'});
|
|
shadowRoot.innerHTML = '<form name="bar1"></form>';
|
|
document.body.appendChild(header);
|
|
|
|
var form = document.createElement("form");
|
|
form.setAttribute('name', 'bar1');
|
|
container.appendChild(form);
|
|
|
|
assert_equals(window.bar1, form);
|
|
assert_equals(shadowRoot.firstChild.getAttribute('name'), 'bar1');
|
|
shadowRoot.removeChild(shadowRoot.firstChild);
|
|
assert_equals(window.bar1, form);
|
|
}, "Window's named property getter should not return elements in shadow DOMs by name (duplicate name)");
|
|
|
|
test(function () {
|
|
var header = document.createElement('header');
|
|
var shadowRoot = header.attachShadow({mode: 'open'});
|
|
shadowRoot.innerHTML = '<form></form>';
|
|
document.body.appendChild(header);
|
|
|
|
assert_equals(window.bar2, undefined);
|
|
shadowRoot.firstChild.setAttribute('name', 'bar2');
|
|
assert_equals(window.bar2, undefined);
|
|
}, "Window's named property getter should not return elements in shadow DOMs by name (name attribute update)");
|
|
|
|
test(function () {
|
|
var header = document.createElement('header');
|
|
var shadowRoot = header.attachShadow({mode: 'open'});
|
|
shadowRoot.innerHTML = '<form></form>';
|
|
document.body.appendChild(header);
|
|
|
|
var form = document.createElement("form");
|
|
form.setAttribute('name', 'bar3');
|
|
container.appendChild(form);
|
|
|
|
assert_equals(window.bar3, form);
|
|
shadowRoot.firstChild.setAttribute('name', 'bar3');
|
|
assert_equals(window.bar3, form);
|
|
|
|
shadowRoot.firstChild.setAttribute('name', 'other');
|
|
assert_equals(window.bar3, form);
|
|
}, "Window's named property getter should not return elements in shadow DOMs by name (duplicate name attribute update)");
|
|
</script>
|
|
</body>
|
|
</html>
|