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

Unified Diff: third_party/WebKit/LayoutTests/inspector/elements/shadow/shadow-distribution-expected.txt

Issue 2347963002: [DevTools] Show distribution for Shadow DOM V1. (Closed)
Patch Set: getDistributedNodes -> iteration Created 4 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 side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/inspector/elements/shadow/shadow-distribution-expected.txt
diff --git a/third_party/WebKit/LayoutTests/inspector/elements/shadow/shadow-distribution-expected.txt b/third_party/WebKit/LayoutTests/inspector/elements/shadow/shadow-distribution-expected.txt
new file mode 100644
index 0000000000000000000000000000000000000000..6db52df7c308424e50e19e1d04ca17d48fa0da15
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/inspector/elements/shadow/shadow-distribution-expected.txt
@@ -0,0 +1,257 @@
+Tests that elements panel updates dom tree structure upon distribution in shadow dom.
+
+
+Running: createHost1
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot1">
+ </slot>
+ - <slot id="slot2" name="slot2">
+ </slot>
+ - <slot id="slot3">
+ </slot>
+ </div>
+
+Running: createChild1
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot1">
+ </slot>
+ - <slot id="slot2" name="slot2">
+ ↪ <span>
+ </slot>
+ - <slot id="slot3">
+ </slot>
+ <span id="child1" slot="slot2"></span>
+ </div>
+
+Running: createChild2
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot1">
+ </slot>
+ - <slot id="slot2" name="slot2">
+ ↪ <span>
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ </slot>
+ <span id="child1" slot="slot2"></span>
+ <div id="child2"></div>
+ </div>
+
+Running: createChild3
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot1">
+ </slot>
+ - <slot id="slot2" name="slot2">
+ ↪ <span>
+ ↪ <h1>
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ </slot>
+ <span id="child1" slot="slot2"></span>
+ <div id="child2"></div>
+ <h1 id="child3" slot="slot2"></h1>
+ </div>
+
+Running: createChild4
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot1">
+ ↪ <h2>
+ </slot>
+ - <slot id="slot2" name="slot2">
+ ↪ <span>
+ ↪ <h1>
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ </slot>
+ <span id="child1" slot="slot2"></span>
+ <div id="child2"></div>
+ <h1 id="child3" slot="slot2"></h1>
+ <h2 id="child4" slot="slot1"></h2>
+ </div>
+
+Running: createChild5
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot1">
+ ↪ <h2>
+ </slot>
+ - <slot id="slot2" name="slot2">
+ ↪ <span>
+ ↪ <h1>
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ </slot>
+ <span id="child1" slot="slot2"></span>
+ <div id="child2"></div>
+ <h1 id="child3" slot="slot2"></h1>
+ <h2 id="child4" slot="slot1"></h2>
+ <h3 id="child5" slot="slot3"></h3>
+ </div>
+
+Running: modifyChild1
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot1">
+ ↪ <span>
+ ↪ <h2>
+ </slot>
+ - <slot id="slot2" name="slot2">
+ ↪ <h1>
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ </slot>
+ <span id="child1" slot="slot1"></span>
+ <div id="child2"></div>
+ <h1 id="child3" slot="slot2"></h1>
+ <h2 id="child4" slot="slot1"></h2>
+ <h3 id="child5" slot="slot3"></h3>
+ </div>
+
+Running: modifyChild4
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot1">
+ ↪ <span>
+ </slot>
+ - <slot id="slot2" name="slot2">
+ ↪ <h1>
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ ↪ <h2>
+ </slot>
+ <span id="child1" slot="slot1"></span>
+ <div id="child2"></div>
+ <h1 id="child3" slot="slot2"></h1>
+ <h2 id="child4"></h2>
+ <h3 id="child5" slot="slot3"></h3>
+ </div>
+
+Running: modifySlot1
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot3">
+ ↪ <h3>
+ </slot>
+ - <slot id="slot2" name="slot2">
+ ↪ <h1>
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ ↪ <h2>
+ </slot>
+ <span id="child1" slot="slot1"></span>
+ <div id="child2"></div>
+ <h1 id="child3" slot="slot2"></h1>
+ <h2 id="child4"></h2>
+ <h3 id="child5" slot="slot3"></h3>
+ </div>
+
+Running: modifySlot2
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot3">
+ ↪ <h3>
+ </slot>
+ - <slot id="slot2" name="slot1">
+ ↪ <span>
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ ↪ <h2>
+ </slot>
+ <span id="child1" slot="slot1"></span>
+ <div id="child2"></div>
+ <h1 id="child3" slot="slot2"></h1>
+ <h2 id="child4"></h2>
+ <h3 id="child5" slot="slot3"></h3>
+ </div>
+
+Running: removeChild3
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot3">
+ ↪ <h3>
+ </slot>
+ - <slot id="slot2" name="slot1">
+ ↪ <span>
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ ↪ <h2>
+ </slot>
+ <span id="child1" slot="slot1"></span>
+ <div id="child2"></div>
+ <h2 id="child4"></h2>
+ <h3 id="child5" slot="slot3"></h3>
+ </div>
+
+Running: removeChild1
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot3">
+ ↪ <h3>
+ </slot>
+ - <slot id="slot2" name="slot1">
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ ↪ <h2>
+ </slot>
+ <div id="child2"></div>
+ <h2 id="child4"></h2>
+ <h3 id="child5" slot="slot3"></h3>
+ </div>
+
+Running: removeSlot1
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot2" name="slot1">
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ ↪ <h2>
+ </slot>
+ <div id="child2"></div>
+ <h2 id="child4"></h2>
+ <h3 id="child5" slot="slot3"></h3>
+ </div>
+
+Running: createHost2
+- <div id="host2">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot3">
+ </slot>
+ </div>
+
+Running: moveChild5FromHost1ToHost2
+- <div id="host2">
+ - #shadow-root (open)
+ - <slot id="slot1" name="slot3">
+ ↪ <h3>
+ </slot>
+ <h3 id="child5" slot="slot3"></h3>
+ </div>
+
+Running: modifyChild4
+- <div id="host1">
+ - #shadow-root (open)
+ - <slot id="slot2" name="slot1">
+ ↪ <h2>
+ </slot>
+ - <slot id="slot3">
+ ↪ <div>
+ </slot>
+ <div id="child2"></div>
+ <h2 id="child4" slot="slot1"></h2>
+ </div>
+

Powered by Google App Engine
This is Rietveld 408576698