// Snapshot v1

exports[`Stencil Component Testing > can auto peirce shadow dom 1`] = `
"<nested-component>
  <template shadowrootmode="open">
    <i>I am a first transparent component!</i>
    <a href="#">I am a link</a>
  </template>
</nested-component>"
`;

exports[`Stencil Component Testing > can auto peirce shadow dom 2`] = `
"<div class="nested">
  <nested-component>
    <template shadowrootmode="open">
      <i>I am a transparent component in a nested context!</i>
      <a href="#">I am a link</a>
    </template>
  </nested-component>
</div>"
`;

exports[`Stencil Component Testing > can auto peirce shadow dom 3`] = `
"<div class="nested second">
  <nested-component>
    <template shadowrootmode="open">
      <i>I am a transparent component in a second nested context!</i>
      <a href="#">I am a link</a>
    </template>
  </nested-component>
  <app-profile>
    <template shadowrootmode="open">
      <style>.app-profile { font-weight: bold; }</style>
      <div class="app-profile">
        <p>Hello! My name is Stencil.</p>
        <nested-component>
          <template shadowrootmode="open">
            <i>I am a nested component!</i>
            <a href="#">I am a link</a>
          </template>
        </nested-component>
      </div>
    </template>
  </app-profile>
</div>"
`;