LayoutTests/inspector/elements/styles/pseudo-elements.html - Issue 881263002: DevTools: use target-based model accessors only.

Side by Side Diff: LayoutTests/inspector/elements/styles/pseudo-elements.html

Issue 881263002: DevTools: use target-based model accessors only. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 5 years, 10 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

« no previous file with comments | « LayoutTests/inspector/elements/styles/perform-undo-perform-of-mergable-action.html ('k') | LayoutTests/inspector/elements/styles/style-update-during-selector-edit.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <style>	3 <style>

4 #inspected:before, .some-other-selector {	4 #inspected:before, .some-other-selector {

5 content: "BEFORE";	5 content: "BEFORE";

6 }	6 }

7	7

8 #inspected:after {	8 #inspected:after {

9 content: "AFTER";	9 content: "AFTER";

10 }	10 }

(...skipping 160 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
171 },	171 },

172	172

173 function removeNodeAndCheckPseudoElementsUnbound(next)	173 function removeNodeAndCheckPseudoElementsUnbound(next)

174 {	174 {

175 var inspectedBefore = inspectedNode.beforePseudoElement();	175 var inspectedBefore = inspectedNode.beforePseudoElement();

176 var inspectedAfter = inspectedNode.afterPseudoElement();	176 var inspectedAfter = inspectedNode.afterPseudoElement();

177	177

178 executeAndDumpTree("removeNode()", WebInspector.DOMModel.Events.Node Removed, callback);	178 executeAndDumpTree("removeNode()", WebInspector.DOMModel.Events.Node Removed, callback);

179 function callback()	179 function callback()

180 {	180 {

181 InspectorTest.addResult("inspected:before DOMNode in DOMAgent: " + !!(WebInspector.domModel.nodeForId(inspectedBefore.id)));	181 InspectorTest.addResult("inspected:before DOMNode in DOMAgent: " + !!(InspectorTest.domModel.nodeForId(inspectedBefore.id)));

182 InspectorTest.addResult("inspected:after DOMNode in DOMAgent: " + !!(WebInspector.domModel.nodeForId(inspectedAfter.id)));	182 InspectorTest.addResult("inspected:after DOMNode in DOMAgent: " + !!(InspectorTest.domModel.nodeForId(inspectedAfter.id)));

183 next();	183 next();

184 }	184 }

185 }	185 }

186 ]);	186 ]);

187	187

188 function executeAndDumpTree(pageFunction, eventName, next)	188 function executeAndDumpTree(pageFunction, eventName, next)

189 {	189 {

190 WebInspector.domModel.addEventListener(eventName, domCallback, this);	190 InspectorTest.domModel.addEventListener(eventName, domCallback, this);

191 InspectorTest.evaluateInPage(pageFunction);	191 InspectorTest.evaluateInPage(pageFunction);

192	192

193 function domCallback()	193 function domCallback()

194 {	194 {

195 WebInspector.domModel.removeEventListener(eventName, domCallback, th is);	195 InspectorTest.domModel.removeEventListener(eventName, domCallback, t his);

196 InspectorTest.firstElementsTreeOutline().addEventListener(WebInspect or.ElementsTreeOutline.Events.ElementsTreeUpdated, treeCallback, this);	196 InspectorTest.firstElementsTreeOutline().addEventListener(WebInspect or.ElementsTreeOutline.Events.ElementsTreeUpdated, treeCallback, this);

197 }	197 }

198	198

199 function treeCallback()	199 function treeCallback()

200 {	200 {

201 InspectorTest.firstElementsTreeOutline().removeEventListener(WebInsp ector.ElementsTreeOutline.Events.ElementsTreeUpdated, treeCallback, this);	201 InspectorTest.firstElementsTreeOutline().removeEventListener(WebInsp ector.ElementsTreeOutline.Events.ElementsTreeUpdated, treeCallback, this);

202 InspectorTest.dumpElementsTree(containerNode);	202 InspectorTest.dumpElementsTree(containerNode);

203 next();	203 next();

204 }	204 }

205 }	205 }

(...skipping 32 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
238 Tests that pseudo elements and their styles are handled properly.	238 Tests that pseudo elements and their styles are handled properly.

239 </p>	239 </p>

240	240

241 <div id="container">	241 <div id="container">

242 <div id="inspected">Text</div>	242 <div id="inspected">Text</div>

243 <div id="empty"></div>	243 <div id="empty"></div>

244 </div>	244 </div>

245	245

246 </body>	246 </body>

247 </html>	247 </html>

OLD	NEW