| 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 that elements panel updates dom tree structure upon shadow root creation. | 2 Tests that elements panel updates dom tree structure upon shadow root creation. |
| 3 | 3 |
| 4 | 4 |
| 5 Running: testDumpInitial | 5 Running: testDumpInitial |
| 6 ========= Original ======== | 6 ========= Original ======== |
| 7 - <div id="container"> | 7 - <div id="container"> |
| 8 <div id="child"></div> | 8 <div id="child"></div> |
| 9 </div> | 9 </div> |
| 10 | 10 |
| 11 Running: testCreateShadowRoot | 11 Running: testCreateShadowRoot |
| 12 ===== After createShadowRoot ===== | 12 ===== After createShadowRoot ===== |
| 13 - <div id="container"> | 13 - <div id="container"> |
| 14 - #shadow-root | 14 - #shadow-root |
| 15 <div id="shadow-1"></div> | 15 <div id="shadow-1"></div> |
| 16 <div id="child"></div> | 16 <div id="child"></div> |
| 17 </div> | 17 </div> |
| 18 | 18 |
| 19 Running: testCreateSecondShadowRoot | 19 Running: testCreateSecondShadowRoot |
| 20 ===== After second createShadowRoot ===== | 20 ===== After second createShadowRoot ===== |
| 21 - <div id="container"> | 21 - <div id="container"> |
| 22 - #shadow-root | 22 - #shadow-root |
| 23 <div id="shadow-2"></div> | 23 <div id="shadow-2"></div> |
| 24 - #shadow-root | 24 - #shadow-root |
| 25 <div id="shadow-1"></div> | 25 <div id="shadow-1"></div> |
| 26 <div id="child"></div> | 26 <div id="child"></div> |
| 27 </div> | 27 </div> |
| 28 | 28 |
| OLD | NEW |