+;
      });
    }
  </script>

  <x-h1 id="host1">
    <div>light</div>
  </x-h1>

  <x-h2 id="host2">
      <div slot="a">light</div>
  </x-h2>

  <x-compose-slot1 id="host3"></x-compose-slot1>

  <x-compose-slot2 id="host4"></x-compose-slot2>

  <script>

  suite('Native Custom Elements that create shadowRoots during loading', function() {

    setup(function() {
      if (!window.customElements) {
        this.skip();
      }
    });

    test('render shadowRoot', function() {
      const host = documen