| 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>
|
|
|