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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/inspector/elements/shadow/shadow-host-display-modes-expected.txt

Issue 1309403002: Show closed/open shadow root in inspector (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: update test expectation for breadcrumb Created 5 years, 4 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/shadow/elements-panel-shadow-selection-on-refresh-expected.txt ('k') | LayoutTests/inspector/elements/shadow/shadow-root-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 CONSOLE WARNING: Calling Element.createShadowRoot() for an element which already hosts a shadow root is deprecated. See https://www.chromestatus.com/features/46 68884095336448 for more details. 1 CONSOLE WARNING: Calling Element.createShadowRoot() for an element which already hosts a shadow root is deprecated. See https://www.chromestatus.com/features/46 68884095336448 for more details.
2 Tests that distributed nodes and their updates are correctly shown in different shadow host display modes. 2 Tests that distributed nodes and their updates are correctly shown in different shadow host display modes.
3 3
4 youngest distributed text 4 youngest distributed text
5 oldest distributed text 5 oldest distributed text
6 oldest distributed text 6 oldest distributed text
7 oldest distributed text 7 oldest distributed text
8 ========= Original ======== 8 ========= Original ========
9 - <div id="shadowHost"> 9 - <div id="shadowHost">
10 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div> 10 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div>
11 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div> 11 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div>
12 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div> 12 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div>
13 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div> 13 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div>
14 </div> 14 </div>
15 ========= After shadow root created ======== 15 ========= After shadow root created ========
16 - <div id="shadowHost"> 16 - <div id="shadowHost">
17 - #shadow-root 17 - #shadow-root (open)
18 - <div class="oldestShadowMain"> 18 - <div class="oldestShadowMain">
19 - <content select=".distributeMeToOldest"> 19 - <content select=".distributeMeToOldest">
20 <div id="fallbackOldest"></div> 20 <div id="fallbackOldest"></div>
21 ↪ <div> 21 ↪ <div>
22 </content> 22 </content>
23 </div> 23 </div>
24 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div> 24 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div>
25 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div> 25 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div>
26 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div> 26 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div>
27 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div> 27 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div>
28 </div> 28 </div>
29 ========= After adding distributed node ======== 29 ========= After adding distributed node ========
30 - <div id="shadowHost"> 30 - <div id="shadowHost">
31 - #shadow-root 31 - #shadow-root (open)
32 - <div class="oldestShadowMain"> 32 - <div class="oldestShadowMain">
33 - <content select=".distributeMeToOldest"> 33 - <content select=".distributeMeToOldest">
34 <div id="fallbackOldest"></div> 34 <div id="fallbackOldest"></div>
35 ↪ <div> 35 ↪ <div>
36 ↪ <div> 36 ↪ <div>
37 </content> 37 </content>
38 </div> 38 </div>
39 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div> 39 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div>
40 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div> 40 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div>
41 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div> 41 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div>
42 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div> 42 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div>
43 <div class="distributeMeToOldest distributeMeAsWell_1"></div> 43 <div class="distributeMeToOldest distributeMeAsWell_1"></div>
44 </div> 44 </div>
45 ========= After adding another distributed node ======== 45 ========= After adding another distributed node ========
46 - <div id="shadowHost"> 46 - <div id="shadowHost">
47 - #shadow-root 47 - #shadow-root (open)
48 - <div class="oldestShadowMain"> 48 - <div class="oldestShadowMain">
49 - <content select=".distributeMeToOldest"> 49 - <content select=".distributeMeToOldest">
50 <div id="fallbackOldest"></div> 50 <div id="fallbackOldest"></div>
51 ↪ <div> 51 ↪ <div>
52 ↪ <div> 52 ↪ <div>
53 ↪ <div> 53 ↪ <div>
54 </content> 54 </content>
55 </div> 55 </div>
56 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div> 56 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div>
57 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div> 57 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div>
58 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div> 58 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div>
59 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div> 59 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div>
60 <div class="distributeMeToOldest distributeMeAsWell_1"></div> 60 <div class="distributeMeToOldest distributeMeAsWell_1"></div>
61 <div class="distributeMeToOldest distributeMeAsWell_2"></div> 61 <div class="distributeMeToOldest distributeMeAsWell_2"></div>
62 </div> 62 </div>
63 ========= After adding youngest shadow root ======== 63 ========= After adding youngest shadow root ========
64 - <div id="shadowHost"> 64 - <div id="shadowHost">
65 - #shadow-root 65 - #shadow-root (open)
66 - <div class="youngestShadowMain"> 66 - <div class="youngestShadowMain">
67 - <shadow> 67 - <shadow>
68 ↪ <div> 68 ↪ <div>
69 </shadow> 69 </shadow>
70 - <content select=".distributeMeToYoungest"> 70 - <content select=".distributeMeToYoungest">
71 <div id="fallbackYoungest"></div> 71 <div id="fallbackYoungest"></div>
72 ↪ <div> 72 ↪ <div>
73 </content> 73 </content>
74 - <div class="innerShadowHost"> 74 - <div class="innerShadowHost">
75 - <content in-youngest-shadow-root select=".distributeMeToInner" > 75 - <content in-youngest-shadow-root select=".distributeMeToInner" >
76 ↪ <div> 76 ↪ <div>
77 ↪ <div> 77 ↪ <div>
78 </content> 78 </content>
79 </div> 79 </div>
80 </div> 80 </div>
81 - #shadow-root 81 - #shadow-root (open)
82 - <div class="oldestShadowMain"> 82 - <div class="oldestShadowMain">
83 - <content select=".distributeMeToOldest"> 83 - <content select=".distributeMeToOldest">
84 <div id="fallbackOldest"></div> 84 <div id="fallbackOldest"></div>
85 ↪ <div> 85 ↪ <div>
86 ↪ <div> 86 ↪ <div>
87 ↪ <div> 87 ↪ <div>
88 </content> 88 </content>
89 </div> 89 </div>
90 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div> 90 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div>
91 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div> 91 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div>
92 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div> 92 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div>
93 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div> 93 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div>
94 <div class="distributeMeToOldest distributeMeAsWell_1"></div> 94 <div class="distributeMeToOldest distributeMeAsWell_1"></div>
95 <div class="distributeMeToOldest distributeMeAsWell_2"></div> 95 <div class="distributeMeToOldest distributeMeAsWell_2"></div>
96 </div> 96 </div>
97 ========= After adding inner shadow root node ======== 97 ========= After adding inner shadow root node ========
98 - <div id="shadowHost"> 98 - <div id="shadowHost">
99 - #shadow-root 99 - #shadow-root (open)
100 - <div class="youngestShadowMain"> 100 - <div class="youngestShadowMain">
101 - <shadow> 101 - <shadow>
102 ↪ <div> 102 ↪ <div>
103 </shadow> 103 </shadow>
104 - <content select=".distributeMeToYoungest"> 104 - <content select=".distributeMeToYoungest">
105 <div id="fallbackYoungest"></div> 105 <div id="fallbackYoungest"></div>
106 ↪ <div> 106 ↪ <div>
107 </content> 107 </content>
108 - <div class="innerShadowHost" id="innerShadowHost"> 108 - <div class="innerShadowHost" id="innerShadowHost">
109 - #shadow-root 109 - #shadow-root (open)
110 - <div class="innerShadowMain"> 110 - <div class="innerShadowMain">
111 - <content in-inner-shadow-root select=".distributeMeToI nner"> 111 - <content in-inner-shadow-root select=".distributeMeToI nner">
112 ↪ <div> 112 ↪ <div>
113 ↪ <div> 113 ↪ <div>
114 </content> 114 </content>
115 </div> 115 </div>
116 - <content in-youngest-shadow-root select=".distributeMeToInner" > 116 - <content in-youngest-shadow-root select=".distributeMeToInner" >
117 ↪ <div> 117 ↪ <div>
118 ↪ <div> 118 ↪ <div>
119 </content> 119 </content>
120 </div> 120 </div>
121 </div> 121 </div>
122 - #shadow-root 122 - #shadow-root (open)
123 - <div class="oldestShadowMain"> 123 - <div class="oldestShadowMain">
124 - <content select=".distributeMeToOldest"> 124 - <content select=".distributeMeToOldest">
125 <div id="fallbackOldest"></div> 125 <div id="fallbackOldest"></div>
126 ↪ <div> 126 ↪ <div>
127 ↪ <div> 127 ↪ <div>
128 ↪ <div> 128 ↪ <div>
129 </content> 129 </content>
130 </div> 130 </div>
131 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div> 131 <div class="distributeMeToYoungest original">\n youngest distribute d text\n </div>
132 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div> 132 <div class="distributeMeToOldest original">\n oldest distributed te xt\n </div>
133 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div> 133 <div class="distributeMeToInner original">\n oldest distributed tex t\n </div>
134 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div> 134 <div class="distributeMeToInner original2">\n oldest distributed te xt\n </div>
135 <div class="distributeMeToOldest distributeMeAsWell_1"></div> 135 <div class="distributeMeToOldest distributeMeAsWell_1"></div>
136 <div class="distributeMeToOldest distributeMeAsWell_2"></div> 136 <div class="distributeMeToOldest distributeMeAsWell_2"></div>
137 </div> 137 </div>
138 138
OLDNEW
« no previous file with comments | « LayoutTests/inspector/elements/shadow/elements-panel-shadow-selection-on-refresh-expected.txt ('k') | LayoutTests/inspector/elements/shadow/shadow-root-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698