Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(3)

Unified Diff: LayoutTests/inspector/elements/styles/styles-update-from-js.html

Issue 1158883003: DevTools: shard inspector/elements tests for faster execution. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698