| OLD | NEW |
| 1 CONSOLE WARNING: Calling Element.createShadowRoot() for an element which already
hosts a shadow root is deprecated. See https://www.chromestatus.com/features/46
68884095336448 for more details. | 1 CONSOLE WARNING: Calling Element.createShadowRoot() for an element which already
hosts a shadow root is deprecated. See https://www.chromestatus.com/features/46
68884095336448 for more details. |
| 2 Tests for Composed Shadow DOM Tree Traversal APIs. Can only run within DRT | 2 Tests for Composed Shadow DOM Tree Traversal APIs. Can only run within DRT |
| 3 | 3 |
| 4 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 4 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 5 | 5 |
| 6 | 6 |
| 7 ShadowRoot should be used. | 7 ShadowRoot should be used. |
| 8 Composed Shadow Tree: | 8 Flat Tree: |
| 9 #a | 9 #a |
| 10 #b | 10 #b |
| 11 | 11 |
| 12 Traverse in forward. | 12 Traverse in forward. |
| 13 #a | 13 #a |
| 14 #b | 14 #b |
| 15 Traverse in backward. | 15 Traverse in backward. |
| 16 #b | 16 #b |
| 17 #a | 17 #a |
| 18 | 18 |
| 19 A content element should select light children | 19 A content element should select light children |
| 20 Composed Shadow Tree: | 20 Flat Tree: |
| 21 #a | 21 #a |
| 22 #b | 22 #b |
| 23 #c | 23 #c |
| 24 #d | 24 #d |
| 25 | 25 |
| 26 Traverse in forward. | 26 Traverse in forward. |
| 27 #a | 27 #a |
| 28 #b | 28 #b |
| 29 #c | 29 #c |
| 30 #d | 30 #d |
| 31 Traverse in backward. | 31 Traverse in backward. |
| 32 #d | 32 #d |
| 33 #c | 33 #c |
| 34 #b | 34 #b |
| 35 #a | 35 #a |
| 36 | 36 |
| 37 Test for content element selector. | 37 Test for content element selector. |
| 38 Composed Shadow Tree: | 38 Flat Tree: |
| 39 #a | 39 #a |
| 40 #b | 40 #b |
| 41 #d | 41 #d |
| 42 | 42 |
| 43 Traverse in forward. | 43 Traverse in forward. |
| 44 #a | 44 #a |
| 45 #b | 45 #b |
| 46 #d | 46 #d |
| 47 Traverse in backward. | 47 Traverse in backward. |
| 48 #d | 48 #d |
| 49 #b | 49 #b |
| 50 #a | 50 #a |
| 51 | 51 |
| 52 Light children should be selected only at once. | 52 Light children should be selected only at once. |
| 53 Composed Shadow Tree: | 53 Flat Tree: |
| 54 #a | 54 #a |
| 55 #b | 55 #b |
| 56 #d | 56 #d |
| 57 #c | 57 #c |
| 58 #e | 58 #e |
| 59 | 59 |
| 60 Traverse in forward. | 60 Traverse in forward. |
| 61 #a | 61 #a |
| 62 #b | 62 #b |
| 63 #d | 63 #d |
| 64 #c | 64 #c |
| 65 #e | 65 #e |
| 66 Traverse in backward. | 66 Traverse in backward. |
| 67 #e | 67 #e |
| 68 #c | 68 #c |
| 69 #d | 69 #d |
| 70 #b | 70 #b |
| 71 #a | 71 #a |
| 72 | 72 |
| 73 A content element can have fallback elements. | 73 A content element can have fallback elements. |
| 74 Composed Shadow Tree: | 74 Flat Tree: |
| 75 #a | 75 #a |
| 76 #b | 76 #b |
| 77 #f1 | 77 #f1 |
| 78 #f2 | 78 #f2 |
| 79 | 79 |
| 80 Traverse in forward. | 80 Traverse in forward. |
| 81 #a | 81 #a |
| 82 #b | 82 #b |
| 83 #f1 | 83 #f1 |
| 84 #f2 | 84 #f2 |
| 85 Traverse in backward. | 85 Traverse in backward. |
| 86 #f2 | 86 #f2 |
| 87 #f1 | 87 #f1 |
| 88 #b | 88 #b |
| 89 #a | 89 #a |
| 90 | 90 |
| 91 Fallback elements should not be used if a content element selects an element. | 91 Fallback elements should not be used if a content element selects an element. |
| 92 Composed Shadow Tree: | 92 Flat Tree: |
| 93 #a | 93 #a |
| 94 #b | 94 #b |
| 95 #c | 95 #c |
| 96 | 96 |
| 97 Traverse in forward. | 97 Traverse in forward. |
| 98 #a | 98 #a |
| 99 #b | 99 #b |
| 100 #c | 100 #c |
| 101 Traverse in backward. | 101 Traverse in backward. |
| 102 #c | 102 #c |
| 103 #b | 103 #b |
| 104 #a | 104 #a |
| 105 | 105 |
| 106 Test for traversal, starting with a fallback element which is not used. | 106 Test for traversal, starting with a fallback element which is not used. |
| 107 Composed Shadow Tree: | 107 Flat Tree: |
| 108 #f1 | 108 #f1 |
| 109 #f2 | 109 #f2 |
| 110 | 110 |
| 111 Traverse in forward. | 111 Traverse in forward. |
| 112 #f1 | 112 #f1 |
| 113 #f2 | 113 #f2 |
| 114 Traverse in backward. | 114 Traverse in backward. |
| 115 #f2 | 115 #f2 |
| 116 #f1 | 116 #f1 |
| 117 | 117 |
| 118 Next node of [#f1] is [#f2] | 118 Next node of [#f1] is [#f2] |
| 119 Next node of [#f2] is [null] | 119 Next node of [#f2] is [null] |
| 120 | 120 |
| 121 Test for Nested ShadowRoots. | 121 Test for Nested ShadowRoots. |
| 122 Composed Shadow Tree: | 122 Flat Tree: |
| 123 #a | 123 #a |
| 124 #b | 124 #b |
| 125 #c | 125 #c |
| 126 #e | 126 #e |
| 127 #d | 127 #d |
| 128 #f | 128 #f |
| 129 #h | 129 #h |
| 130 #i | 130 #i |
| 131 #g | 131 #g |
| 132 | 132 |
| (...skipping 12 matching lines...) Expand all Loading... |
| 145 #i | 145 #i |
| 146 #h | 146 #h |
| 147 #f | 147 #f |
| 148 #d | 148 #d |
| 149 #e | 149 #e |
| 150 #c | 150 #c |
| 151 #b | 151 #b |
| 152 #a | 152 #a |
| 153 | 153 |
| 154 Test for Multiple ShadowRoots. | 154 Test for Multiple ShadowRoots. |
| 155 Composed Shadow Tree: | 155 Flat Tree: |
| 156 #a | 156 #a |
| 157 #d | 157 #d |
| 158 #b | 158 #b |
| 159 #f | 159 #f |
| 160 #c | 160 #c |
| 161 #e | 161 #e |
| 162 | 162 |
| 163 Traverse in forward. | 163 Traverse in forward. |
| 164 #a | 164 #a |
| 165 #d | 165 #d |
| 166 #b | 166 #b |
| 167 #f | 167 #f |
| 168 #c | 168 #c |
| 169 #e | 169 #e |
| 170 Traverse in backward. | 170 Traverse in backward. |
| 171 #e | 171 #e |
| 172 #c | 172 #c |
| 173 #f | 173 #f |
| 174 #b | 174 #b |
| 175 #d | 175 #d |
| 176 #a | 176 #a |
| 177 | 177 |
| 178 Test for inactive insertion points. | 178 Test for inactive insertion points. |
| 179 Composed Shadow Tree: | 179 Flat Tree: |
| 180 #a | 180 #a |
| 181 #b | 181 #b |
| 182 #c | 182 #c |
| 183 | 183 |
| 184 Traverse in forward. | 184 Traverse in forward. |
| 185 #a | 185 #a |
| 186 #b | 186 #b |
| 187 #c | 187 #c |
| 188 Traverse in backward. | 188 Traverse in backward. |
| 189 #c | 189 #c |
| 190 #b | 190 #b |
| 191 #a | 191 #a |
| 192 | 192 |
| 193 Test for an orphaned shadow subtree. | 193 Test for an orphaned shadow subtree. |
| 194 Composed Shadow Tree: | 194 Flat Tree: |
| 195 #a | 195 #a |
| 196 #d | 196 #d |
| 197 | 197 |
| 198 Traverse in forward. | 198 Traverse in forward. |
| 199 #a | 199 #a |
| 200 #d | 200 #d |
| 201 Traverse in backward. | 201 Traverse in backward. |
| 202 #d | 202 #d |
| 203 #a | 203 #a |
| 204 | 204 |
| 205 Test for traversal, starting with a node in an orphaned shadow subtree. | 205 Test for traversal, starting with a node in an orphaned shadow subtree. |
| 206 Composed Shadow Tree: | 206 Flat Tree: |
| 207 #b | 207 #b |
| 208 #c | 208 #c |
| 209 | 209 |
| 210 Traverse in forward. | 210 Traverse in forward. |
| 211 #b | 211 #b |
| 212 #c | 212 #c |
| 213 Traverse in backward. | 213 Traverse in backward. |
| 214 #c | 214 #c |
| 215 #b | 215 #b |
| 216 | 216 |
| 217 Test for a content element which does not select any nodes nor have fallback ele
ments. | 217 Test for a content element which does not select any nodes nor have fallback ele
ments. |
| 218 Composed Shadow Tree: | 218 Flat Tree: |
| 219 #a | 219 #a |
| 220 #b | 220 #b |
| 221 #c | 221 #c |
| 222 | 222 |
| 223 Traverse in forward. | 223 Traverse in forward. |
| 224 #a | 224 #a |
| 225 #b | 225 #b |
| 226 #c | 226 #c |
| 227 Traverse in backward. | 227 Traverse in backward. |
| 228 #c | 228 #c |
| 229 #b | 229 #b |
| 230 #a | 230 #a |
| 231 | 231 |
| 232 Test for a nested insertion point. | 232 Test for a nested insertion point. |
| 233 Composed Shadow Tree: | 233 Flat Tree: |
| 234 #a | 234 #a |
| 235 #b | 235 #b |
| 236 #c | 236 #c |
| 237 | 237 |
| 238 Traverse in forward. | 238 Traverse in forward. |
| 239 #a | 239 #a |
| 240 #b | 240 #b |
| 241 #c | 241 #c |
| 242 Traverse in backward. | 242 Traverse in backward. |
| 243 #c | 243 #c |
| 244 #b | 244 #b |
| 245 #a | 245 #a |
| 246 | 246 |
| 247 Test for nested insertion points. Some of them are either empty insertion points
or inactive insertion points. | 247 Test for nested insertion points. Some of them are either empty insertion points
or inactive insertion points. |
| 248 Composed Shadow Tree: | 248 Flat Tree: |
| 249 #a | 249 #a |
| 250 #b | 250 #b |
| 251 #c | 251 #c |
| 252 #d | 252 #d |
| 253 #e | 253 #e |
| 254 | 254 |
| 255 Traverse in forward. | 255 Traverse in forward. |
| 256 #a | 256 #a |
| 257 #b | 257 #b |
| 258 #c | 258 #c |
| 259 #d | 259 #d |
| 260 #e | 260 #e |
| 261 Traverse in backward. | 261 Traverse in backward. |
| 262 #e | 262 #e |
| 263 #d | 263 #d |
| 264 #c | 264 #c |
| 265 #b | 265 #b |
| 266 #a | 266 #a |
| 267 | 267 |
| 268 Test for a re-projection. | 268 Test for a re-projection. |
| 269 Composed Shadow Tree: | 269 Flat Tree: |
| 270 #a | 270 #a |
| 271 #b | 271 #b |
| 272 #c | 272 #c |
| 273 | 273 |
| 274 Traverse in forward. | 274 Traverse in forward. |
| 275 #a | 275 #a |
| 276 #b | 276 #b |
| 277 #c | 277 #c |
| 278 Traverse in backward. | 278 Traverse in backward. |
| 279 #c | 279 #c |
| 280 #b | 280 #b |
| 281 #a | 281 #a |
| 282 | 282 |
| 283 Test for a content element which is selected by another content element. | 283 Test for a content element which is selected by another content element. |
| 284 Composed Shadow Tree: | 284 Flat Tree: |
| 285 #a | 285 #a |
| 286 #b | 286 #b |
| 287 #most-inner-child | 287 #most-inner-child |
| 288 #host-child | 288 #host-child |
| 289 | 289 |
| 290 Traverse in forward. | 290 Traverse in forward. |
| 291 #a | 291 #a |
| 292 #b | 292 #b |
| 293 #most-inner-child | 293 #most-inner-child |
| 294 #host-child | 294 #host-child |
| 295 Traverse in backward. | 295 Traverse in backward. |
| 296 #host-child | 296 #host-child |
| 297 #most-inner-child | 297 #most-inner-child |
| 298 #b | 298 #b |
| 299 #a | 299 #a |
| 300 | 300 |
| 301 Test for a reprojection. Content elements should be used in document order. | 301 Test for a reprojection. Content elements should be used in document order. |
| 302 Composed Shadow Tree: | 302 Flat Tree: |
| 303 #a | 303 #a |
| 304 #host-child1 | 304 #host-child1 |
| 305 #b | 305 #b |
| 306 #host-child2 | 306 #host-child2 |
| 307 | 307 |
| 308 Traverse in forward. | 308 Traverse in forward. |
| 309 #a | 309 #a |
| 310 #host-child1 | 310 #host-child1 |
| 311 #b | 311 #b |
| 312 #host-child2 | 312 #host-child2 |
| 313 Traverse in backward. | 313 Traverse in backward. |
| 314 #host-child2 | 314 #host-child2 |
| 315 #b | 315 #b |
| 316 #host-child1 | 316 #host-child1 |
| 317 #a | 317 #a |
| 318 | 318 |
| 319 Test for complex re-projections. | 319 Test for complex re-projections. |
| 320 Composed Shadow Tree: | 320 Flat Tree: |
| 321 #a | 321 #a |
| 322 #b | 322 #b |
| 323 #child-1 | 323 #child-1 |
| 324 #d | 324 #d |
| 325 #e | 325 #e |
| 326 #child-2 | 326 #child-2 |
| 327 #g | 327 #g |
| 328 #f | 328 #f |
| 329 #h | 329 #h |
| 330 #c | 330 #c |
| (...skipping 15 matching lines...) Expand all Loading... |
| 346 #f | 346 #f |
| 347 #g | 347 #g |
| 348 #child-2 | 348 #child-2 |
| 349 #e | 349 #e |
| 350 #d | 350 #d |
| 351 #child-1 | 351 #child-1 |
| 352 #b | 352 #b |
| 353 #a | 353 #a |
| 354 | 354 |
| 355 Test for a shadow insertion point where nothing is distributed. | 355 Test for a shadow insertion point where nothing is distributed. |
| 356 Composed Shadow Tree: | 356 Flat Tree: |
| 357 #a | 357 #a |
| 358 #b | 358 #b |
| 359 #c | 359 #c |
| 360 | 360 |
| 361 Traverse in forward. | 361 Traverse in forward. |
| 362 #a | 362 #a |
| 363 #b | 363 #b |
| 364 #c | 364 #c |
| 365 Traverse in backward. | 365 Traverse in backward. |
| 366 #c | 366 #c |
| 367 #b | 367 #b |
| 368 #a | 368 #a |
| 369 | 369 |
| 370 PASS successfullyParsed is true | 370 PASS successfullyParsed is true |
| 371 | 371 |
| 372 TEST COMPLETE | 372 TEST COMPLETE |
| 373 | 373 |
| OLD | NEW |