swc/crates/swc_html_parser/tests/fixture/element/custom-element/span.rust-debug

  x Document
    ,-[$DIR/tests/fixture/element/custom-element/input.html:1:1]
  1 | ,-> <popup-info img="img/alt.png" data-text="Your card validation code (CVC)
  2 | |     is an extra security feature — it is the last 3 or 4 numbers on the
  3 | |     back of your card."></popup-info>
  4 | |   
  5 | |   <custom-square l="100" c="red"></custom-square>
  6 | |   
  7 | |   <app-drawer open disabled></app-drawer>
  8 | |   
  9 | |   <share-buttons>
 10 | |       <social-button type="twitter"><a href="...">Twitter</a></social-button>
 11 | |       <social-button type="fb"><a href="...">Facebook</a></social-button>
 12 | |       <social-button type="plus"><a href="...">G+</a></social-button>
 13 | |   </share-buttons>
 14 | |   
 15 | |   <x-foo-with-markup>
 16 | |       <b>I'm an x-foo-with-markup!</b>
 17 | |   </x-foo-with-markup>
 18 | |   
 19 | |   <template id="x-foo-from-template">
 20 | |       <style>
 21 | |           p { color: green; }
 22 | |       </style>
 23 | |       <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
 24 | `-> </template>
    `----

  x Child

  x Element

  x Child

  x Element

  x Child
   ,-[$DIR/tests/fixture/element/custom-element/input.html:1:1]
 1 | ,-> <popup-info img="img/alt.png" data-text="Your card validation code (CVC)
 2 | |     is an extra security feature — it is the last 3 or 4 numbers on the
 3 | `->   back of your card."></popup-info>
   `----

  x Element
   ,-[$DIR/tests/fixture/element/custom-element/input.html:1:1]
 1 | ,-> <popup-info img="img/alt.png" data-text="Your card validation code (CVC)
 2 | |     is an extra security feature — it is the last 3 or 4 numbers on the
 3 | `->   back of your card."></popup-info>
   `----

  x Attribute

  x Child
   ,-[$DIR/tests/fixture/element/custom-element/input.html:3:3]
 3 | ,-> back of your card."></popup-info>
 4 | `-> 
 5 |     <custom-square l="100" c="red"></custom-square>
   `----

  x Text
   ,-[$DIR/tests/fixture/element/custom-element/input.html:3:3]
 3 | ,-> back of your card."></popup-info>
 4 | `-> 
 5 |     <custom-square l="100" c="red"></custom-square>
   `----

  x Child
   ,-[$DIR/tests/fixture/element/custom-element/input.html:5:1]
 5 | <custom-square l="100" c="red"></custom-square>
   : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   `----

  x Element
   ,-[$DIR/tests/fixture/element/custom-element/input.html:5:1]
 5 | <custom-square l="100" c="red"></custom-square>
   : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   `----

  x Child
   ,-[$DIR/tests/fixture/element/custom-element/input.html:5:1]
 5 | ,-> <custom-square l="100" c="red"></custom-square>
 6 | `-> 
 7 |     <app-drawer open disabled></app-drawer>
   `----

  x Text
   ,-[$DIR/tests/fixture/element/custom-element/input.html:5:1]
 5 | ,-> <custom-square l="100" c="red"></custom-square>
 6 | `-> 
 7 |     <app-drawer open disabled></app-drawer>
   `----

  x Child
   ,-[$DIR/tests/fixture/element/custom-element/input.html:7:1]
 7 | <app-drawer open disabled></app-drawer>
   : ^^^^^^^^^^^^^^^^^^^^^^^^^^
   `----

  x Element
   ,-[$DIR/tests/fixture/element/custom-element/input.html:7:1]
 7 | <app-drawer open disabled></app-drawer>
   : ^^^^^^^^^^^^^^^^^^^^^^^^^^
   `----

  x Child
   ,-[$DIR/tests/fixture/element/custom-element/input.html:7:1]
 7 | ,-> <app-drawer open disabled></app-drawer>
 8 | `-> 
 9 |     <share-buttons>
   `----

  x Text
   ,-[$DIR/tests/fixture/element/custom-element/input.html:7:1]
 7 | ,-> <app-drawer open disabled></app-drawer>
 8 | `-> 
 9 |     <share-buttons>
   `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:9:1]
  9 | ,-> <share-buttons>
 10 | |       <social-button type="twitter"><a href="...">Twitter</a></social-button>
 11 | |       <social-button type="fb"><a href="...">Facebook</a></social-button>
 12 | `->     <social-button type="plus"><a href="...">G+</a></social-button>
 13 |     </share-buttons>
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:9:1]
  9 | ,-> <share-buttons>
 10 | |       <social-button type="twitter"><a href="...">Twitter</a></social-button>
 11 | |       <social-button type="fb"><a href="...">Facebook</a></social-button>
 12 | `->     <social-button type="plus"><a href="...">G+</a></social-button>
 13 |     </share-buttons>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:9:1]
  9 | ,-> <share-buttons>
 10 | `->     <social-button type="twitter"><a href="...">Twitter</a></social-button>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:9:1]
  9 | ,-> <share-buttons>
 10 | `->     <social-button type="twitter"><a href="...">Twitter</a></social-button>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:10:5]
 10 | <social-button type="twitter"><a href="...">Twitter</a></social-button>
    : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:10:5]
 10 | <social-button type="twitter"><a href="...">Twitter</a></social-button>
    : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:10:5]
 10 | <social-button type="twitter"><a href="...">Twitter</a></social-button>
    :                               ^^^^^^^^^^^^^^^^^^^^^
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:10:5]
 10 | <social-button type="twitter"><a href="...">Twitter</a></social-button>
    :                               ^^^^^^^^^^^^^^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:10:5]
 10 | <social-button type="twitter"><a href="...">Twitter</a></social-button>
    :                                             ^^^^^^^
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:10:5]
 10 | <social-button type="twitter"><a href="...">Twitter</a></social-button>
    :                                             ^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:10:5]
 10 | ,-> <social-button type="twitter"><a href="...">Twitter</a></social-button>
 11 | `->     <social-button type="fb"><a href="...">Facebook</a></social-button>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:10:5]
 10 | ,-> <social-button type="twitter"><a href="...">Twitter</a></social-button>
 11 | `->     <social-button type="fb"><a href="...">Facebook</a></social-button>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:11:5]
 11 | <social-button type="fb"><a href="...">Facebook</a></social-button>
    : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:11:5]
 11 | <social-button type="fb"><a href="...">Facebook</a></social-button>
    : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:11:5]
 11 | <social-button type="fb"><a href="...">Facebook</a></social-button>
    :                          ^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:11:5]
 11 | <social-button type="fb"><a href="...">Facebook</a></social-button>
    :                          ^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:11:5]
 11 | <social-button type="fb"><a href="...">Facebook</a></social-button>
    :                                        ^^^^^^^^
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:11:5]
 11 | <social-button type="fb"><a href="...">Facebook</a></social-button>
    :                                        ^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:11:5]
 11 | ,-> <social-button type="fb"><a href="...">Facebook</a></social-button>
 12 | `->     <social-button type="plus"><a href="...">G+</a></social-button>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:11:5]
 11 | ,-> <social-button type="fb"><a href="...">Facebook</a></social-button>
 12 | `->     <social-button type="plus"><a href="...">G+</a></social-button>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:12:5]
 12 | <social-button type="plus"><a href="...">G+</a></social-button>
    : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:12:5]
 12 | <social-button type="plus"><a href="...">G+</a></social-button>
    : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:12:5]
 12 | <social-button type="plus"><a href="...">G+</a></social-button>
    :                            ^^^^^^^^^^^^^^^^
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:12:5]
 12 | <social-button type="plus"><a href="...">G+</a></social-button>
    :                            ^^^^^^^^^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:12:5]
 12 | <social-button type="plus"><a href="...">G+</a></social-button>
    :                                          ^^
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:12:5]
 12 | <social-button type="plus"><a href="...">G+</a></social-button>
    :                                          ^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:12:5]
 12 | <social-button type="plus"><a href="...">G+</a></social-button>
    :                                                                ^
 13 | </share-buttons>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:12:5]
 12 | <social-button type="plus"><a href="...">G+</a></social-button>
    :                                                                ^
 13 | </share-buttons>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:13:1]
 13 | ,-> </share-buttons>
 14 | `-> 
 15 |     <x-foo-with-markup>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:13:1]
 13 | ,-> </share-buttons>
 14 | `-> 
 15 |     <x-foo-with-markup>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:15:1]
 15 | ,-> <x-foo-with-markup>
 16 | `->     <b>I'm an x-foo-with-markup!</b>
 17 |     </x-foo-with-markup>
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:15:1]
 15 | ,-> <x-foo-with-markup>
 16 | `->     <b>I'm an x-foo-with-markup!</b>
 17 |     </x-foo-with-markup>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:15:1]
 15 | ,-> <x-foo-with-markup>
 16 | `->     <b>I'm an x-foo-with-markup!</b>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:15:1]
 15 | ,-> <x-foo-with-markup>
 16 | `->     <b>I'm an x-foo-with-markup!</b>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:16:5]
 16 | <b>I'm an x-foo-with-markup!</b>
    : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:16:5]
 16 | <b>I'm an x-foo-with-markup!</b>
    : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:16:5]
 16 | <b>I'm an x-foo-with-markup!</b>
    :    ^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:16:5]
 16 | <b>I'm an x-foo-with-markup!</b>
    :    ^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:16:5]
 16 | <b>I'm an x-foo-with-markup!</b>
    :                                 ^
 17 | </x-foo-with-markup>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:16:5]
 16 | <b>I'm an x-foo-with-markup!</b>
    :                                 ^
 17 | </x-foo-with-markup>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:17:1]
 17 | ,-> </x-foo-with-markup>
 18 | `-> 
 19 |     <template id="x-foo-from-template">
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:17:1]
 17 | ,-> </x-foo-with-markup>
 18 | `-> 
 19 |     <template id="x-foo-from-template">
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:19:1]
 19 | ,-> <template id="x-foo-from-template">
 20 | |       <style>
 21 | |           p { color: green; }
 22 | |       </style>
 23 | `->     <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
 24 |     </template>
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:19:1]
 19 | ,-> <template id="x-foo-from-template">
 20 | |       <style>
 21 | |           p { color: green; }
 22 | |       </style>
 23 | `->     <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
 24 |     </template>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:19:1]
 19 | ,-> <template id="x-foo-from-template">
 20 | `->     <style>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:19:1]
 19 | ,-> <template id="x-foo-from-template">
 20 | `->     <style>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:20:5]
 20 | ,-> <style>
 21 | |           p { color: green; }
 22 | `->     </style>
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:20:5]
 20 | ,-> <style>
 21 | |           p { color: green; }
 22 | `->     </style>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:20:5]
 20 | ,-> <style>
 21 | |           p { color: green; }
 22 | `->     </style>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:20:5]
 20 | ,-> <style>
 21 | |           p { color: green; }
 22 | `->     </style>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:22:5]
 22 | ,-> </style>
 23 | `->     <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:22:5]
 22 | ,-> </style>
 23 | `->     <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:23:5]
 23 | <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
    : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Element
    ,-[$DIR/tests/fixture/element/custom-element/input.html:23:5]
 23 | <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
    : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:23:5]
 23 | <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
    :    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:23:5]
 23 | <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
    :    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    `----

  x Child
    ,-[$DIR/tests/fixture/element/custom-element/input.html:23:5]
 23 | <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
    :                                                                         ^
 24 | </template>
    `----

  x Text
    ,-[$DIR/tests/fixture/element/custom-element/input.html:23:5]
 23 | <p>I'm in Shadow DOM. My markup was stamped from a &lt;template&gt;.</p>
    :                                                                         ^
 24 | </template>
    `----