diff options
Diffstat (limited to 'tap-snapshots/test')
10 files changed, 129 insertions, 109 deletions
diff --git a/tap-snapshots/test/snapshot/generateAdditionalFilesShortcut.js.test.cjs b/tap-snapshots/test/snapshot/generateAdditionalFilesShortcut.js.test.cjs deleted file mode 100644 index e166140a..00000000 --- a/tap-snapshots/test/snapshot/generateAdditionalFilesShortcut.js.test.cjs +++ /dev/null @@ -1,14 +0,0 @@ -/* IMPORTANT - * This snapshot file is auto-generated, but designed for humans. - * It should be checked into source control and tracked carefully. - * Re-generate by setting TAP_SNAPSHOT=1 and running tests. - * Make sure to inspect the output below. Do not ignore changes! - */ -'use strict' -exports[`test/snapshot/generateAdditionalFilesShortcut.js > TAP > generateAdditionalFilesShortcut (snapshot) > basic behavior 1`] = ` -View <a href="#additional-files">additional files</a>: SBURB Wallpaper, Alternate Covers -` - -exports[`test/snapshot/generateAdditionalFilesShortcut.js > TAP > generateAdditionalFilesShortcut (snapshot) > no additional files 1`] = ` - -` diff --git a/tap-snapshots/test/snapshot/generateAlbumCoverArtwork.js.test.cjs b/tap-snapshots/test/snapshot/generateAlbumCoverArtwork.js.test.cjs index 71d9c55d..47df3e20 100644 --- a/tap-snapshots/test/snapshot/generateAlbumCoverArtwork.js.test.cjs +++ b/tap-snapshots/test/snapshot/generateAlbumCoverArtwork.js.test.cjs @@ -15,7 +15,7 @@ exports[`test/snapshot/generateAlbumCoverArtwork.js > TAP > generateAlbumCoverAr { name: 'creepy crawlies', isContentWarning: true } ] ] - slots: { path: [ 'media.albumCover', 'bee-forus-seatbelt-safebee', 'png' ], color: '#f28514', thumb: 'medium', reveal: true, link: true, square: true }] + slots: { path: [ 'media.albumCover', 'bee-forus-seatbelt-safebee', 'png' ], color: '#f28514', thumb: 'medium', reveal: true, link: true, dimensions: [ 400, 300 ] }] <ul class="image-details"> <li><a href="tag/damara/">Damara</a></li> <li><a href="tag/cronus/">Cronus</a></li> @@ -33,5 +33,5 @@ exports[`test/snapshot/generateAlbumCoverArtwork.js > TAP > generateAlbumCoverAr { name: 'creepy crawlies', isContentWarning: true } ] ] - slots: { path: [ 'media.albumCover', 'bee-forus-seatbelt-safebee', 'png' ], color: '#f28514', thumb: 'small', reveal: false, link: false, square: true }] + slots: { path: [ 'media.albumCover', 'bee-forus-seatbelt-safebee', 'png' ], color: '#f28514', thumb: 'small', reveal: false, link: false, dimensions: [ 400, 300 ] }] ` diff --git a/tap-snapshots/test/snapshot/generateAlbumReleaseInfo.js.test.cjs b/tap-snapshots/test/snapshot/generateAlbumReleaseInfo.js.test.cjs index f9fc025b..4a7f35c3 100644 --- a/tap-snapshots/test/snapshot/generateAlbumReleaseInfo.js.test.cjs +++ b/tap-snapshots/test/snapshot/generateAlbumReleaseInfo.js.test.cjs @@ -8,9 +8,9 @@ exports[`test/snapshot/generateAlbumReleaseInfo.js > TAP > generateAlbumReleaseInfo (snapshot) > basic behavior 1`] = ` <p> By <span class="contribution nowrap"><a href="artist/toby-fox/">Toby Fox</a> (music probably)</span> and <span class="contribution nowrap"><span class="text-with-tooltip"><span class="hoverable"><a class="text-with-tooltip-interaction-cue" href="artist/tensei/">Tensei</a></span><span class="tooltip icons icons-tooltip"><span class="tooltip-content"><a class="icon has-text" href="https://tenseimusic.bandcamp.com/"> - <svg><use href="static/icons.svg#icon-bandcamp"></use></svg> + <svg><use href="static/misc/icons.svg#icon-bandcamp"></use></svg> <span class="icon-text">tenseimusic</span> - </a></span></span></span> (hot jams)</span>. + </a><span class="icon-platform">Bandcamp</span></span></span></span> (hot jams)</span>. <br> Cover art by <a href="artist/hb/">Hanni Brosh</a>. <br> @@ -24,7 +24,7 @@ exports[`test/snapshot/generateAlbumReleaseInfo.js > TAP > generateAlbumReleaseI <br> Duration: ~10:25. </p> -<p>Listen on <a href="https://homestuck.bandcamp.com/album/alterniabound-with-alternia" class="nowrap">Bandcamp</a>, <a href="https://www.youtube.com/playlist?list=PLnVpmehyaOFZWO9QOZmD6A3TIK0wZ6xE2" class="nowrap">YouTube (playlist)</a>, or <a href="https://www.youtube.com/watch?v=HO5V2uogkYc" class="nowrap">YouTube (full album)</a>.</p> +<p>Listen on <a class="external-link" href="https://homestuck.bandcamp.com/album/alterniabound-with-alternia">Bandcamp</a>, <a class="external-link" href="https://www.youtube.com/playlist?list=PLnVpmehyaOFZWO9QOZmD6A3TIK0wZ6xE2">YouTube (playlist)</a>, or <a class="external-link" href="https://www.youtube.com/watch?v=HO5V2uogkYc">YouTube (full album)</a>.</p> ` exports[`test/snapshot/generateAlbumReleaseInfo.js > TAP > generateAlbumReleaseInfo (snapshot) > equal cover art date 1`] = ` @@ -36,5 +36,5 @@ exports[`test/snapshot/generateAlbumReleaseInfo.js > TAP > generateAlbumReleaseI ` exports[`test/snapshot/generateAlbumReleaseInfo.js > TAP > generateAlbumReleaseInfo (snapshot) > URLs only 1`] = ` -<p>Listen on <a href="https://homestuck.bandcamp.com/foo" class="nowrap">Bandcamp</a> or <a href="https://soundcloud.com/bar" class="nowrap">SoundCloud</a>.</p> +<p>Listen on <a class="external-link" href="https://homestuck.bandcamp.com/foo">Bandcamp</a> or <a class="external-link" href="https://soundcloud.com/bar">SoundCloud</a>.</p> ` diff --git a/tap-snapshots/test/snapshot/generateAlbumSecondaryNav.js.test.cjs b/tap-snapshots/test/snapshot/generateAlbumSecondaryNav.js.test.cjs index f2b51cb5..de35048c 100644 --- a/tap-snapshots/test/snapshot/generateAlbumSecondaryNav.js.test.cjs +++ b/tap-snapshots/test/snapshot/generateAlbumSecondaryNav.js.test.cjs @@ -7,11 +7,11 @@ 'use strict' exports[`test/snapshot/generateAlbumSecondaryNav.js > TAP > generateAlbumSecondaryNav (snapshot) > basic behavior, mode: album 1`] = ` <nav id="secondary-nav" class="nav-links-groups"> - <span style="--primary-color: #abcdef"> + <span class="nav-link" style="--primary-color: #abcdef"> <a href="group/vcg/">VCG</a> (<a title="First" href="album/first/">Previous</a>, <a title="Last" href="album/last/">Next</a>) </span> - <span style="--primary-color: #123456"> + <span class="nav-link" style="--primary-color: #123456"> <a href="group/bepis/">Bepis</a> (<a title="Second" href="album/second/">Next</a>) </span> @@ -20,14 +20,14 @@ exports[`test/snapshot/generateAlbumSecondaryNav.js > TAP > generateAlbumSeconda exports[`test/snapshot/generateAlbumSecondaryNav.js > TAP > generateAlbumSecondaryNav (snapshot) > basic behavior, mode: track 1`] = ` <nav id="secondary-nav" class="nav-links-groups"> - <a style="--primary-color: #abcdef" href="group/vcg/">VCG</a> - <a style="--primary-color: #123456" href="group/bepis/">Bepis</a> + <span class="nav-link" style="--primary-color: #abcdef"><a href="group/vcg/">VCG</a></span> + <span class="nav-link" style="--primary-color: #123456"><a href="group/bepis/">Bepis</a></span> </nav> ` exports[`test/snapshot/generateAlbumSecondaryNav.js > TAP > generateAlbumSecondaryNav (snapshot) > dateless album in mixed group 1`] = ` <nav id="secondary-nav" class="nav-links-groups"> - <a style="--primary-color: #abcdef" href="group/vcg/">VCG</a> - <a style="--primary-color: #123456" href="group/bepis/">Bepis</a> + <span class="nav-link" style="--primary-color: #abcdef"><a href="group/vcg/">VCG</a></span> + <span class="nav-link" style="--primary-color: #123456"><a href="group/bepis/">Bepis</a></span> </nav> ` diff --git a/tap-snapshots/test/snapshot/generateAlbumSidebarGroupBox.js.test.cjs b/tap-snapshots/test/snapshot/generateAlbumSidebarGroupBox.js.test.cjs index 0b7a0f77..6502f719 100644 --- a/tap-snapshots/test/snapshot/generateAlbumSidebarGroupBox.js.test.cjs +++ b/tap-snapshots/test/snapshot/generateAlbumSidebarGroupBox.js.test.cjs @@ -6,7 +6,7 @@ */ 'use strict' exports[`test/snapshot/generateAlbumSidebarGroupBox.js > TAP > generateAlbumSidebarGroupBox (snapshot) > basic behavior, mode: album 1`] = ` -<div class="sidebar individual-group-sidebar-box"> +<div class="sidebar collapsible individual-group-sidebar-box"> <h1><a href="group/vcg/">VCG</a></h1> Very cool group. <p>Visit on <a class="external-link" href="https://vcg.bandcamp.com/">Bandcamp</a> or <a class="external-link" href="https://youtube.com/@vcg">YouTube</a>.</p> @@ -16,14 +16,14 @@ exports[`test/snapshot/generateAlbumSidebarGroupBox.js > TAP > generateAlbumSide ` exports[`test/snapshot/generateAlbumSidebarGroupBox.js > TAP > generateAlbumSidebarGroupBox (snapshot) > basic behavior, mode: track 1`] = ` -<div class="sidebar individual-group-sidebar-box"> +<div class="sidebar collapsible individual-group-sidebar-box"> <h1><a href="group/vcg/">VCG</a></h1> <p>Visit on <a class="external-link" href="https://vcg.bandcamp.com/">Bandcamp</a> or <a class="external-link" href="https://youtube.com/@vcg">YouTube</a>.</p> </div> ` exports[`test/snapshot/generateAlbumSidebarGroupBox.js > TAP > generateAlbumSidebarGroupBox (snapshot) > dateless album in mixed group 1`] = ` -<div class="sidebar individual-group-sidebar-box"> +<div class="sidebar collapsible individual-group-sidebar-box"> <h1><a href="group/vcg/">VCG</a></h1> Very cool group. <p>Visit on <a class="external-link" href="https://vcg.bandcamp.com/">Bandcamp</a> or <a class="external-link" href="https://youtube.com/@vcg">YouTube</a>.</p> diff --git a/tap-snapshots/test/snapshot/generateAlbumTrackList.js.test.cjs b/tap-snapshots/test/snapshot/generateAlbumTrackList.js.test.cjs index 3b6676f8..091f1b9f 100644 --- a/tap-snapshots/test/snapshot/generateAlbumTrackList.js.test.cjs +++ b/tap-snapshots/test/snapshot/generateAlbumTrackList.js.test.cjs @@ -10,13 +10,16 @@ exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList <li>(0:20) <a href="track/t1/">Track 1</a></li> <li>[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t2/">Track 2</a></li> <li>(0:40) <a href="track/t3/">Track 3</a></li> - <li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li> + <li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li> </ul> ` exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList (snapshot) > basic behavior, with track sections 1`] = ` <dl class="album-group-list"> - <dt class="content-heading" tabindex="0"><span class="content-heading-main-title">First section: (~1:00)</span></dt> + <dt class="content-heading" tabindex="0"> + <span class="content-heading-main-title">First section: (~1:00)</span> + <template class="content-heading-sticky-title">First section:</template> + </dt> <dd> <ul> <li>(0:20) <a href="track/t1/">Track 1</a></li> @@ -24,14 +27,20 @@ exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList <li>(0:40) <a href="track/t3/">Track 3</a></li> </ul> </dd> - <dt class="content-heading" tabindex="0"><span class="content-heading-main-title">Second section:</span></dt> - <dd><ul><li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li></ul></dd> + <dt class="content-heading" tabindex="0"> + <span class="content-heading-main-title">Second section:</span> + <template class="content-heading-sticky-title">Second section:</template> + </dt> + <dd><ul><li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li></ul></dd> </dl> ` exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList (snapshot) > collapseDurationScope: album 1`] = ` <dl class="album-group-list"> - <dt class="content-heading" tabindex="0"><span class="content-heading-main-title">First section: (~1:00)</span></dt> + <dt class="content-heading" tabindex="0"> + <span class="content-heading-main-title">First section: (~1:00)</span> + <template class="content-heading-sticky-title">First section:</template> + </dt> <dd> <ul> <li>(0:20) <a href="track/t1/">Track 1</a></li> @@ -39,24 +48,30 @@ exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList <li>(0:40) <a href="track/t3/">Track 3</a></li> </ul> </dd> - <dt class="content-heading" tabindex="0"><span class="content-heading-main-title">Second section:</span></dt> - <dd><ul><li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li></ul></dd> + <dt class="content-heading" tabindex="0"> + <span class="content-heading-main-title">Second section:</span> + <template class="content-heading-sticky-title">Second section:</template> + </dt> + <dd><ul><li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li></ul></dd> </dl> <ul> <li>(0:20) <a href="track/t1/">Track 1</a></li> <li>[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t2/">Track 2</a></li> <li>(0:40) <a href="track/t3/">Track 3</a></li> - <li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li> + <li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li> </ul> <ul> <li><a href="track/t2/">Track 2</a></li> - <li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li> + <li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li> </ul> ` exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList (snapshot) > collapseDurationScope: never 1`] = ` <dl class="album-group-list"> - <dt class="content-heading" tabindex="0"><span class="content-heading-main-title">First section: (~1:00)</span></dt> + <dt class="content-heading" tabindex="0"> + <span class="content-heading-main-title">First section: (~1:00)</span> + <template class="content-heading-sticky-title">First section:</template> + </dt> <dd> <ul> <li>(0:20) <a href="track/t1/">Track 1</a></li> @@ -64,24 +79,30 @@ exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList <li>(0:40) <a href="track/t3/">Track 3</a></li> </ul> </dd> - <dt class="content-heading" tabindex="0"><span class="content-heading-main-title">Second section:</span></dt> - <dd><ul><li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li></ul></dd> + <dt class="content-heading" tabindex="0"> + <span class="content-heading-main-title">Second section:</span> + <template class="content-heading-sticky-title">Second section:</template> + </dt> + <dd><ul><li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li></ul></dd> </dl> <ul> <li>(0:20) <a href="track/t1/">Track 1</a></li> <li>[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t2/">Track 2</a></li> <li>(0:40) <a href="track/t3/">Track 3</a></li> - <li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li> + <li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li> </ul> <ul> <li>[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t2/">Track 2</a></li> - <li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li> + <li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li> </ul> ` exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList (snapshot) > collapseDurationScope: section 1`] = ` <dl class="album-group-list"> - <dt class="content-heading" tabindex="0"><span class="content-heading-main-title">First section: (~1:00)</span></dt> + <dt class="content-heading" tabindex="0"> + <span class="content-heading-main-title">First section: (~1:00)</span> + <template class="content-heading-sticky-title">First section:</template> + </dt> <dd> <ul> <li>(0:20) <a href="track/t1/">Track 1</a></li> @@ -89,24 +110,30 @@ exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList <li>(0:40) <a href="track/t3/">Track 3</a></li> </ul> </dd> - <dt class="content-heading" tabindex="0"><span class="content-heading-main-title">Second section:</span></dt> - <dd><ul><li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li></ul></dd> + <dt class="content-heading" tabindex="0"> + <span class="content-heading-main-title">Second section:</span> + <template class="content-heading-sticky-title">Second section:</template> + </dt> + <dd><ul><li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li></ul></dd> </dl> <ul> <li>(0:20) <a href="track/t1/">Track 1</a></li> <li>[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t2/">Track 2</a></li> <li>(0:40) <a href="track/t3/">Track 3</a></li> - <li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li> + <li style="--primary-color: #ea2e83">[mocked: generateAlbumTrackListMissingDuration - slots: {}] <a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li> </ul> <ul> <li><a href="track/t2/">Track 2</a></li> - <li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li> + <li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li> </ul> ` exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList (snapshot) > collapseDurationScope: track 1`] = ` <dl class="album-group-list"> - <dt class="content-heading" tabindex="0"><span class="content-heading-main-title">First section: (~1:00)</span></dt> + <dt class="content-heading" tabindex="0"> + <span class="content-heading-main-title">First section: (~1:00)</span> + <template class="content-heading-sticky-title">First section:</template> + </dt> <dd> <ul> <li>(0:20) <a href="track/t1/">Track 1</a></li> @@ -114,17 +141,20 @@ exports[`test/snapshot/generateAlbumTrackList.js > TAP > generateAlbumTrackList <li>(0:40) <a href="track/t3/">Track 3</a></li> </ul> </dd> - <dt class="content-heading" tabindex="0"><span class="content-heading-main-title">Second section:</span></dt> - <dd><ul><li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li></ul></dd> + <dt class="content-heading" tabindex="0"> + <span class="content-heading-main-title">Second section:</span> + <template class="content-heading-sticky-title">Second section:</template> + </dt> + <dd><ul><li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li></ul></dd> </dl> <ul> <li>(0:20) <a href="track/t1/">Track 1</a></li> <li><a href="track/t2/">Track 2</a></li> <li>(0:40) <a href="track/t3/">Track 3</a></li> - <li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li> + <li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li> </ul> <ul> <li><a href="track/t2/">Track 2</a></li> - <li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by">by <a href="artist/apricot/">Apricot</a> and <a href="artist/peach/">Peach</a></span></li> + <li style="--primary-color: #ea2e83"><a href="track/t4/">Track 4</a> <span class="by"><span class="chunkwrap">by <a href="artist/apricot/">Apricot</a>,</span> <span class="chunkwrap"><a href="artist/peach/">Peach</a>,</span> <span class="chunkwrap">and <a href="artist/cerise/">Cerise</a></span></span></li> </ul> ` diff --git a/tap-snapshots/test/snapshot/generateTrackCoverArtwork.js.test.cjs b/tap-snapshots/test/snapshot/generateTrackCoverArtwork.js.test.cjs index 1d21e47d..29399c70 100644 --- a/tap-snapshots/test/snapshot/generateTrackCoverArtwork.js.test.cjs +++ b/tap-snapshots/test/snapshot/generateTrackCoverArtwork.js.test.cjs @@ -15,7 +15,7 @@ exports[`test/snapshot/generateTrackCoverArtwork.js > TAP > generateTrackCoverAr { name: 'creepy crawlies', isContentWarning: true } ] ] - slots: { path: [ 'media.albumCover', 'bee-forus-seatbelt-safebee', 'png' ], color: '#abcdef', thumb: 'medium', reveal: true, link: true, square: true }] + slots: { path: [ 'media.albumCover', 'bee-forus-seatbelt-safebee', 'png' ], color: '#abcdef', thumb: 'medium', reveal: true, link: true, dimensions: [ 400, 300 ] }] <ul class="image-details"> <li><a href="tag/damara/">Damara</a></li> <li><a href="tag/cronus/">Cronus</a></li> @@ -40,7 +40,7 @@ exports[`test/snapshot/generateTrackCoverArtwork.js > TAP > generateTrackCoverAr { name: 'creepy crawlies', isContentWarning: true } ] ] - slots: { path: [ 'media.albumCover', 'bee-forus-seatbelt-safebee', 'png' ], color: '#abcdef', thumb: 'small', reveal: false, link: false, square: true }] + slots: { path: [ 'media.albumCover', 'bee-forus-seatbelt-safebee', 'png' ], color: '#abcdef', thumb: 'small', reveal: false, link: false, dimensions: [ 400, 300 ] }] ` exports[`test/snapshot/generateTrackCoverArtwork.js > TAP > generateTrackCoverArtwork (snapshot) > display: thumbnail - unique art 1`] = ` diff --git a/tap-snapshots/test/snapshot/generateTrackReleaseInfo.js.test.cjs b/tap-snapshots/test/snapshot/generateTrackReleaseInfo.js.test.cjs index 3d988dce..e35f9358 100644 --- a/tap-snapshots/test/snapshot/generateTrackReleaseInfo.js.test.cjs +++ b/tap-snapshots/test/snapshot/generateTrackReleaseInfo.js.test.cjs @@ -13,7 +13,7 @@ exports[`test/snapshot/generateTrackReleaseInfo.js > TAP > generateTrackReleaseI <br> Duration: 0:58. </p> -<p>Listen on <a href="https://soundcloud.com/foo" class="nowrap">SoundCloud</a> or <a href="https://youtube.com/watch?v=bar" class="nowrap">YouTube</a>.</p> +<p>Listen on <a class="external-link" href="https://soundcloud.com/foo">SoundCloud</a> or <a class="external-link" href="https://youtube.com/watch?v=bar">YouTube</a>.</p> ` exports[`test/snapshot/generateTrackReleaseInfo.js > TAP > generateTrackReleaseInfo (snapshot) > cover artist contribs, non-unique 1`] = ` diff --git a/tap-snapshots/test/snapshot/image.js.test.cjs b/tap-snapshots/test/snapshot/image.js.test.cjs index ddfb3e6c..283f4352 100644 --- a/tap-snapshots/test/snapshot/image.js.test.cjs +++ b/tap-snapshots/test/snapshot/image.js.test.cjs @@ -12,7 +12,7 @@ exports[`test/snapshot/image.js > TAP > image (snapshot) > content warnings via <img class="image" src="media/album-art/beyond-canon/cover.png"> <span class="reveal-text-container"> <span class="reveal-text"> - <img class="reveal-symbol" src="static/warning.svg?413"> + <img class="reveal-symbol" src="static/misc/warning.svg"> <br> <span class="reveal-warnings">too cool for school</span> <br> @@ -24,6 +24,14 @@ exports[`test/snapshot/image.js > TAP > image (snapshot) > content warnings via </div> ` +exports[`test/snapshot/image.js > TAP > image (snapshot) > dimensions 1`] = ` +<div class="image-container"><div class="image-outer-area"><div class="image-inner-area"><img class="image" width="600" height="400" src="foobar"></div></div></div> +` + +exports[`test/snapshot/image.js > TAP > image (snapshot) > dimensions with square 1`] = ` +<div class="image-container square"><div class="image-outer-area square-content"><div class="image-inner-area"><img class="image" width="600" height="400" src="foobar"></div></div></div> +` + exports[`test/snapshot/image.js > TAP > image (snapshot) > lazy with square 1`] = ` <noscript><div class="image-container square"><div class="image-outer-area square-content"><div class="image-inner-area"><img class="image" src="foobar"></div></div></div></noscript> <div class="image-container square js-hide"><div class="image-outer-area square-content"><div class="image-inner-area"><img class="image lazy" data-original="foobar"></div></div></div> @@ -64,7 +72,3 @@ exports[`test/snapshot/image.js > TAP > image (snapshot) > thumb requested but s exports[`test/snapshot/image.js > TAP > image (snapshot) > thumbnail details 1`] = ` <div class="image-container"><div class="image-outer-area"><div class="image-inner-area"><img class="image" data-original-length="1200" data-thumbs="voluminous:1200 middling:900 petite:20" src="thumb/album-art/beyond-canon/cover.voluminous.jpg"></div></div></div> ` - -exports[`test/snapshot/image.js > TAP > image (snapshot) > width & height 1`] = ` -<div class="image-container"><div class="image-outer-area"><div class="image-inner-area"><img class="image" width="600" height="400" src="foobar"></div></div></div> -` diff --git a/tap-snapshots/test/snapshot/linkContribution.js.test.cjs b/tap-snapshots/test/snapshot/linkContribution.js.test.cjs index 20f5adcb..92d697e7 100644 --- a/tap-snapshots/test/snapshot/linkContribution.js.test.cjs +++ b/tap-snapshots/test/snapshot/linkContribution.js.test.cjs @@ -8,53 +8,53 @@ exports[`test/snapshot/linkContribution.js > TAP > linkContribution (snapshot) > loads of links (inline) 1`] = ` <span class="contribution nowrap"><a href="artist/lorem-ipsum-lover/">Lorem Ipsum Lover</a> (<span class="icons icons-inline"><a class="icon" href="https://loremipsum.io"> <svg> - <title>External (loremipsum.io)</title> - <use href="static/icons.svg#icon-globe"></use> + <title>loremipsum.io</title> + <use href="static/misc/icons.svg#icon-globe"></use> </svg> </a>, <a class="icon" href="https://loremipsum.io/generator/"> <svg> - <title>External (loremipsum.io)</title> - <use href="static/icons.svg#icon-globe"></use> + <title>loremipsum.io</title> + <use href="static/misc/icons.svg#icon-globe"></use> </svg> </a>, <a class="icon" href="https://loremipsum.io/#meaning"> <svg> - <title>External (loremipsum.io)</title> - <use href="static/icons.svg#icon-globe"></use> + <title>loremipsum.io</title> + <use href="static/misc/icons.svg#icon-globe"></use> </svg> </a>, <a class="icon" href="https://loremipsum.io/#usage-and-examples"> <svg> - <title>External (loremipsum.io)</title> - <use href="static/icons.svg#icon-globe"></use> + <title>loremipsum.io</title> + <use href="static/misc/icons.svg#icon-globe"></use> </svg> </a></span>)</span> ` exports[`test/snapshot/linkContribution.js > TAP > linkContribution (snapshot) > loads of links (tooltip) 1`] = ` <span class="contribution"><span class="text-with-tooltip"><span class="hoverable"><a class="text-with-tooltip-interaction-cue" href="artist/lorem-ipsum-lover/">Lorem Ipsum Lover</a></span><span class="tooltip icons icons-tooltip"><span class="tooltip-content"><a class="icon has-text" href="https://loremipsum.io"> - <svg><use href="static/icons.svg#icon-globe"></use></svg> + <svg><use href="static/misc/icons.svg#icon-globe"></use></svg> <span class="icon-text">loremipsum.io</span> - </a><a class="icon has-text" href="https://loremipsum.io/generator/"> - <svg><use href="static/icons.svg#icon-globe"></use></svg> + </a><span class="icon-platform">Other</span><a class="icon has-text" href="https://loremipsum.io/generator/"> + <svg><use href="static/misc/icons.svg#icon-globe"></use></svg> <span class="icon-text">loremipsum.io</span> - </a><a class="icon has-text" href="https://loremipsum.io/#meaning"> - <svg><use href="static/icons.svg#icon-globe"></use></svg> + </a><span class="icon-platform">Other</span><a class="icon has-text" href="https://loremipsum.io/#meaning"> + <svg><use href="static/misc/icons.svg#icon-globe"></use></svg> <span class="icon-text">loremipsum.io</span> - </a><a class="icon has-text" href="https://loremipsum.io/#usage-and-examples"> - <svg><use href="static/icons.svg#icon-globe"></use></svg> + </a><span class="icon-platform">Other</span><a class="icon has-text" href="https://loremipsum.io/#usage-and-examples"> + <svg><use href="static/misc/icons.svg#icon-globe"></use></svg> <span class="icon-text">loremipsum.io</span> - </a><a class="icon has-text" href="https://loremipsum.io/#controversy"> - <svg><use href="static/icons.svg#icon-globe"></use></svg> + </a><span class="icon-platform">Other</span><a class="icon has-text" href="https://loremipsum.io/#controversy"> + <svg><use href="static/misc/icons.svg#icon-globe"></use></svg> <span class="icon-text">loremipsum.io</span> - </a><a class="icon has-text" href="https://loremipsum.io/#when-to-use-lorem-ipsum"> - <svg><use href="static/icons.svg#icon-globe"></use></svg> + </a><span class="icon-platform">Other</span><a class="icon has-text" href="https://loremipsum.io/#when-to-use-lorem-ipsum"> + <svg><use href="static/misc/icons.svg#icon-globe"></use></svg> <span class="icon-text">loremipsum.io</span> - </a><a class="icon has-text" href="https://loremipsum.io/#lorem-ipsum-all-the-things"> - <svg><use href="static/icons.svg#icon-globe"></use></svg> + </a><span class="icon-platform">Other</span><a class="icon has-text" href="https://loremipsum.io/#lorem-ipsum-all-the-things"> + <svg><use href="static/misc/icons.svg#icon-globe"></use></svg> <span class="icon-text">loremipsum.io</span> - </a><a class="icon has-text" href="https://loremipsum.io/#original-source"> - <svg><use href="static/icons.svg#icon-globe"></use></svg> + </a><span class="icon-platform">Other</span><a class="icon has-text" href="https://loremipsum.io/#original-source"> + <svg><use href="static/misc/icons.svg#icon-globe"></use></svg> <span class="icon-text">loremipsum.io</span> - </a></span></span></span></span> + </a><span class="icon-platform">Other</span></span></span></span></span> ` exports[`test/snapshot/linkContribution.js > TAP > linkContribution (snapshot) > no accents 1`] = ` @@ -67,19 +67,19 @@ exports[`test/snapshot/linkContribution.js > TAP > linkContribution (snapshot) > <span class="contribution"><a href="artist/clark-powell/">Clark Powell</a> (<span class="icons icons-inline"><a class="icon" href="https://soundcloud.com/plazmataz"> <svg> <title>SoundCloud</title> - <use href="static/icons.svg#icon-soundcloud"></use> + <use href="static/misc/icons.svg#icon-soundcloud"></use> </svg> </a></span>)</span> <span class="contribution"><a href="artist/the-big-baddies/">Grounder & Scratch</a> (Snooping)</span> <span class="contribution"><a href="artist/toby-fox/">Toby Fox</a> (Arrangement) (<span class="icons icons-inline"><a class="icon" href="https://tobyfox.bandcamp.com/"> <svg> <title>Bandcamp</title> - <use href="static/icons.svg#icon-bandcamp"></use> + <use href="static/misc/icons.svg#icon-bandcamp"></use> </svg> </a>, <a class="icon" href="https://toby.fox/"> <svg> - <title>External (toby.fox)</title> - <use href="static/icons.svg#icon-globe"></use> + <title>toby.fox</title> + <use href="static/misc/icons.svg#icon-globe"></use> </svg> </a></span>)</span> ` @@ -94,70 +94,70 @@ exports[`test/snapshot/linkContribution.js > TAP > linkContribution (snapshot) > <span class="contribution nowrap"><a href="artist/clark-powell/">Clark Powell</a> (<span class="icons icons-inline"><a class="icon" href="https://soundcloud.com/plazmataz"> <svg> <title>SoundCloud</title> - <use href="static/icons.svg#icon-soundcloud"></use> + <use href="static/misc/icons.svg#icon-soundcloud"></use> </svg> </a></span>)</span> <a href="artist/the-big-baddies/">Grounder & Scratch</a> <span class="contribution nowrap"><a href="artist/toby-fox/">Toby Fox</a> (<span class="icons icons-inline"><a class="icon" href="https://tobyfox.bandcamp.com/"> <svg> <title>Bandcamp</title> - <use href="static/icons.svg#icon-bandcamp"></use> + <use href="static/misc/icons.svg#icon-bandcamp"></use> </svg> </a>, <a class="icon" href="https://toby.fox/"> <svg> - <title>External (toby.fox)</title> - <use href="static/icons.svg#icon-globe"></use> + <title>toby.fox</title> + <use href="static/misc/icons.svg#icon-globe"></use> </svg> </a></span>)</span> ` exports[`test/snapshot/linkContribution.js > TAP > linkContribution (snapshot) > only showIcons (tooltip) 1`] = ` <span class="contribution"><span class="text-with-tooltip"><span class="hoverable"><a class="text-with-tooltip-interaction-cue" href="artist/clark-powell/">Clark Powell</a></span><span class="tooltip icons icons-tooltip"><span class="tooltip-content"><a class="icon has-text" href="https://soundcloud.com/plazmataz"> - <svg><use href="static/icons.svg#icon-soundcloud"></use></svg> + <svg><use href="static/misc/icons.svg#icon-soundcloud"></use></svg> <span class="icon-text">plazmataz</span> - </a></span></span></span></span> + </a><span class="icon-platform">SoundCloud</span></span></span></span></span> <span class="contribution nowrap"><a href="artist/the-big-baddies/">Grounder & Scratch</a> (Snooping)</span> <span class="contribution nowrap"><span class="text-with-tooltip"><span class="hoverable"><a class="text-with-tooltip-interaction-cue" href="artist/toby-fox/">Toby Fox</a></span><span class="tooltip icons icons-tooltip"><span class="tooltip-content"><a class="icon has-text" href="https://tobyfox.bandcamp.com/"> - <svg><use href="static/icons.svg#icon-bandcamp"></use></svg> + <svg><use href="static/misc/icons.svg#icon-bandcamp"></use></svg> <span class="icon-text">tobyfox</span> - </a><a class="icon has-text" href="https://toby.fox/"> - <svg><use href="static/icons.svg#icon-globe"></use></svg> + </a><span class="icon-platform">Bandcamp</span><a class="icon has-text" href="https://toby.fox/"> + <svg><use href="static/misc/icons.svg#icon-globe"></use></svg> <span class="icon-text">toby.fox</span> - </a></span></span></span> (Arrangement)</span> + </a><span class="icon-platform">Other</span></span></span></span> (Arrangement)</span> ` exports[`test/snapshot/linkContribution.js > TAP > linkContribution (snapshot) > showContribution & showIcons (inline) 1`] = ` <span class="contribution nowrap"><a href="artist/clark-powell/">Clark Powell</a> (<span class="icons icons-inline"><a class="icon" href="https://soundcloud.com/plazmataz"> <svg> <title>SoundCloud</title> - <use href="static/icons.svg#icon-soundcloud"></use> + <use href="static/misc/icons.svg#icon-soundcloud"></use> </svg> </a></span>)</span> <span class="contribution nowrap"><a href="artist/the-big-baddies/">Grounder & Scratch</a> (Snooping)</span> <span class="contribution nowrap"><a href="artist/toby-fox/">Toby Fox</a> (Arrangement) (<span class="icons icons-inline"><a class="icon" href="https://tobyfox.bandcamp.com/"> <svg> <title>Bandcamp</title> - <use href="static/icons.svg#icon-bandcamp"></use> + <use href="static/misc/icons.svg#icon-bandcamp"></use> </svg> </a>, <a class="icon" href="https://toby.fox/"> <svg> - <title>External (toby.fox)</title> - <use href="static/icons.svg#icon-globe"></use> + <title>toby.fox</title> + <use href="static/misc/icons.svg#icon-globe"></use> </svg> </a></span>)</span> ` exports[`test/snapshot/linkContribution.js > TAP > linkContribution (snapshot) > showContribution & showIcons (tooltip) 1`] = ` <span class="contribution"><span class="text-with-tooltip"><span class="hoverable"><a class="text-with-tooltip-interaction-cue" href="artist/clark-powell/">Clark Powell</a></span><span class="tooltip icons icons-tooltip"><span class="tooltip-content"><a class="icon has-text" href="https://soundcloud.com/plazmataz"> - <svg><use href="static/icons.svg#icon-soundcloud"></use></svg> + <svg><use href="static/misc/icons.svg#icon-soundcloud"></use></svg> <span class="icon-text">plazmataz</span> - </a></span></span></span></span> + </a><span class="icon-platform">SoundCloud</span></span></span></span></span> <span class="contribution nowrap"><a href="artist/the-big-baddies/">Grounder & Scratch</a> (Snooping)</span> <span class="contribution nowrap"><span class="text-with-tooltip"><span class="hoverable"><a class="text-with-tooltip-interaction-cue" href="artist/toby-fox/">Toby Fox</a></span><span class="tooltip icons icons-tooltip"><span class="tooltip-content"><a class="icon has-text" href="https://tobyfox.bandcamp.com/"> - <svg><use href="static/icons.svg#icon-bandcamp"></use></svg> + <svg><use href="static/misc/icons.svg#icon-bandcamp"></use></svg> <span class="icon-text">tobyfox</span> - </a><a class="icon has-text" href="https://toby.fox/"> - <svg><use href="static/icons.svg#icon-globe"></use></svg> + </a><span class="icon-platform">Bandcamp</span><a class="icon has-text" href="https://toby.fox/"> + <svg><use href="static/misc/icons.svg#icon-globe"></use></svg> <span class="icon-text">toby.fox</span> - </a></span></span></span> (Arrangement)</span> + </a><span class="icon-platform">Other</span></span></span></span> (Arrangement)</span> ` |