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

exports[`albumCard > renders 1`] = `
<div data-v-07fc2ee9="" data-v-2487c4e3="" class="gradient-border relative rounded-lg max-w-full md:max-w-[256px] group" title="IV by 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="https://example.com/cover.jpg" class="w-full aspect-square object-cover" loading="lazy"><span data-v-40f79232="" class="hidden">Play all songs in the album IV</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">
          <div class="flex gap-2 items-center"><a href="/#/albums/iv" class="font-medium flex-1" data-testid="name">
              <!--v-if--> IV
              <!--v-if-->
            </a>
            <!--v-if-->
          </div>
          <div class="space-x-2"><a href="/#/artists/led-zeppelin">Led Zeppelin</a></div>
        </div>
        <p data-v-2487c4e3="" class="meta text-[0.9rem] flex gap-1.5 opacity-70 hover:opacity-100"><a title="Shuffle all songs in the album IV" role="button"> Shuffle </a><a title="Download all songs in the album IV" role="button"> Download </a></p>
      </footer>
    </article>
  </div>
</div>
`;

exports[`albumCard > renders external album 1`] = `
<div data-v-07fc2ee9="" data-v-2487c4e3="" class="gradient-border relative rounded-lg max-w-full md:max-w-[256px] group" title="IV by 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="https://example.com/cover.jpg" class="w-full aspect-square object-cover" loading="lazy"><span data-v-40f79232="" class="hidden">Play all songs in the album IV</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">
          <div class="flex gap-2 items-center"><a href="/#/albums/iv" class="font-medium flex-1" data-testid="name"><span class="!opacity-50 mr-1"><br data-testid="Icon" icon="[object Object]"></span> IV
              <!--v-if-->
            </a>
            <!--v-if-->
          </div>
          <div class="space-x-2"><a href="/#/artists/led-zeppelin">Led Zeppelin</a></div>
        </div>
        <p data-v-2487c4e3="" class="meta text-[0.9rem] flex gap-1.5 opacity-70 hover:opacity-100"><a title="Shuffle all songs in the album IV" role="button"> Shuffle </a><a title="Download all songs in the album IV" role="button"> Download </a></p>
      </footer>
    </article>
  </div>
</div>
`;