OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>Shadow DOM: Slots and fallback contents</title> |
| 3 <meta name="author" title="Hayato Ito" href="mailto:hayato@google.com"> |
2 <script src="../resources/testharness.js"></script> | 4 <script src="../resources/testharness.js"></script> |
3 <script src="../resources/testharnessreport.js"></script> | 5 <script src="../resources/testharnessreport.js"></script> |
4 <script src="resources/shadow-dom.js"></script> | 6 <script src="resources/shadow-dom.js"></script> |
5 | 7 |
6 <div id="test1"> | 8 <div id="test1"> |
7 <div id="host"> | 9 <div id="host"> |
8 <template data-mode="open"> | 10 <template data-mode="open"> |
9 <slot id="s1" name="slot1"> | 11 <slot id="s1" name="slot1"> |
10 <div id="f1"></div> | 12 <div id="f1"></div> |
11 </slot> | 13 </slot> |
(...skipping 198 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
210 n.s1.remove(); | 212 n.s1.remove(); |
211 | 213 |
212 assert_array_equals(n.s1.assignedNodes(), []); | 214 assert_array_equals(n.s1.assignedNodes(), []); |
213 | 215 |
214 assert_array_equals(n.s1.assignedNodes({ flatten: true }), [n.f1]); | 216 assert_array_equals(n.s1.assignedNodes({ flatten: true }), [n.f1]); |
215 assert_array_equals(n.s2.assignedNodes({ flatten: true }), [n.f2]); | 217 assert_array_equals(n.s2.assignedNodes({ flatten: true }), [n.f2]); |
216 assert_array_equals(n.s3.assignedNodes({ flatten: true }), [n.f2]); | 218 assert_array_equals(n.s3.assignedNodes({ flatten: true }), [n.f2]); |
217 assert_array_equals(n.s4.assignedNodes({ flatten: true }), [n.f2, n.f4]); | 219 assert_array_equals(n.s4.assignedNodes({ flatten: true }), [n.f2, n.f4]); |
218 }, 'Slots fallback: Mutation. Remove a slot which is a fallback content of anot
her slot.'); | 220 }, 'Slots fallback: Mutation. Remove a slot which is a fallback content of anot
her slot.'); |
219 </script> | 221 </script> |
OLD | NEW |