<!DOCTYPE html>

<html>
<body>
<script src="resources/polyfill.js"></script>

<p>When a button element has a shadow dom having a shadow element, it should get the children of the button element.</p>

<button id="host1">Kotori</button>
<button id="host2">Kotori</button>

<script>
var shadowRoot1 = host1.webkitCreateShadowRoot();
shadowRoot1.innerHTML = "<shadow></shadow> Otonashi";

var shadowRoot2 = host2.webkitCreateShadowRoot();
shadowRoot2.innerHTML = "foo <shadow></shadow> bar";
var shadowRoot3 = host2.webkitCreateShadowRoot();
shadowRoot3.innerHTML = "FOO <shadow></shadow> BAR";
</script>

</body>
</html>