OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>Shadow DOM: slotchange Events</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="host1"> | 9 <div id="host1"> |
8 <template data-mode="open"> | 10 <template data-mode="open"> |
9 <slot id="s1" name="slot1"></slot> | 11 <slot id="s1" name="slot1"></slot> |
10 </template> | 12 </template> |
11 <div id="c1" slot="slot1"></div> | 13 <div id="c1" slot="slot1"></div> |
(...skipping 247 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
259 <script> | 261 <script> |
260 async_test((test) => { | 262 async_test((test) => { |
261 let n = createTestTree(test6); | 263 let n = createTestTree(test6); |
262 removeWhiteSpaceOnlyTextNodes(n.test6); | 264 removeWhiteSpaceOnlyTextNodes(n.test6); |
263 | 265 |
264 doneIfSlotChange([n.s2], test); | 266 doneIfSlotChange([n.s2], test); |
265 | 267 |
266 n.s1.remove(); | 268 n.s1.remove(); |
267 }, "slotchange event: Even if distributed nodes do not change, slotchange should
be fired if assigned nodes are changed."); | 269 }, "slotchange event: Even if distributed nodes do not change, slotchange should
be fired if assigned nodes are changed."); |
268 </script> | 270 </script> |
OLD | NEW |