Index: LayoutTests/inspector/elements/styles/styles-update-from-js.html |
diff --git a/LayoutTests/inspector/elements/styles/styles-update-from-js.html b/LayoutTests/inspector/elements/styles/styles-update-from-js.html |
deleted file mode 100644 |
index 57d7d19d23a9926340f5cfeeb752510b9744f2af..0000000000000000000000000000000000000000 |
--- a/LayoutTests/inspector/elements/styles/styles-update-from-js.html |
+++ /dev/null |
@@ -1,136 +0,0 @@ |
-<html> |
-<head> |
-<style> |
-.red div:first-child { |
- background-color: red; |
-} |
- |
-div[foo="bar"] + div { |
- background-color: blue; |
-} |
- |
-</style> |
-<script src="../../../http/tests/inspector/inspector-test.js"></script> |
-<script src="../../../http/tests/inspector/elements-test.js"></script> |
-<script> |
-function modifyStyleAttribute() |
-{ |
- document.getElementById("container").setAttribute("style", "color: #daC0DE; border: 1px solid black;"); |
-} |
- |
-function modifyCSSText() |
-{ |
- document.getElementById("container").style.cssText = "color: #C0FFEE"; |
-} |
- |
-function modifyParsedAttributes() |
-{ |
- var style = document.getElementById("container").style; |
- style.border = "2px dashed green"; |
- style.borderWidth = "3px"; |
-} |
- |
-function modifyContainerClass() |
-{ |
- document.getElementById("container").className = "red"; |
-} |
- |
-function modifyChildAttr() |
-{ |
- document.getElementById("child").setAttribute("foo", "bar"); |
-} |
- |
-function test() |
-{ |
- InspectorTest.runTestSuite([ |
- function testInit(next) |
- { |
- InspectorTest.selectNodeAndWaitForStyles("container", next); |
- }, |
- |
- function testSetStyleAttribute(next) |
- { |
- waitAndDumpAttributeAndStyles(next); |
- InspectorTest.evaluateInPage("modifyStyleAttribute()"); |
- }, |
- |
- function testSetStyleCSSText(next) |
- { |
- waitAndDumpAttributeAndStyles(next); |
- InspectorTest.evaluateInPage("modifyCSSText()"); |
- }, |
- |
- function testSetViaParsedAttributes(next) |
- { |
- waitAndDumpAttributeAndStyles(next); |
- InspectorTest.evaluateInPage("modifyParsedAttributes()"); |
- }, |
- |
- function testSetViaAncestorClass(next) |
- { |
- InspectorTest.selectNodeAndWaitForStyles("child", callback); |
- |
- function callback() |
- { |
- waitAndDumpAttributeAndStyles(next, "child"); |
- InspectorTest.evaluateInPage("modifyContainerClass()"); |
- } |
- }, |
- |
- function testSetViaSiblingAttr(next) |
- { |
- InspectorTest.selectNodeAndWaitForStyles("childSibling", callback); |
- |
- function callback() |
- { |
- waitAndDumpAttributeAndStyles(next, "childSibling"); |
- InspectorTest.evaluateInPage("modifyChildAttr()"); |
- } |
- } |
- ]); |
- |
- function waitAndDumpAttributeAndStyles(next, id) |
- { |
- id = id || "container"; |
- function callback() |
- { |
- dumpAttributeAndStyles(id); |
- next(); |
- } |
- InspectorTest.waitForStyles(id, callback); |
- } |
- |
- function dumpAttributeAndStyles(id) |
- { |
- var treeElement = findNodeTreeElement(id); |
- if (!treeElement) { |
- InspectorTest.addResult("'" + id + "' tree element not found"); |
- return; |
- } |
- InspectorTest.addResult(treeElement.listItemElement.textContent.replace(/\u200b/g, "")); |
- InspectorTest.dumpSelectedElementStyles(true); |
- } |
- |
- function findNodeTreeElement(id) |
- { |
- InspectorTest.firstElementsTreeOutline().runPendingUpdates(); |
- var expandedNode = InspectorTest.expandedNodeWithId(id); |
- if (!expandedNode) { |
- InspectorTest.addResult("'" + id + "' node not found"); |
- InspectorTest.completeTest(); |
- } |
- return InspectorTest.firstElementsTreeOutline().findTreeElement(expandedNode); |
- } |
-} |
-</script> |
-</head> |
- |
-<body onload="runTest()"> |
-<p> |
-Tests that changes to an inline style and ancestor/sibling className from JavaScript are reflected in the Styles pane and Elements tree. |
-</p> |
- |
-<div id="container" style="font-weight:bold"><div id="child"></div><div id="childSibling"></div></div> |
- |
-</body> |
-</html> |