resources/assets/js/components/song/__snapshots__/EditSongForm.spec.ts.snap

Summary

Maintainability
Test Coverage
// Vitest Snapshot v1

exports[`edits a single song 1`] = `
<form data-v-d70eb300="" class="max-w-[540px]">
  <header data-v-d70eb300="" class="gap-4"><img data-v-d70eb300="" src="http://test/album.jpg" alt="" class="w-[84px] aspect-square object-cover object-center rounded-md">
    <div data-v-d70eb300="" class="flex-1 flex flex-col justify-center overflow-hidden">
      <h1 data-v-d70eb300="" class="">Rocket to Heaven</h1>
      <h2 data-v-d70eb300="" class="" data-testid="displayed-artist-name">Led Zeppelin</h2>
      <h2 data-v-d70eb300="" class="" data-testid="displayed-album-name">IV</h2>
    </div>
  </header>
  <div data-v-d70eb300="" class="min-h-full flex flex-col relative mt-4">
    <nav data-v-d70eb300="" class="overflow-auto border-b-[2px] border-b-white/10 px-6 py-0 flex gap-1 min-h-[36px]" role="tablist"><button data-v-d70eb300="" aria-selected="true" class="cursor-pointer relative px-5 py-3 rounded-t-md opacity-70 bg-white/5 uppercase text-k-text-secondary duration-200 hover:bg-white/10 aria-selected:transition-none aria-selected:text-k-text-primary aria-selected:bg-white/10 aria-selected:opacity-100" role="tab" type="button" id="editSongTabDetails" aria-controls="editSongPanelDetails"> Details </button><button data-v-d70eb300="" aria-selected="false" class="cursor-pointer relative px-5 py-3 rounded-t-md opacity-70 bg-white/5 uppercase text-k-text-secondary duration-200 hover:bg-white/10 aria-selected:transition-none aria-selected:text-k-text-primary aria-selected:bg-white/10 aria-selected:opacity-100" role="tab" type="button" id="editSongTabLyrics" aria-controls="editSongPanelLyrics" data-testid="edit-song-lyrics-tab"> Lyrics </button></nav>
    <div data-v-d70eb300="" class="p-6 overflow-auto">
      <div data-v-d70eb300="" role="tabpanel" tabindex="0" id="editSongPanelDetails" aria-labelledby="editSongTabDetails" class="space-y-5"><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Title</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="text" data-testid="title-input" name="title" title="Title">
          <!--v-if-->
        </label>
        <div data-v-d70eb300="" class="md:grid-cols-2 grid gap-3"><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Artist</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="text" placeholder="" data-testid="artist-input" name="artist">
            <!--v-if-->
          </label><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Album Artist</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="text" placeholder="" data-testid="albumArtist-input" name="album_artist">
            <!--v-if-->
          </label></div><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Album</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="text" placeholder="" data-testid="album-input" name="album">
          <!--v-if-->
        </label>
        <div data-v-d70eb300="" class="md:grid-cols-2 grid gap-3"><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Track</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="number" placeholder="" data-testid="track-input" min="1" name="track">
            <!--v-if-->
          </label><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Disc</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="number" placeholder="" data-testid="disc-input" min="1" name="disc">
            <!--v-if-->
          </label></div>
        <div data-v-d70eb300="" class="md:grid-cols-2 grid gap-3"><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Genre</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="text" placeholder="" data-testid="genre-input" list="genres" name="genre"><datalist data-v-d70eb300="" id="genres">
              <option data-v-d70eb300="" value="Blues"></option>
              <option data-v-d70eb300="" value="Classic Rock"></option>
              <option data-v-d70eb300="" value="Country"></option>
              <option data-v-d70eb300="" value="Dance"></option>
              <option data-v-d70eb300="" value="Disco"></option>
              <option data-v-d70eb300="" value="Funk"></option>
              <option data-v-d70eb300="" value="Grunge"></option>
              <option data-v-d70eb300="" value="Hip-Hop"></option>
              <option data-v-d70eb300="" value="Jazz"></option>
              <option data-v-d70eb300="" value="Metal"></option>
              <option data-v-d70eb300="" value="New Age"></option>
              <option data-v-d70eb300="" value="Oldies"></option>
              <option data-v-d70eb300="" value="Other"></option>
              <option data-v-d70eb300="" value="Pop"></option>
              <option data-v-d70eb300="" value="R&amp;B"></option>
              <option data-v-d70eb300="" value="Rap"></option>
              <option data-v-d70eb300="" value="Reggae"></option>
              <option data-v-d70eb300="" value="Rock"></option>
              <option data-v-d70eb300="" value="Techno"></option>
              <option data-v-d70eb300="" value="Industrial"></option>
              <option data-v-d70eb300="" value="Alternative"></option>
              <option data-v-d70eb300="" value="Ska"></option>
              <option data-v-d70eb300="" value="Death Metal"></option>
              <option data-v-d70eb300="" value="Pranks"></option>
              <option data-v-d70eb300="" value="Soundtrack"></option>
              <option data-v-d70eb300="" value="Euro-Techno"></option>
              <option data-v-d70eb300="" value="Ambient"></option>
              <option data-v-d70eb300="" value="Trip-Hop"></option>
              <option data-v-d70eb300="" value="Vocal"></option>
              <option data-v-d70eb300="" value="Jazz &amp; Funk"></option>
              <option data-v-d70eb300="" value="Fusion"></option>
              <option data-v-d70eb300="" value="Trance"></option>
              <option data-v-d70eb300="" value="Classical"></option>
              <option data-v-d70eb300="" value="Instrumental"></option>
              <option data-v-d70eb300="" value="Acid"></option>
              <option data-v-d70eb300="" value="House"></option>
              <option data-v-d70eb300="" value="Game"></option>
              <option data-v-d70eb300="" value="Sound Clip"></option>
              <option data-v-d70eb300="" value="Gospel"></option>
              <option data-v-d70eb300="" value="Noise"></option>
              <option data-v-d70eb300="" value="Alternative Rock"></option>
              <option data-v-d70eb300="" value="Bass"></option>
              <option data-v-d70eb300="" value="Punk"></option>
              <option data-v-d70eb300="" value="Space"></option>
              <option data-v-d70eb300="" value="Meditative"></option>
              <option data-v-d70eb300="" value="Instrumental Pop"></option>
              <option data-v-d70eb300="" value="Instrumental Rock"></option>
              <option data-v-d70eb300="" value="Ethnic"></option>
              <option data-v-d70eb300="" value="Gothic"></option>
              <option data-v-d70eb300="" value="Darkwave"></option>
              <option data-v-d70eb300="" value="Techno-Industrial"></option>
              <option data-v-d70eb300="" value="Electronic"></option>
              <option data-v-d70eb300="" value="Pop-Folk"></option>
              <option data-v-d70eb300="" value="Eurodance"></option>
              <option data-v-d70eb300="" value="Dream"></option>
              <option data-v-d70eb300="" value="Southern Rock"></option>
              <option data-v-d70eb300="" value="Comedy"></option>
              <option data-v-d70eb300="" value="Cult"></option>
              <option data-v-d70eb300="" value="Gangsta"></option>
              <option data-v-d70eb300="" value="Top 40"></option>
              <option data-v-d70eb300="" value="Christian Rap"></option>
              <option data-v-d70eb300="" value="Pop/Funk"></option>
              <option data-v-d70eb300="" value="Jungle"></option>
              <option data-v-d70eb300="" value="Native US"></option>
              <option data-v-d70eb300="" value="Cabaret"></option>
              <option data-v-d70eb300="" value="New Wave"></option>
              <option data-v-d70eb300="" value="Psychedelic"></option>
              <option data-v-d70eb300="" value="Rave"></option>
              <option data-v-d70eb300="" value="Showtunes"></option>
              <option data-v-d70eb300="" value="Trailer"></option>
              <option data-v-d70eb300="" value="Lo-Fi"></option>
              <option data-v-d70eb300="" value="Tribal"></option>
              <option data-v-d70eb300="" value="Acid Punk"></option>
              <option data-v-d70eb300="" value="Acid Jazz"></option>
              <option data-v-d70eb300="" value="Polka"></option>
              <option data-v-d70eb300="" value="Retro"></option>
              <option data-v-d70eb300="" value="Musical"></option>
              <option data-v-d70eb300="" value="Rock &amp; Roll"></option>
              <option data-v-d70eb300="" value="Hard Rock"></option>
              <option data-v-d70eb300="" value="Folk"></option>
              <option data-v-d70eb300="" value="Folk-Rock"></option>
              <option data-v-d70eb300="" value="National Folk"></option>
              <option data-v-d70eb300="" value="Swing"></option>
              <option data-v-d70eb300="" value="Fast Fusion"></option>
              <option data-v-d70eb300="" value="Bebob"></option>
              <option data-v-d70eb300="" value="Latin"></option>
              <option data-v-d70eb300="" value="Revival"></option>
              <option data-v-d70eb300="" value="Celtic"></option>
              <option data-v-d70eb300="" value="Bluegrass"></option>
              <option data-v-d70eb300="" value="Avantgarde"></option>
              <option data-v-d70eb300="" value="Gothic Rock"></option>
              <option data-v-d70eb300="" value="Progressive Rock"></option>
              <option data-v-d70eb300="" value="Psychedelic Rock"></option>
              <option data-v-d70eb300="" value="Symphonic Rock"></option>
              <option data-v-d70eb300="" value="Slow Rock"></option>
              <option data-v-d70eb300="" value="Big Band"></option>
              <option data-v-d70eb300="" value="Chorus"></option>
              <option data-v-d70eb300="" value="Easy Listening"></option>
              <option data-v-d70eb300="" value="Acoustic"></option>
              <option data-v-d70eb300="" value="Humour"></option>
              <option data-v-d70eb300="" value="Speech"></option>
              <option data-v-d70eb300="" value="Chanson"></option>
              <option data-v-d70eb300="" value="Opera"></option>
              <option data-v-d70eb300="" value="Chamber Music"></option>
              <option data-v-d70eb300="" value="Sonata"></option>
              <option data-v-d70eb300="" value="Symphony"></option>
              <option data-v-d70eb300="" value="Booty Bass"></option>
              <option data-v-d70eb300="" value="Primus"></option>
              <option data-v-d70eb300="" value="Porn Groove"></option>
              <option data-v-d70eb300="" value="Satire"></option>
              <option data-v-d70eb300="" value="Slow Jam"></option>
              <option data-v-d70eb300="" value="Club"></option>
              <option data-v-d70eb300="" value="Tango"></option>
              <option data-v-d70eb300="" value="Samba"></option>
              <option data-v-d70eb300="" value="Folklore"></option>
              <option data-v-d70eb300="" value="Ballad"></option>
              <option data-v-d70eb300="" value="Power Ballad"></option>
              <option data-v-d70eb300="" value="Rhythmic Soul"></option>
              <option data-v-d70eb300="" value="Freestyle"></option>
              <option data-v-d70eb300="" value="Duet"></option>
              <option data-v-d70eb300="" value="Punk Rock"></option>
              <option data-v-d70eb300="" value="Drum Solo"></option>
              <option data-v-d70eb300="" value="A cappella"></option>
              <option data-v-d70eb300="" value="Euro-House"></option>
              <option data-v-d70eb300="" value="Dance Hall"></option>
              <option data-v-d70eb300="" value="Goa"></option>
              <option data-v-d70eb300="" value="Drum &amp; Bass"></option>
              <option data-v-d70eb300="" value="Club-House"></option>
              <option data-v-d70eb300="" value="Hardcore Techno"></option>
              <option data-v-d70eb300="" value="Terror"></option>
              <option data-v-d70eb300="" value="Indie"></option>
              <option data-v-d70eb300="" value="BritPop"></option>
              <option data-v-d70eb300="" value="Negerpunk"></option>
              <option data-v-d70eb300="" value="Polsk Punk"></option>
              <option data-v-d70eb300="" value="Beat"></option>
              <option data-v-d70eb300="" value="Christian Gangsta Rap"></option>
              <option data-v-d70eb300="" value="Heavy Metal"></option>
              <option data-v-d70eb300="" value="Black Metal"></option>
              <option data-v-d70eb300="" value="Crossover"></option>
              <option data-v-d70eb300="" value="Contemporary Christian"></option>
              <option data-v-d70eb300="" value="Christian Rock"></option>
              <option data-v-d70eb300="" value="Merengue"></option>
              <option data-v-d70eb300="" value="Salsa"></option>
              <option data-v-d70eb300="" value="Thrash Metal"></option>
              <option data-v-d70eb300="" value="Anime"></option>
              <option data-v-d70eb300="" value="JPop"></option>
              <option data-v-d70eb300="" value="SynthPop"></option>
              <option data-v-d70eb300="" value="Abstract"></option>
              <option data-v-d70eb300="" value="Art Rock"></option>
              <option data-v-d70eb300="" value="Baroque"></option>
              <option data-v-d70eb300="" value="Bhangra"></option>
              <option data-v-d70eb300="" value="Big beat"></option>
              <option data-v-d70eb300="" value="Breakbeat"></option>
              <option data-v-d70eb300="" value="Chillout"></option>
              <option data-v-d70eb300="" value="Downtempo"></option>
              <option data-v-d70eb300="" value="Dub"></option>
              <option data-v-d70eb300="" value="EBM"></option>
              <option data-v-d70eb300="" value="Eclectic"></option>
              <option data-v-d70eb300="" value="Electro"></option>
              <option data-v-d70eb300="" value="Electroclash"></option>
              <option data-v-d70eb300="" value="Emo"></option>
              <option data-v-d70eb300="" value="Experimental"></option>
              <option data-v-d70eb300="" value="Garage"></option>
              <option data-v-d70eb300="" value="Global"></option>
              <option data-v-d70eb300="" value="IDM"></option>
              <option data-v-d70eb300="" value="Illbient"></option>
              <option data-v-d70eb300="" value="Industro-Goth"></option>
              <option data-v-d70eb300="" value="Jam Band"></option>
              <option data-v-d70eb300="" value="Krautrock"></option>
              <option data-v-d70eb300="" value="Leftfield"></option>
              <option data-v-d70eb300="" value="Lounge"></option>
              <option data-v-d70eb300="" value="Math Rock"></option>
              <option data-v-d70eb300="" value="New Romantic"></option>
              <option data-v-d70eb300="" value="Nu-Breakz"></option>
              <option data-v-d70eb300="" value="Post-Punk"></option>
              <option data-v-d70eb300="" value="Post-Rock"></option>
              <option data-v-d70eb300="" value="Psytrance"></option>
              <option data-v-d70eb300="" value="Shoegaze"></option>
              <option data-v-d70eb300="" value="Space Rock"></option>
              <option data-v-d70eb300="" value="Trop Rock"></option>
              <option data-v-d70eb300="" value="World Music"></option>
              <option data-v-d70eb300="" value="Neoclassical"></option>
              <option data-v-d70eb300="" value="Audiobook"></option>
              <option data-v-d70eb300="" value="Audio Theatre"></option>
              <option data-v-d70eb300="" value="Neue Deutsche Welle"></option>
              <option data-v-d70eb300="" value="Podcast"></option>
              <option data-v-d70eb300="" value="Indie-Rock"></option>
              <option data-v-d70eb300="" value="G-Funk"></option>
              <option data-v-d70eb300="" value="Dubstep"></option>
              <option data-v-d70eb300="" value="Garage Rock"></option>
              <option data-v-d70eb300="" value="Psybient"></option>
            </datalist>
            <!--v-if-->
          </label><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Year</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="number" placeholder="" data-testid="year-input" name="year">
            <!--v-if-->
          </label></div>
      </div>
      <div data-v-d70eb300="" role="tabpanel" tabindex="0" id="editSongPanelLyrics" aria-labelledby="editSongTabLyrics" style="display: none;"><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]">
          <!--v-if--><textarea data-v-d70eb300="" class="px-4 w-full min-h-48 text-base py-2.5 rounded text-k-text-input bg-k-bg-input" data-testid="lyrics-input" name="lyrics" title="Lyrics"></textarea>
          <!--v-if-->
        </label></div>
    </div>
  </div>
  <footer data-v-d70eb300=""><button data-v-8943c846="" data-v-d70eb300="" class="text-base text-k-text-primary bg-k-primary px-4 py-2.5 rounded cursor-pointer" type="submit">Update</button><button data-v-8943c846="" data-v-d70eb300="" class="text-base text-k-text-primary bg-k-primary px-4 py-2.5 rounded cursor-pointer btn-cancel" type="button" white="">Cancel</button></footer>
</form>
`;

exports[`edits multiple songs 1`] = `
<form data-v-d70eb300="" class="max-w-[540px]">
  <header data-v-d70eb300="" class="gap-4"><img data-v-d70eb300="" src="undefined/resources/assets/img/covers/default.svg" alt="" class="w-[84px] aspect-square object-cover object-center rounded-md">
    <div data-v-d70eb300="" class="flex-1 flex flex-col justify-center overflow-hidden">
      <h1 data-v-d70eb300="" class="mixed">3 songs selected</h1>
      <h2 data-v-d70eb300="" class="mixed" data-testid="displayed-artist-name">Mixed Artists</h2>
      <h2 data-v-d70eb300="" class="mixed" data-testid="displayed-album-name">Mixed Albums</h2>
    </div>
  </header>
  <div data-v-d70eb300="" class="min-h-full flex flex-col relative mt-4">
    <nav data-v-d70eb300="" class="overflow-auto border-b-[2px] border-b-white/10 px-6 py-0 flex gap-1 min-h-[36px]" role="tablist"><button data-v-d70eb300="" aria-selected="true" class="cursor-pointer relative px-5 py-3 rounded-t-md opacity-70 bg-white/5 uppercase text-k-text-secondary duration-200 hover:bg-white/10 aria-selected:transition-none aria-selected:text-k-text-primary aria-selected:bg-white/10 aria-selected:opacity-100" role="tab" type="button" id="editSongTabDetails" aria-controls="editSongPanelDetails"> Details </button>
      <!--v-if-->
    </nav>
    <div data-v-d70eb300="" class="p-6 overflow-auto">
      <div data-v-d70eb300="" role="tabpanel" tabindex="0" id="editSongPanelDetails" aria-labelledby="editSongTabDetails" class="space-y-5">
        <!--v-if-->
        <div data-v-d70eb300="" class="md:grid-cols-2 grid gap-3"><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Artist</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="text" placeholder="Leave unchanged" data-testid="artist-input" name="artist">
            <!--v-if-->
          </label><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Album Artist</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="text" placeholder="Leave unchanged" data-testid="albumArtist-input" name="album_artist">
            <!--v-if-->
          </label></div><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Album</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="text" placeholder="Leave unchanged" data-testid="album-input" name="album">
          <!--v-if-->
        </label>
        <div data-v-d70eb300="" class="md:grid-cols-2 grid gap-3"><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Track</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="number" placeholder="Leave unchanged" data-testid="track-input" min="1" name="track">
            <!--v-if-->
          </label><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Disc</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="number" placeholder="Leave unchanged" data-testid="disc-input" min="1" name="disc">
            <!--v-if-->
          </label></div>
        <div data-v-d70eb300="" class="md:grid-cols-2 grid gap-3"><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Genre</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="text" placeholder="Leave unchanged" data-testid="genre-input" list="genres" name="genre"><datalist data-v-d70eb300="" id="genres">
              <option data-v-d70eb300="" value="Blues"></option>
              <option data-v-d70eb300="" value="Classic Rock"></option>
              <option data-v-d70eb300="" value="Country"></option>
              <option data-v-d70eb300="" value="Dance"></option>
              <option data-v-d70eb300="" value="Disco"></option>
              <option data-v-d70eb300="" value="Funk"></option>
              <option data-v-d70eb300="" value="Grunge"></option>
              <option data-v-d70eb300="" value="Hip-Hop"></option>
              <option data-v-d70eb300="" value="Jazz"></option>
              <option data-v-d70eb300="" value="Metal"></option>
              <option data-v-d70eb300="" value="New Age"></option>
              <option data-v-d70eb300="" value="Oldies"></option>
              <option data-v-d70eb300="" value="Other"></option>
              <option data-v-d70eb300="" value="Pop"></option>
              <option data-v-d70eb300="" value="R&amp;B"></option>
              <option data-v-d70eb300="" value="Rap"></option>
              <option data-v-d70eb300="" value="Reggae"></option>
              <option data-v-d70eb300="" value="Rock"></option>
              <option data-v-d70eb300="" value="Techno"></option>
              <option data-v-d70eb300="" value="Industrial"></option>
              <option data-v-d70eb300="" value="Alternative"></option>
              <option data-v-d70eb300="" value="Ska"></option>
              <option data-v-d70eb300="" value="Death Metal"></option>
              <option data-v-d70eb300="" value="Pranks"></option>
              <option data-v-d70eb300="" value="Soundtrack"></option>
              <option data-v-d70eb300="" value="Euro-Techno"></option>
              <option data-v-d70eb300="" value="Ambient"></option>
              <option data-v-d70eb300="" value="Trip-Hop"></option>
              <option data-v-d70eb300="" value="Vocal"></option>
              <option data-v-d70eb300="" value="Jazz &amp; Funk"></option>
              <option data-v-d70eb300="" value="Fusion"></option>
              <option data-v-d70eb300="" value="Trance"></option>
              <option data-v-d70eb300="" value="Classical"></option>
              <option data-v-d70eb300="" value="Instrumental"></option>
              <option data-v-d70eb300="" value="Acid"></option>
              <option data-v-d70eb300="" value="House"></option>
              <option data-v-d70eb300="" value="Game"></option>
              <option data-v-d70eb300="" value="Sound Clip"></option>
              <option data-v-d70eb300="" value="Gospel"></option>
              <option data-v-d70eb300="" value="Noise"></option>
              <option data-v-d70eb300="" value="Alternative Rock"></option>
              <option data-v-d70eb300="" value="Bass"></option>
              <option data-v-d70eb300="" value="Punk"></option>
              <option data-v-d70eb300="" value="Space"></option>
              <option data-v-d70eb300="" value="Meditative"></option>
              <option data-v-d70eb300="" value="Instrumental Pop"></option>
              <option data-v-d70eb300="" value="Instrumental Rock"></option>
              <option data-v-d70eb300="" value="Ethnic"></option>
              <option data-v-d70eb300="" value="Gothic"></option>
              <option data-v-d70eb300="" value="Darkwave"></option>
              <option data-v-d70eb300="" value="Techno-Industrial"></option>
              <option data-v-d70eb300="" value="Electronic"></option>
              <option data-v-d70eb300="" value="Pop-Folk"></option>
              <option data-v-d70eb300="" value="Eurodance"></option>
              <option data-v-d70eb300="" value="Dream"></option>
              <option data-v-d70eb300="" value="Southern Rock"></option>
              <option data-v-d70eb300="" value="Comedy"></option>
              <option data-v-d70eb300="" value="Cult"></option>
              <option data-v-d70eb300="" value="Gangsta"></option>
              <option data-v-d70eb300="" value="Top 40"></option>
              <option data-v-d70eb300="" value="Christian Rap"></option>
              <option data-v-d70eb300="" value="Pop/Funk"></option>
              <option data-v-d70eb300="" value="Jungle"></option>
              <option data-v-d70eb300="" value="Native US"></option>
              <option data-v-d70eb300="" value="Cabaret"></option>
              <option data-v-d70eb300="" value="New Wave"></option>
              <option data-v-d70eb300="" value="Psychedelic"></option>
              <option data-v-d70eb300="" value="Rave"></option>
              <option data-v-d70eb300="" value="Showtunes"></option>
              <option data-v-d70eb300="" value="Trailer"></option>
              <option data-v-d70eb300="" value="Lo-Fi"></option>
              <option data-v-d70eb300="" value="Tribal"></option>
              <option data-v-d70eb300="" value="Acid Punk"></option>
              <option data-v-d70eb300="" value="Acid Jazz"></option>
              <option data-v-d70eb300="" value="Polka"></option>
              <option data-v-d70eb300="" value="Retro"></option>
              <option data-v-d70eb300="" value="Musical"></option>
              <option data-v-d70eb300="" value="Rock &amp; Roll"></option>
              <option data-v-d70eb300="" value="Hard Rock"></option>
              <option data-v-d70eb300="" value="Folk"></option>
              <option data-v-d70eb300="" value="Folk-Rock"></option>
              <option data-v-d70eb300="" value="National Folk"></option>
              <option data-v-d70eb300="" value="Swing"></option>
              <option data-v-d70eb300="" value="Fast Fusion"></option>
              <option data-v-d70eb300="" value="Bebob"></option>
              <option data-v-d70eb300="" value="Latin"></option>
              <option data-v-d70eb300="" value="Revival"></option>
              <option data-v-d70eb300="" value="Celtic"></option>
              <option data-v-d70eb300="" value="Bluegrass"></option>
              <option data-v-d70eb300="" value="Avantgarde"></option>
              <option data-v-d70eb300="" value="Gothic Rock"></option>
              <option data-v-d70eb300="" value="Progressive Rock"></option>
              <option data-v-d70eb300="" value="Psychedelic Rock"></option>
              <option data-v-d70eb300="" value="Symphonic Rock"></option>
              <option data-v-d70eb300="" value="Slow Rock"></option>
              <option data-v-d70eb300="" value="Big Band"></option>
              <option data-v-d70eb300="" value="Chorus"></option>
              <option data-v-d70eb300="" value="Easy Listening"></option>
              <option data-v-d70eb300="" value="Acoustic"></option>
              <option data-v-d70eb300="" value="Humour"></option>
              <option data-v-d70eb300="" value="Speech"></option>
              <option data-v-d70eb300="" value="Chanson"></option>
              <option data-v-d70eb300="" value="Opera"></option>
              <option data-v-d70eb300="" value="Chamber Music"></option>
              <option data-v-d70eb300="" value="Sonata"></option>
              <option data-v-d70eb300="" value="Symphony"></option>
              <option data-v-d70eb300="" value="Booty Bass"></option>
              <option data-v-d70eb300="" value="Primus"></option>
              <option data-v-d70eb300="" value="Porn Groove"></option>
              <option data-v-d70eb300="" value="Satire"></option>
              <option data-v-d70eb300="" value="Slow Jam"></option>
              <option data-v-d70eb300="" value="Club"></option>
              <option data-v-d70eb300="" value="Tango"></option>
              <option data-v-d70eb300="" value="Samba"></option>
              <option data-v-d70eb300="" value="Folklore"></option>
              <option data-v-d70eb300="" value="Ballad"></option>
              <option data-v-d70eb300="" value="Power Ballad"></option>
              <option data-v-d70eb300="" value="Rhythmic Soul"></option>
              <option data-v-d70eb300="" value="Freestyle"></option>
              <option data-v-d70eb300="" value="Duet"></option>
              <option data-v-d70eb300="" value="Punk Rock"></option>
              <option data-v-d70eb300="" value="Drum Solo"></option>
              <option data-v-d70eb300="" value="A cappella"></option>
              <option data-v-d70eb300="" value="Euro-House"></option>
              <option data-v-d70eb300="" value="Dance Hall"></option>
              <option data-v-d70eb300="" value="Goa"></option>
              <option data-v-d70eb300="" value="Drum &amp; Bass"></option>
              <option data-v-d70eb300="" value="Club-House"></option>
              <option data-v-d70eb300="" value="Hardcore Techno"></option>
              <option data-v-d70eb300="" value="Terror"></option>
              <option data-v-d70eb300="" value="Indie"></option>
              <option data-v-d70eb300="" value="BritPop"></option>
              <option data-v-d70eb300="" value="Negerpunk"></option>
              <option data-v-d70eb300="" value="Polsk Punk"></option>
              <option data-v-d70eb300="" value="Beat"></option>
              <option data-v-d70eb300="" value="Christian Gangsta Rap"></option>
              <option data-v-d70eb300="" value="Heavy Metal"></option>
              <option data-v-d70eb300="" value="Black Metal"></option>
              <option data-v-d70eb300="" value="Crossover"></option>
              <option data-v-d70eb300="" value="Contemporary Christian"></option>
              <option data-v-d70eb300="" value="Christian Rock"></option>
              <option data-v-d70eb300="" value="Merengue"></option>
              <option data-v-d70eb300="" value="Salsa"></option>
              <option data-v-d70eb300="" value="Thrash Metal"></option>
              <option data-v-d70eb300="" value="Anime"></option>
              <option data-v-d70eb300="" value="JPop"></option>
              <option data-v-d70eb300="" value="SynthPop"></option>
              <option data-v-d70eb300="" value="Abstract"></option>
              <option data-v-d70eb300="" value="Art Rock"></option>
              <option data-v-d70eb300="" value="Baroque"></option>
              <option data-v-d70eb300="" value="Bhangra"></option>
              <option data-v-d70eb300="" value="Big beat"></option>
              <option data-v-d70eb300="" value="Breakbeat"></option>
              <option data-v-d70eb300="" value="Chillout"></option>
              <option data-v-d70eb300="" value="Downtempo"></option>
              <option data-v-d70eb300="" value="Dub"></option>
              <option data-v-d70eb300="" value="EBM"></option>
              <option data-v-d70eb300="" value="Eclectic"></option>
              <option data-v-d70eb300="" value="Electro"></option>
              <option data-v-d70eb300="" value="Electroclash"></option>
              <option data-v-d70eb300="" value="Emo"></option>
              <option data-v-d70eb300="" value="Experimental"></option>
              <option data-v-d70eb300="" value="Garage"></option>
              <option data-v-d70eb300="" value="Global"></option>
              <option data-v-d70eb300="" value="IDM"></option>
              <option data-v-d70eb300="" value="Illbient"></option>
              <option data-v-d70eb300="" value="Industro-Goth"></option>
              <option data-v-d70eb300="" value="Jam Band"></option>
              <option data-v-d70eb300="" value="Krautrock"></option>
              <option data-v-d70eb300="" value="Leftfield"></option>
              <option data-v-d70eb300="" value="Lounge"></option>
              <option data-v-d70eb300="" value="Math Rock"></option>
              <option data-v-d70eb300="" value="New Romantic"></option>
              <option data-v-d70eb300="" value="Nu-Breakz"></option>
              <option data-v-d70eb300="" value="Post-Punk"></option>
              <option data-v-d70eb300="" value="Post-Rock"></option>
              <option data-v-d70eb300="" value="Psytrance"></option>
              <option data-v-d70eb300="" value="Shoegaze"></option>
              <option data-v-d70eb300="" value="Space Rock"></option>
              <option data-v-d70eb300="" value="Trop Rock"></option>
              <option data-v-d70eb300="" value="World Music"></option>
              <option data-v-d70eb300="" value="Neoclassical"></option>
              <option data-v-d70eb300="" value="Audiobook"></option>
              <option data-v-d70eb300="" value="Audio Theatre"></option>
              <option data-v-d70eb300="" value="Neue Deutsche Welle"></option>
              <option data-v-d70eb300="" value="Podcast"></option>
              <option data-v-d70eb300="" value="Indie-Rock"></option>
              <option data-v-d70eb300="" value="G-Funk"></option>
              <option data-v-d70eb300="" value="Dubstep"></option>
              <option data-v-d70eb300="" value="Garage Rock"></option>
              <option data-v-d70eb300="" value="Psybient"></option>
            </datalist>
            <!--v-if-->
          </label><label data-v-d70eb300="" class="flex flex-col gap-2 text-[1.1rem]"><span>Year</span><input data-v-d70eb300="" class="block text-base w-full px-4 py-2.5 rounded bg-k-bg-input text-k-text-input read-only:bg-gray-400 read-only:text-gray-900 disabled:bg-gray-400 disabled:text-gray-900" type="number" placeholder="Leave unchanged" data-testid="year-input" name="year">
            <!--v-if-->
          </label></div>
      </div>
      <!--v-if-->
    </div>
  </div>
  <footer data-v-d70eb300=""><button data-v-8943c846="" data-v-d70eb300="" class="text-base text-k-text-primary bg-k-primary px-4 py-2.5 rounded cursor-pointer" type="submit">Update</button><button data-v-8943c846="" data-v-d70eb300="" class="text-base text-k-text-primary bg-k-primary px-4 py-2.5 rounded cursor-pointer btn-cancel" type="button" white="">Cancel</button></footer>
</form>
`;