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

Side by Side Diff: LayoutTests/inspector/elements/styles-4/styles-new-API.html

Issue 1350183004: DevTools: CSS.getMatchedStylesForNode protocol command to return inline styles (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: fix tests Created 5 years, 3 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 unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 3
4 <link rel="stylesheet" href="resources/styles-new-API.css"> 4 <link rel="stylesheet" href="resources/styles-new-API.css">
5 5
6 <script src="../../../http/tests/inspector/inspector-test.js"></script> 6 <script src="../../../http/tests/inspector/inspector-test.js"></script>
7 <script src="../../../http/tests/inspector/elements-test.js"></script> 7 <script src="../../../http/tests/inspector/elements-test.js"></script>
8 <script src="../styles/styles-test.js"></script> 8 <script src="../styles/styles-test.js"></script>
9 <script> 9 <script>
10 10
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
51 function computedCallback(error, computedStyle) 51 function computedCallback(error, computedStyle)
52 { 52 {
53 if (error) { 53 if (error) {
54 InspectorTest.addResult("error: " + error); 54 InspectorTest.addResult("error: " + error);
55 InspectorTest.completeTest(); 55 InspectorTest.completeTest();
56 return; 56 return;
57 } 57 }
58 resultStyles.computedStyle = computedStyle; 58 resultStyles.computedStyle = computedStyle;
59 } 59 }
60 60
61 function inlineCallback(error, inlineStyle) 61 function matchedCallback(error, inlineStyle, attributeStyle, matched CSSRules, pseudoElements, inherited)
62 { 62 {
63 if (error) { 63 if (error) {
64 InspectorTest.addResult("error: " + error); 64 InspectorTest.addResult("error: " + error);
65 InspectorTest.completeTest();
66 return;
67 }
68 resultStyles.inlineStyle = inlineStyle;
69 }
70
71 function matchedCallback(error, matchedCSSRules, pseudoElements, inh erited)
72 {
73 if (error) {
74 InspectorTest.addResult("error: " + error);
75 InspectorTest.completeTest(); 65 InspectorTest.completeTest();
76 return; 66 return;
77 } 67 }
78 68
69 resultStyles.inlineStyle = inlineStyle;
79 resultStyles.matchedCSSRules = matchedCSSRules; 70 resultStyles.matchedCSSRules = matchedCSSRules;
80 resultStyles.pseudoElements = pseudoElements; 71 resultStyles.pseudoElements = pseudoElements;
81 resultStyles.inherited = inherited; 72 resultStyles.inherited = inherited;
82 } 73 }
83 74
84 function nodeCallback(node) 75 function nodeCallback(node)
85 { 76 {
86 bodyId = node.id; 77 bodyId = node.id;
87 var promises = [ 78 var promises = [
88 InspectorTest.CSSAgent.getComputedStyleForNode(node.id, comp utedCallback), 79 InspectorTest.CSSAgent.getComputedStyleForNode(node.id, comp utedCallback),
89 InspectorTest.CSSAgent.getInlineStylesForNode(node.id, inlin eCallback),
90 InspectorTest.CSSAgent.getMatchedStylesForNode(node.id, matc hedCallback) 80 InspectorTest.CSSAgent.getMatchedStylesForNode(node.id, matc hedCallback)
91 ]; 81 ];
92 Promise.all(promises).then(callback.bind(null, resultStyles)); 82 Promise.all(promises).then(callback.bind(null, resultStyles));
93 } 83 }
94 InspectorTest.selectNodeWithId("mainBody", nodeCallback); 84 InspectorTest.selectNodeWithId("mainBody", nodeCallback);
95 }, 85 },
96 86
97 function test_forcedState(next) 87 function test_forcedState(next)
98 { 88 {
99 InspectorTest.CSSAgent.forcePseudoState(bodyId, ["hover"]); 89 InspectorTest.CSSAgent.forcePseudoState(bodyId, ["hover"]);
100 InspectorTest.CSSAgent.getMatchedStylesForNode(bodyId, matchedCallba ck); 90 InspectorTest.CSSAgent.getMatchedStylesForNode(bodyId, matchedCallba ck);
101 91
102 function matchedCallback(error, matchedRules) 92 function matchedCallback(error, inlineStyle, attributeStyle, matched Rules)
103 { 93 {
104 InspectorTest.addResult("=== BODY with forced :hover ==="); 94 InspectorTest.addResult("=== BODY with forced :hover ===");
105 InspectorTest.dumpRuleMatchesArray(matchedRules); 95 InspectorTest.dumpRuleMatchesArray(matchedRules);
106 InspectorTest.CSSAgent.forcePseudoState(bodyId, ["hover"], next) ; 96 InspectorTest.CSSAgent.forcePseudoState(bodyId, ["hover"], next) ;
107 } 97 }
108 }, 98 },
109 99
110 function test_textNodeComputedStyles(next) 100 function test_textNodeComputedStyles(next)
111 { 101 {
112 function callback(error, computedStyle) 102 function callback(error, computedStyle)
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
167 157
168 function nodeCallback(node) 158 function nodeCallback(node)
169 { 159 {
170 InspectorTest.CSSAgent.getInlineStylesForNode(node.id, callback) ; 160 InspectorTest.CSSAgent.getInlineStylesForNode(node.id, callback) ;
171 } 161 }
172 InspectorTest.nodeWithId("thetable", nodeCallback); 162 InspectorTest.nodeWithId("thetable", nodeCallback);
173 }, 163 },
174 164
175 function test_addRule(next) 165 function test_addRule(next)
176 { 166 {
177 function didGetStyles(error, matchedCSSRules) 167 function didGetStyles(error, inlineStyle, attributeStyle, matchedCSS Rules)
178 { 168 {
179 if (error) { 169 if (error) {
180 InspectorTest.addResult("error: " + error); 170 InspectorTest.addResult("error: " + error);
181 return; 171 return;
182 } 172 }
183 InspectorTest.addResult(""); 173 InspectorTest.addResult("");
184 InspectorTest.addResult("=== Matched rules after rule added ===" ); 174 InspectorTest.addResult("=== Matched rules after rule added ===" );
185 InspectorTest.dumpRuleMatchesArray(matchedCSSRules); 175 InspectorTest.dumpRuleMatchesArray(matchedCSSRules);
186 next(); 176 next();
187 } 177 }
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
277 267
278 <body id="mainBody" class="main1 main2 mainpage" onload="runTest()" style="font- weight: normal; width: 85%; background-image: url(bar.png)"> 268 <body id="mainBody" class="main1 main2 mainpage" onload="runTest()" style="font- weight: normal; width: 85%; background-image: url(bar.png)">
279 <p> 269 <p>
280 Tests that InspectorCSSAgent API methods work as expected. 270 Tests that InspectorCSSAgent API methods work as expected.
281 </p> 271 </p>
282 <table width="50%" id="thetable"> 272 <table width="50%" id="thetable">
283 </table> 273 </table>
284 <h1 id="toggle">H1</h1> 274 <h1 id="toggle">H1</h1>
285 </body> 275 </body>
286 </html> 276 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698