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

Unified Diff: third_party/WebKit/LayoutTests/fast/dom/shadow/v1-slots-fallback-api-2.html

Issue 1530643003: Support slot element's fallback content feature (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: addressed Created 4 years, 11 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/fast/dom/shadow/v1-slots-fallback-api-2.html
diff --git a/third_party/WebKit/LayoutTests/fast/dom/shadow/v1-slots-fallback-api-2.html b/third_party/WebKit/LayoutTests/fast/dom/shadow/v1-slots-fallback-api-2.html
new file mode 100644
index 0000000000000000000000000000000000000000..32e26f8c32ea5458da21eee6a8b9a0c0896b8a2b
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/dom/shadow/v1-slots-fallback-api-2.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<script src='../../../resources/testharness.js'></script>
+<script src='../../../resources/testharnessreport.js'></script>
+<script src='resources/shadow-dom.js'></script>
+<div id='host'>
+ <template data-mode='open'>
+ <slot name='slot1'>
+ <div id='fallback1'></div>
+ <slot name='slot2'>
+ <div id='fallback2'></div>
+ </slot>
+ </slot>
+ <slot name='slot3'>
+ <slot name='slot4'>
+ <div id='fallback3'></div>
+ </slot>
+ </slot>
+ </template>
+ <div id='child1' slot='slot2'></div>
+</div>
+<script>
+'use strict';
+convertTemplatesToShadowRootsWithin(host);
+removeWhiteSpaceOnlyTextNodes(host);
+document.body.offsetLeft;
+
+const slot1 = host.shadowRoot.querySelector('[name=slot1]');
+const slot2 = host.shadowRoot.querySelector('[name=slot2]');
+const slot3 = host.shadowRoot.querySelector('[name=slot3]');
+const slot4 = host.shadowRoot.querySelector('[name=slot4]');
+const fallback1 = host.shadowRoot.querySelector('#fallback1');
+const fallback2 = host.shadowRoot.querySelector('#fallback2');
+const fallback3 = host.shadowRoot.querySelector('#fallback3');
+
+test(() => {
+ assert_equals(child1.assignedSlot, slot2);
+ assert_equals(fallback1.assignedSlot, null);
+ assert_equals(fallback2.assignedSlot, null);
+ assert_equals(fallback3.assignedSlot, null);
+}, "assignedSlot");
+
+test(() => {
+ assert_array_equals(slot1.getAssignedNodes(), []);
+ assert_array_equals(slot2.getAssignedNodes(), [child1]);
+ assert_array_equals(slot3.getAssignedNodes(), []);
+ assert_array_equals(slot4.getAssignedNodes(), []);
+}, "getAssignedNodes");
+
+test(() => {
+ assert_array_equals(slot1.getDistributedNodes(), [fallback1, child1]);
+ assert_array_equals(slot2.getDistributedNodes(), [child1]);
+ assert_array_equals(slot3.getDistributedNodes(), [fallback3]);
+ assert_array_equals(slot4.getDistributedNodes(), [fallback3]);
+}, "getDistributedNodes");
+</script>

Powered by Google App Engine
This is Rietveld 408576698