| 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>
|
|
|
Chromium Code Reviews
Issue 1530643003:
Support slot element's fallback content feature (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master