third_party/WebKit/LayoutTests/inspector/elements/shadow/reveal-shadow-dom-node.html - Issue 2460953003: Reland of DevTools: properly restore selected DOMNode in Elements panel.

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: third_party/WebKit/LayoutTests/inspector/elements/shadow/reveal-shadow-dom-node.html

Issue 2460953003: Reland of DevTools: properly restore selected DOMNode in Elements panel. (Closed)

Patch Set: Created 4 years, 1 month 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

« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/elements/shadow/inspect-deep-shadow-element.html ('k') | third_party/WebKit/Source/devtools/front_end/elements/ElementsPanel.js » ('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 <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 InspectorTest.firstElementsTreeOutline().addEventListener(WebInspector.Eleme ntsTreeOutline.Events.SelectedNodeChanged, selectedNodeChanged);	9 InspectorTest.firstElementsTreeOutline().addEventListener(WebInspector.Eleme ntsTreeOutline.Events.SelectedNodeChanged, selectedNodeChanged);

10	10

11 var nodeChangesRemaining = 2;	11 var nodeChangesRemaining = 2;

12 function selectedNodeChanged(event)	12 function selectedNodeChanged(event)

13 {	13 {

14 var node = event.data;	14 var node = event.data.node;

15 if (node.nodeName() === "BODY")	15 if (node.nodeName() === "BODY")

16 return;	16 return;

17 InspectorTest.addResult("SelectedNodeChanged: " + node.localName() + " " + shadowDOMPart(node));	17 InspectorTest.addResult("SelectedNodeChanged: " + node.localName() + " " + shadowDOMPart(node));

18 if (!--nodeChangesRemaining)	18 if (!--nodeChangesRemaining)

19 InspectorTest.completeTest();	19 InspectorTest.completeTest();

20 }	20 }

21	21

22 function shadowDOMPart(node)	22 function shadowDOMPart(node)

23 {	23 {

24 if (!node.isInShadowTree())	24 if (!node.isInShadowTree())

(...skipping 26 matching lines...) Expand all Loading...
51	51

52 <script>	52 <script>

53 var input = document.createElement("input");	53 var input = document.createElement("input");

54 input.id = "nested-input";	54 input.id = "nested-input";

55 input.value = "test";	55 input.value = "test";

56 test1.createShadowRoot().appendChild(input);	56 test1.createShadowRoot().appendChild(input);

57 </script>	57 </script>

58	58

59 </body>	59 </body>

60 </html>	60 </html>

OLD	NEW