LayoutTests/inspector/elements/inspect-deep-shadow-element.html - Issue 218703002: DevTools: [wip] move Elements panel off WebInspector.domModel and single tree outline.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/inspector/elements/inspect-deep-shadow-element.html

Issue 218703002: DevTools: [wip] move Elements panel off WebInspector.domModel and single tree outline. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Review comment addressed (and much more) Created 6 years, 8 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

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <script src="../../http/tests/inspector/inspector-test.js"></script>	3 <script src="../../http/tests/inspector/inspector-test.js"></script>

4 <script src="../../http/tests/inspector/elements-test.js"></script>	4 <script src="../../http/tests/inspector/elements-test.js"></script>

5 <script>	5 <script>

6	6

7 function test()	7 function test()

8 {	8 {

9 WebInspector.inspectorView.showPanel("elements").treeOutline.	9 InspectorTest.firstElementsTreeOutline().addEventListener(WebInspector.Eleme ntsTreeOutline.Events.SelectedNodeChanged, selectedNodeChanged, this);

10 addEventListener(WebInspector.ElementsTreeOutline.Events.SelectedNodeCha nged, selectedNodeChanged, this);

11 function selectedNodeChanged(event)	10 function selectedNodeChanged(event)

12 {	11 {

13 var node = event.data;	12 var node = event.data;

14 if (!node)	13 if (!node)

15 return;	14 return;

16 if (node.getAttribute("id") == "shadow") {	15 if (node.getAttribute("id") == "shadow") {

17 InspectorTest.addResult(WebInspector.DOMPresentationUtils.xPath(node , false));	16 InspectorTest.addResult(WebInspector.DOMPresentationUtils.xPath(node , false));

18 InspectorTest.completeTest();	17 InspectorTest.completeTest();

19 }	18 }

20 }	19 }

(...skipping 16 matching lines...) Expand all Loading...
37 </div>	36 </div>

38	37

39 <script>	38 <script>

40 var host = document.querySelector('#host');	39 var host = document.querySelector('#host');

41 var sr = host.createShadowRoot();	40 var sr = host.createShadowRoot();

42 sr.innerHTML = "<div><div><span id='shadow'>Shadow</span></div></div>";	41 sr.innerHTML = "<div><div><span id='shadow'>Shadow</span></div></div>";

43 </script>	42 </script>

44	43

45 </body>	44 </body>

46 </html>	45 </html>

OLD	NEW