Index: third_party/WebKit/LayoutTests/fast/dom/shadow/v1-slots-fallback-api-1.html |
diff --git a/third_party/WebKit/LayoutTests/fast/dom/shadow/v1-slots-fallback-api-1.html b/third_party/WebKit/LayoutTests/fast/dom/shadow/v1-slots-fallback-api-1.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..15dbd5fd9c6da81b8f19674c63be1edc806562ef |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/dom/shadow/v1-slots-fallback-api-1.html |
@@ -0,0 +1,39 @@ |
+<!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> |
+ <slot name='slot2'> |
+ <div id='fallback2'></div> |
+ </slot> |
+ </template> |
+ <div id='child1' slot='slot1'></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 fallback2 = host.shadowRoot.querySelector('#fallback2'); |
+ |
+test(() => { |
+ assert_equals(child1.assignedSlot, slot1); |
+}, "assignedSlot"); |
+ |
+test(() => { |
+ assert_array_equals(slot1.getAssignedNodes(), [child1]); |
+ assert_array_equals(slot2.getAssignedNodes(), []); |
+}, "getAssignedNodes"); |
+ |
+test(() => { |
+ assert_array_equals(slot1.getDistributedNodes(), [child1]); |
+ assert_array_equals(slot2.getDistributedNodes(), [fallback2]); |
+}, "getDistributedNodes"); |
+</script> |