// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`artistCard.vue > renders 1`] = `
<div data-v-07fc2ee9="" data-v-2487c4e3="" class="gradient-border relative rounded-lg max-w-full md:max-w-[256px]" title="Led Zeppelin">
  <div data-v-07fc2ee9="" class="border-base absolute inset-0 rounded-[inherit]"></div>
  <div data-v-07fc2ee9="" class="gradient-overlay absolute motion-reduce:hidden inset-0 rounded-[inherit]"></div>
  <div data-v-07fc2ee9="" class="relative h-full rounded-[inherit] overflow-hidden">
    <article data-v-2487c4e3="" class="full relative group flex p-5 rounded-[inherit] flex-col gap-5" data-testid="artist-album-card" draggable="true" tabindex="0"><button data-v-40f79232="" data-v-2487c4e3="" style="background-image: url(&quot;undefined/resources/assets/img/covers/default.svg&quot;);" class="thumbnail group relative w-full aspect-square bg-no-repeat bg-cover bg-center overflow-hidden rounded-xl active:scale-95" data-testid="album-artist-thumbnail" type="button"><img data-v-40f79232="" alt="Thumbnail" src="foo.jpg" class="w-full aspect-square object-cover" loading="lazy"><span data-v-40f79232="" class="hidden">Play all songs by Led Zeppelin</span><span data-v-40f79232="" class="absolute top-0 left-0 w-full h-full group-hover:bg-black/40 no-hover:bg-black/40 z-10"></span><span data-v-40f79232="" class="play-icon absolute flex opacity-0 no-hover:opacity-100 items-center justify-center w-[32px] aspect-square rounded-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-k-highlight group-hover:opacity-100 duration-500 transition z-20" aria-hidden="true"><br data-testid="icon-play" icon="[object Object]" class="ml-0.5 text-k-highlight-fg" size="lg"></span></button>
      <footer data-v-2487c4e3="" class="flex flex-1 flex-col gap-1.5 overflow-hidden">
        <div data-v-2487c4e3="" class="name flex flex-col gap-2 whitespace-nowrap"><a href="/#/artists/led-zeppelin" class="font-medium" data-testid="name">
            <!--v-if--> Led Zeppelin
            <!--v-if-->
          </a></div>
        <p data-v-2487c4e3="" class="meta text-[0.9rem] flex gap-1.5 opacity-70 hover:opacity-100"><a title="Shuffle all songs by Led Zeppelin" role="button"> Shuffle </a><a title="Download all songs by Led Zeppelin" role="button"> Download </a></p>
      </footer>
    </article>
  </div>
</div>
`;

exports[`artistCard.vue > renders external artist 1`] = `
<div data-v-07fc2ee9="" data-v-2487c4e3="" class="gradient-border relative rounded-lg max-w-full md:max-w-[256px]" title="Led Zeppelin">
  <div data-v-07fc2ee9="" class="border-base absolute inset-0 rounded-[inherit]"></div>
  <div data-v-07fc2ee9="" class="gradient-overlay absolute motion-reduce:hidden inset-0 rounded-[inherit]"></div>
  <div data-v-07fc2ee9="" class="relative h-full rounded-[inherit] overflow-hidden">
    <article data-v-2487c4e3="" class="full relative group flex p-5 rounded-[inherit] flex-col gap-5" data-testid="artist-album-card" draggable="true" tabindex="0"><button data-v-40f79232="" data-v-2487c4e3="" style="background-image: url(&quot;undefined/resources/assets/img/covers/default.svg&quot;);" class="thumbnail group relative w-full aspect-square bg-no-repeat bg-cover bg-center overflow-hidden rounded-xl active:scale-95" data-testid="album-artist-thumbnail" type="button"><img data-v-40f79232="" alt="Thumbnail" src="foo.jpg" class="w-full aspect-square object-cover" loading="lazy"><span data-v-40f79232="" class="hidden">Play all songs by Led Zeppelin</span><span data-v-40f79232="" class="absolute top-0 left-0 w-full h-full group-hover:bg-black/40 no-hover:bg-black/40 z-10"></span><span data-v-40f79232="" class="play-icon absolute flex opacity-0 no-hover:opacity-100 items-center justify-center w-[32px] aspect-square rounded-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-k-highlight group-hover:opacity-100 duration-500 transition z-20" aria-hidden="true"><br data-testid="icon-play" icon="[object Object]" class="ml-0.5 text-k-highlight-fg" size="lg"></span></button>
      <footer data-v-2487c4e3="" class="flex flex-1 flex-col gap-1.5 overflow-hidden">
        <div data-v-2487c4e3="" class="name flex flex-col gap-2 whitespace-nowrap"><a href="/#/artists/led-zeppelin" class="font-medium" data-testid="name"><span class="!opacity-50 mr-1"><br data-testid="Icon" icon="[object Object]"></span> Led Zeppelin
            <!--v-if-->
          </a></div>
        <p data-v-2487c4e3="" class="meta text-[0.9rem] flex gap-1.5 opacity-70 hover:opacity-100"><a title="Shuffle all songs by Led Zeppelin" role="button"> Shuffle </a><a title="Download all songs by Led Zeppelin" role="button"> Download </a></p>
      </footer>
    </article>
  </div>
</div>
`;