Index: LayoutTests/inspector/elements/shadow-host-display-modes.html |
diff --git a/LayoutTests/inspector/elements/shadow-host-display-modes.html b/LayoutTests/inspector/elements/shadow-host-display-modes.html |
deleted file mode 100644 |
index 6f96f9851c1c3b27d8e696fb22703f87a3de4d2b..0000000000000000000000000000000000000000 |
--- a/LayoutTests/inspector/elements/shadow-host-display-modes.html |
+++ /dev/null |
@@ -1,166 +0,0 @@ |
-<html> |
-<head> |
-<script src="../../http/tests/inspector/inspector-test.js"></script> |
-<script src="../../http/tests/inspector/elements-test.js"></script> |
-<script> |
-function createShadowRootFromTemplate(root, selector, templateId) |
-{ |
- var shadowHost = root.querySelector(selector); |
- var shadowRoot = shadowHost.createShadowRoot(); |
- var template = document.querySelector(templateId); |
- var clone = document.importNode(template.content, true); |
- shadowRoot.appendChild(clone); |
- return shadowHost; |
-} |
- |
-function initOldestShadowRoot() |
-{ |
- createShadowRootFromTemplate(document, "#shadowHost", "#oldestShadowRootTemplate"); |
-} |
- |
-function initYoungestShadowRoot() |
-{ |
- createShadowRootFromTemplate(document, "#shadowHost", "#youngestShadowRootTemplate"); |
-} |
- |
-function initInnerShadowRoot() |
-{ |
- var shadowHost = document.querySelector("#shadowHost"); |
- var innerShadowHost = createShadowRootFromTemplate(shadowHost.shadowRoot, ".innerShadowHost", "#innerShadowRootTemplate"); |
- innerShadowHost.id = "innerShadowHost"; |
-} |
- |
-var lastDistributedNodeId = 0; |
- |
-function addDistributedNode(oldest) |
-{ |
- var node = document.createElement("div"); |
- node.classList.add(oldest ? "distributeMeToOldest" : "distributeMeToYoungest"); |
- node.classList.add("distributeMeAsWell_" + (++lastDistributedNodeId)); |
- var shadowHost = document.querySelector("#shadowHost"); |
- shadowHost.appendChild(node); |
-} |
- |
-function addDistributedNodeToOldest() |
-{ |
- addDistributedNode(true); |
-} |
- |
-function test() |
-{ |
- var shadowHostNode; |
- var treeOutline; |
- var shadowHostTreeElement; |
- var innerShadowHostNode; |
- var innerShadowHostTreeElement; |
- |
- InspectorTest.expandElementsTree(elementsTreeExpanded); |
- |
- function elementsTreeExpanded(node) |
- { |
- treeOutline = InspectorTest.firstElementsTreeOutline(); |
- shadowHostNode = InspectorTest.expandedNodeWithId("shadowHost"); |
- shadowHostTreeElement = treeOutline.findTreeElement(shadowHostNode) |
- expandAndDumpShadowHostNode("========= Original ========", originalElementsTreeDumped); |
- } |
- |
- function originalElementsTreeDumped(node) |
- { |
- InspectorTest.evaluateInPage("initOldestShadowRoot()", onOldestShadowRootInitialized); |
- } |
- |
- function onOldestShadowRootInitialized() |
- { |
- expandAndDumpShadowHostNode("========= After shadow root created ========", onOldestShadowRootDumped); |
- } |
- |
- function onOldestShadowRootDumped() |
- { |
- waitForModifiedNodesUpdate("After adding distributed node", distributedNodeChangedAfterFirstAdding); |
- InspectorTest.evaluateInPage("addDistributedNodeToOldest()"); |
- } |
- |
- function distributedNodeChangedAfterFirstAdding() |
- { |
- waitForModifiedNodesUpdate("After adding another distributed node", distributedNodeChangedAfterSecondAdding); |
- InspectorTest.evaluateInPage("addDistributedNodeToOldest()"); |
- } |
- |
- function distributedNodeChangedAfterSecondAdding() |
- { |
- waitForModifiedNodesUpdate("After adding youngest shadow root", distributedNodeChangedAfterAddingYoungestShadowRoot); |
- InspectorTest.evaluateInPage("initYoungestShadowRoot()"); |
- } |
- |
- function distributedNodeChangedAfterAddingYoungestShadowRoot() |
- { |
- waitForModifiedNodesUpdate("After adding inner shadow root node", distributedNodeChangedAfterAddingInnerShadowRoot); |
- InspectorTest.evaluateInPage("initInnerShadowRoot()"); |
- } |
- |
- function distributedNodeChangedAfterAddingInnerShadowRoot() |
- { |
- InspectorTest.completeTest(); |
- } |
- |
- function waitForModifiedNodesUpdate(title, next) |
- { |
- InspectorTest.addSniffer(WebInspector.ElementsTreeOutline.prototype, "_updateModifiedNodes", callback); |
- |
- function callback() |
- { |
- expandAndDumpShadowHostNode("========= " + title + " ========", next); |
- } |
- } |
- |
- function expandAndDumpShadowHostNode(title, next) |
- { |
- InspectorTest.addResult(title); |
- InspectorTest.expandElementsTree(callback); |
- |
- function callback() |
- { |
- InspectorTest.dumpElementsTree(shadowHostNode); |
- next(); |
- } |
- } |
-} |
-</script> |
-</head> |
-<body onload="runTest()"> |
-<p>Tests that distributed nodes and their updates are correctly shown in different shadow host display modes.</p> |
-<template id="youngestShadowRootTemplate"> |
- <div class="youngestShadowMain"> |
- <shadow></shadow> |
- <content select=".distributeMeToYoungest"><div id="fallbackYoungest"></div></content> |
- <div class="innerShadowHost"> |
- <content in-youngest-shadow-root select=".distributeMeToInner"></content> |
- </div> |
- </div> |
-</template> |
-<template id="oldestShadowRootTemplate"> |
- <div class="oldestShadowMain"> |
- <content select=".distributeMeToOldest"><div id="fallbackOldest"></div></content> |
- </div> |
-</template> |
-<template id="innerShadowRootTemplate"> |
- <div class="innerShadowMain"> |
- <content in-inner-shadow-root select=".distributeMeToInner"></content> |
- </div> |
-</template> |
-<div id="shadowHost"> |
- <div class="distributeMeToYoungest original"> |
- youngest distributed text |
- </div> |
- <div class="distributeMeToOldest original"> |
- oldest distributed text |
- </div> |
- <div class="distributeMeToInner original"> |
- oldest distributed text |
- </div> |
- <div class="distributeMeToInner original2"> |
- oldest distributed text |
- </div> |
-</div> |
-</body> |
-</html> |