LayoutTests/inspector/elements/update-shadowdom.html - WebKit - Git at Google

 <html>
 <head>
 <script src="../../fast/dom/shadow/resources/polyfill.js"></script>
 <script src="../../http/tests/inspector/inspector-test.js"></script>
 <script src="../../http/tests/inspector/elements-test.js"></script>
 <script>
 function updateShadowDOM()
 {
     shadowRoot.removeChild(shadowRoot.firstChild);
 }

 function initialize_shadowSettings()
 {
     WebInspector.settings.showShadowDOM.set(true);
 }

 function test()
 {
     InspectorTest.expandElementsTree(function() {
         InspectorTest.evaluateInPage("updateShadowDOM()", function() {
             InspectorTest.expandElementsTree(function() {
                 var containerElem = InspectorTest.expandedNodeWithId('container');
                 InspectorTest.dumpElementsTree(containerElem);
                 InspectorTest.completeTest();
             });
         });
     });
 }
 </script>
 </head>

 <body onload="runTest()">

 <p id="description">This test confirms that updating the shadow dom is reflected to the Inspector.</p>

 <div id="container">
     <div id="host"></div>
 </div>

 <script>
 var shadowRoot = new WebKitShadowRoot(host);
 shadowRoot.innerHTML = "<div></div>";
 </script>

 </body>
 </html>
	<html>
	<head>
	<script src="../../fast/dom/shadow/resources/polyfill.js"></script>
	<script src="../../http/tests/inspector/inspector-test.js"></script>
	<script src="../../http/tests/inspector/elements-test.js"></script>
	<script>
	function updateShadowDOM()
	{
	shadowRoot.removeChild(shadowRoot.firstChild);
	}

	function initialize_shadowSettings()
	{
	WebInspector.settings.showShadowDOM.set(true);
	}

	function test()
	{
	InspectorTest.expandElementsTree(function() {
	InspectorTest.evaluateInPage("updateShadowDOM()", function() {
	InspectorTest.expandElementsTree(function() {
	var containerElem = InspectorTest.expandedNodeWithId('container');
	InspectorTest.dumpElementsTree(containerElem);
	InspectorTest.completeTest();
	});
	});
	});
	}
	</script>
	</head>

	<body onload="runTest()">

	<p id="description">This test confirms that updating the shadow dom is reflected to the Inspector.</p>

	<div id="container">
	<div id="host"></div>
	</div>

	<script>
	var shadowRoot = new WebKitShadowRoot(host);
	shadowRoot.innerHTML = "<div></div>";
	</script>

	</body>
	</html>