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

<div id="container">
    <meter id="host" min="0" max="100" value="50"></meter>
</div>

<script>
if (window.internals)
    internals.settings.setAuthorShadowDOMForAnyElementEnabled(true);

if (window.testRunner)
    testRunner.waitUntilDone();

var shadowRoot = host.webkitCreateShadowRoot();
shadowRoot.innerHTML = "<shadow></shadow><span>(after)</span>";

setTimeout(function() {
    host.setAttribute('value', 30);
    if (window.testRunner)
        testRunner.notifyDone();
}, 0);
</script>

</body>
</html>