Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-10 14:44:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(test): stub the icon component to reduce noise

Browse source
This commit is contained in:
Phan An 2022-07-25 20:55:40 +02:00
parent 35e03ec685
commit 7abdef77e0
No known key found for this signature in database
GPG key ID: A81E4477F0BB6FDC
14 changed files with 82 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
resources/assets/js/__tests__/UnitTestCase.ts
View file

@ -1,6 +1,5 @@
import isMobile from 'ismobilejs'
import { isObject, mergeWith } from 'lodash'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { cleanup, render, RenderOptions } from '@testing-library/vue'
import { afterEach, beforeEach, vi } from 'vitest'
import { clickaway, droppable, focus } from '@/directives'
@ -84,7 +83,7 @@ export default abstract class UnitTestCase {
'koel-droppable': droppable
},
components: {
icon: FontAwesomeIcon
icon: this.stub('icon')
}
}
}, options))

3
resources/assets/js/components/layout/app-footer/FooterExtraControls.spec.ts
View file

@ -17,7 +17,8 @@ new class extends UnitTestCase {
artist_name: 'Led Zeppelin',
artist_id: 3,
album_name: 'Led Zeppelin IV',
album_id: 4
album_id: 4,
liked: false
})
},
global: {

6
resources/assets/js/components/layout/app-footer/__snapshots__/FooterExtraControls.spec.ts.snap
View file

@ -5,11 +5,7 @@ exports[`renders 1`] = `
<div class="wrapper" data-v-add48cbe="">
<!--v-if--><button data-testid="toggle-visualizer-btn" title="Click for a marvelous visualizer!" type="button" data-v-add48cbe="">
<div class="bars" data-testid="soundbars" data-v-d983e410="" data-v-add48cbe=""><img alt="Sound bars" height="13" src="undefined/resources/assets/img/bars.gif" data-v-d983e410=""></div>
</button><button title="Unlike Fahrstuhl to Heaven by Led Zeppelin" class="text-secondary like" data-testid="like-btn" data-v-5d366bb1="" data-v-add48cbe=""><svg class="svg-inline--fa fa-heart text-maroon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="heart" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-testid="btn-like-liked" data-v-5d366bb1="">
<path class="" fill="currentColor" d="M0 190.9V185.1C0 115.2 50.52 55.58 119.4 44.1C164.1 36.51 211.4 51.37 244 84.02L256 96L267.1 84.02C300.6 51.37 347 36.51 392.6 44.1C461.5 55.58 512 115.2 512 185.1V190.9C512 232.4 494.8 272.1 464.4 300.4L283.7 469.1C276.2 476.1 266.3 480 256 480C245.7 480 235.8 476.1 228.3 469.1L47.59 300.4C17.23 272.1 .0003 232.4 .0003 190.9L0 190.9z"></path>
</svg></button><button class="active control text-uppercase" data-testid="toggle-extra-panel-btn" title="View song information" type="button" data-v-add48cbe=""> Info </button><a class="queue control" href="#!/queue" data-v-add48cbe=""><svg class="svg-inline--fa fa-list-ol" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="list-ol" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-v-add48cbe="">
<path class="" fill="currentColor" d="M55.1 56.04C55.1 42.78 66.74 32.04 79.1 32.04H111.1C125.3 32.04 135.1 42.78 135.1 56.04V176H151.1C165.3 176 175.1 186.8 175.1 200C175.1 213.3 165.3 224 151.1 224H71.1C58.74 224 47.1 213.3 47.1 200C47.1 186.8 58.74 176 71.1 176H87.1V80.04H79.1C66.74 80.04 55.1 69.29 55.1 56.04V56.04zM118.7 341.2C112.1 333.8 100.4 334.3 94.65 342.4L83.53 357.9C75.83 368.7 60.84 371.2 50.05 363.5C39.26 355.8 36.77 340.8 44.47 330.1L55.59 314.5C79.33 281.2 127.9 278.8 154.8 309.6C176.1 333.1 175.6 370.5 153.7 394.3L118.8 432H152C165.3 432 176 442.7 176 456C176 469.3 165.3 480 152 480H64C54.47 480 45.84 474.4 42.02 465.6C38.19 456.9 39.9 446.7 46.36 439.7L118.4 361.7C123.7 355.9 123.8 347.1 118.7 341.2L118.7 341.2zM512 64C529.7 64 544 78.33 544 96C544 113.7 529.7 128 512 128H256C238.3 128 224 113.7 224 96C224 78.33 238.3 64 256 64H512zM512 224C529.7 224 544 238.3 544 256C544 273.7 529.7 288 512 288H256C238.3 288 224 273.7 224 256C224 238.3 238.3 224 256 224H512zM512 384C529.7 384 544 398.3 544 416C544 433.7 529.7 448 512 448H256C238.3 448 224 433.7 224 416C224 398.3 238.3 384 256 384H512z"></path>
</svg></a><br data-testid="RepeatModeSwitch" data-v-add48cbe=""><br data-testid="Volume" data-v-add48cbe="">
</button><button title="Like Fahrstuhl to Heaven by Led Zeppelin" class="text-secondary like" data-testid="like-btn" data-v-5d366bb1="" data-v-add48cbe=""><br data-testid="btn-like-unliked" icon="[object Object]" data-v-5d366bb1=""></button><button class="active control text-uppercase" data-testid="toggle-extra-panel-btn" title="View song information" type="button" data-v-add48cbe=""> Info </button><a class="queue control" href="#!/queue" data-v-add48cbe=""><br data-testid="icon" icon="[object Object]" data-v-add48cbe=""></a><br data-testid="RepeatModeSwitch" data-v-add48cbe=""><br data-testid="Volume" data-v-add48cbe="">
</div>
</div>
`;

64
resources/assets/js/components/screens/__snapshots__/AllSongsScreen.spec.ts.snap
View file

@ -63,3 +63,67 @@ exports[`renders 2`] = `
</header><br data-testid="song-list">
</section>
`;
exports[`renders 3`] = `
<section id="songsWrapper">
<header class="screen-header expanded">
<div class="thumbnail-wrapper">
<div class="thumbnail-stack single" style="background-image: url(undefined/resources/assets/img/covers/default.svg);" data-v-2978c570=""><span data-testid="thumbnail" data-v-2978c570=""></span></div>
</div>
<div class="right">
<div class="heading-wrapper">
<h1 class="name"> All Songs
<!--v-if-->
</h1><span class="meta text-secondary"><span>420 songs</span><span>34:17:36</span></span>
</div>
<div class="song-list-controls" data-testid="song-list-controls" data-v-cee28c08=""><span class="btn-group" uppercased="" data-v-cee28c08=""><button type="button" class="btn-shuffle-all" data-testid="btn-shuffle-all" orange="" title="Shuffle all songs" data-v-27deb898="" data-v-cee28c08=""><icon icon="[object Object]" data-v-cee28c08=""></icon> All </button><!--v-if--><!--v-if--><!--v-if--><!--v-if--></span>
<div class="add-to" data-testid="add-to-menu" tabindex="0" data-v-0351ff38="" data-v-cee28c08="" style="display: none;">
<section class="existing-playlists" data-v-0351ff38="">
<p data-v-0351ff38="">Add 0 songs to</p>
<ul data-v-0351ff38="">
<li data-testid="queue" tabindex="0" data-v-0351ff38="">Queue</li>
<li class="favorites" data-testid="add-to-favorites" tabindex="0" data-v-0351ff38=""> Favorites </li>
</ul>
</section>
<section class="new-playlist" data-testid="new-playlist" data-v-0351ff38="">
<p data-v-0351ff38="">or create a new playlist</p>
<form class="form-save form-simple form-new-playlist" data-v-0351ff38=""><input data-testid="new-playlist-name" placeholder="Playlist name" required="" type="text" data-v-0351ff38=""><button type="submit" title="Save" data-v-27deb898="" data-v-0351ff38="">⏎</button></form>
</section>
</div>
</div>
</div>
</header><br data-testid="song-list">
</section>
`;
exports[`renders 4`] = `
<section id="songsWrapper">
<header class="screen-header expanded">
<div class="thumbnail-wrapper">
<div class="thumbnail-stack single" style="background-image: url(undefined/resources/assets/img/covers/default.svg);" data-v-2978c570=""><span data-testid="thumbnail" data-v-2978c570=""></span></div>
</div>
<div class="right">
<div class="heading-wrapper">
<h1 class="name"> All Songs
<!--v-if-->
</h1><span class="meta text-secondary"><span>420 songs</span><span>34:17:36</span></span>
</div>
<div class="song-list-controls" data-testid="song-list-controls" data-v-cee28c08=""><span class="btn-group" uppercased="" data-v-cee28c08=""><button type="button" class="btn-shuffle-all" data-testid="btn-shuffle-all" orange="" title="Shuffle all songs" data-v-27deb898="" data-v-cee28c08=""><br data-testid="icon" icon="[object Object]" data-v-cee28c08=""> All </button><!--v-if--><!--v-if--><!--v-if--><!--v-if--></span>
<div class="add-to" data-testid="add-to-menu" tabindex="0" data-v-0351ff38="" data-v-cee28c08="" style="display: none;">
<section class="existing-playlists" data-v-0351ff38="">
<p data-v-0351ff38="">Add 0 songs to</p>
<ul data-v-0351ff38="">
<li data-testid="queue" tabindex="0" data-v-0351ff38="">Queue</li>
<li class="favorites" data-testid="add-to-favorites" tabindex="0" data-v-0351ff38=""> Favorites </li>
</ul>
</section>
<section class="new-playlist" data-testid="new-playlist" data-v-0351ff38="">
<p data-v-0351ff38="">or create a new playlist</p>
<form class="form-save form-simple form-new-playlist" data-v-0351ff38=""><input data-testid="new-playlist-name" placeholder="Playlist name" required="" type="text" data-v-0351ff38=""><button type="submit" title="Save" data-v-27deb898="" data-v-0351ff38="">⏎</button></form>
</section>
</div>
</div>
</div>
</header><br data-testid="song-list">
</section>
`;

2
resources/assets/js/components/song/__snapshots__/SongList.spec.ts.snap
View file

@ -2,6 +2,6 @@
exports[`renders 1`] = `
<div class="all-songs song-list-wrap main-scroll-wrap" data-testid="song-list" tabindex="0">
<div class="sortable song-list-header"><span class="track-number" data-testid="header-track-number" role="button" title="Sort by track number"> # <!--v-if--><!--v-if--></span><span class="title" data-testid="header-title" role="button" title="Sort by title"> Title <svg class="svg-inline--fa fa-angle-down text-highlight" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path class="" fill="currentColor" d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"></path></svg><!--v-if--></span><span class="artist" data-testid="header-artist" role="button" title="Sort by artist"> Artist <!--v-if--><!--v-if--></span><span class="album" data-testid="header-album" role="button" title="Sort by album"> Album <!--v-if--><!--v-if--></span><span class="time" data-testid="header-length" role="button" title="Sort by song duration"><!--v-if--><!--v-if--> &nbsp; <svg class="svg-inline--fa fa-clock duration-header" aria-hidden="true" focusable="false" data-prefix="far" data-icon="clock" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="" fill="currentColor" d="M232 120C232 106.7 242.7 96 256 96C269.3 96 280 106.7 280 120V243.2L365.3 300C376.3 307.4 379.3 322.3 371.1 333.3C364.6 344.3 349.7 347.3 338.7 339.1L242.7 275.1C236 271.5 232 264 232 255.1L232 120zM256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0zM48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48C141.1 48 48 141.1 48 256z"></path></svg></span><span class="favorite"></span><span class="play"></span></div><br data-testid="virtual-scroller" item-height="35" items="">
<div class="sortable song-list-header"><span class="track-number" data-testid="header-track-number" role="button" title="Sort by track number"> # <!--v-if--><!--v-if--></span><span class="title" data-testid="header-title" role="button" title="Sort by title"> Title <br data-testid="icon" icon="[object Object]" class="text-highlight"><!--v-if--></span><span class="artist" data-testid="header-artist" role="button" title="Sort by artist"> Artist <!--v-if--><!--v-if--></span><span class="album" data-testid="header-album" role="button" title="Sort by album"> Album <!--v-if--><!--v-if--></span><span class="time" data-testid="header-length" role="button" title="Sort by song duration"><!--v-if--><!--v-if--> &nbsp; <br data-testid="icon" icon="[object Object]" class="duration-header"></span><span class="favorite"></span><span class="play"></span></div><br data-testid="virtual-scroller" item-height="35" items="">
</div>
`;

6
resources/assets/js/components/ui/__snapshots__/BtnCloseModal.spec.ts.snap
View file

@ -1,7 +1,3 @@
// Vitest Snapshot v1
exports[`renders 1`] = `
<button data-testid="close-modal-btn" type="button" data-v-8e854c66=""><svg class="svg-inline--fa fa-xmark" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-v-8e854c66="">
<path class="" fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"></path>
</svg></button>
`;
exports[`renders 1`] = `<button data-testid="close-modal-btn" type="button" data-v-8e854c66=""><br data-testid="icon" icon="[object Object]" data-v-8e854c66=""></button>`;

6
resources/assets/js/components/ui/__snapshots__/BtnScrollToTop.spec.ts.snap
View file

@ -1,7 +1,3 @@
// Vitest Snapshot v1
exports[`renders 1`] = `
<transition-stub data-v-e7b6c7f6=""><button title="Scroll to top" type="button" data-v-e7b6c7f6="" style="display: none;"><svg class="svg-inline--fa fa-circle-up" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-v-e7b6c7f6="">
<path class="" fill="currentColor" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256c141.4 0 256-114.6 256-256S397.4 0 256 0zM382.8 246.1C380.3 252.1 374.5 256 368 256h-64v96c0 17.67-14.33 32-32 32h-32c-17.67 0-32-14.33-32-32V256h-64C137.5 256 131.7 252.1 129.2 246.1C126.7 240.1 128.1 233.3 132.7 228.7l112-112c6.248-6.248 16.38-6.248 22.62 0l112 112C383.9 233.3 385.3 240.1 382.8 246.1z"></path>
</svg>&nbsp; Top </button></transition-stub>
`;
exports[`renders 1`] = `<transition-stub data-v-e7b6c7f6=""><button title="Scroll to top" type="button" data-v-e7b6c7f6="" style="display: none;"><br data-testid="icon" icon="[object Object]" data-v-e7b6c7f6="">&nbsp; Top </button></transition-stub>`;

2
resources/assets/js/components/ui/__snapshots__/CheckBox.spec.ts.snap
View file

@ -1,5 +1,5 @@
// Vitest Snapshot v1
exports[`renders checked state 1`] = `<span data-v-51bb9d97=""><input type="checkbox" data-v-51bb9d97=""><svg class="svg-inline--fa fa-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-v-51bb9d97=""><path class="" fill="currentColor" d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path></svg></span>`;
exports[`renders checked state 1`] = `<span data-v-51bb9d97=""><input type="checkbox" data-v-51bb9d97=""><br data-testid="icon" icon="[object Object]" data-v-51bb9d97=""></span>`;
exports[`renders unchecked state 1`] = `<span data-v-51bb9d97=""><input type="checkbox" data-v-51bb9d97=""><!--v-if--></span>`;

2
resources/assets/js/components/ui/__snapshots__/LyricsPane.spec.ts.snap
View file

@ -3,7 +3,7 @@
exports[`renders 1`] = `
<article id="lyrics" data-v-502c43f0="">
<div class="content" data-v-502c43f0="">
<div data-v-502c43f0=""><pre data-v-502c43f0="">Foo bar baz qux</pre><span class="magnifier" data-v-7a4cd38c="" data-v-502c43f0=""><button title="Zoom out" type="button" data-v-7a4cd38c=""><svg class="svg-inline--fa fa-magnifying-glass-minus" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="magnifying-glass-minus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-v-7a4cd38c=""><path class="" fill="currentColor" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7c-12.23-91.55-87.28-166-178.9-177.6c-136.2-17.24-250.7 97.28-233.4 233.4c11.6 91.64 86.07 166.7 177.6 178.9c53.81 7.191 104.3-6.235 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 .0003C515.9 484.7 515.9 459.3 500.3 443.7zM288 232H127.1C114.7 232 104 221.3 104 208s10.74-24 23.1-24h160C301.3 184 312 194.7 312 208S301.3 232 288 232z"></path></svg></button><button title="Zoom in" type="button" data-v-7a4cd38c=""><svg class="svg-inline--fa fa-magnifying-glass-plus" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="magnifying-glass-plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-v-7a4cd38c=""><path class="" fill="currentColor" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7c-12.23-91.55-87.28-166-178.9-177.6c-136.2-17.24-250.7 97.28-233.4 233.4c11.6 91.64 86.07 166.7 177.6 178.9c53.81 7.191 104.3-6.235 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 .0003C515.9 484.7 515.9 459.3 500.3 443.7zM288 232H231.1V288c0 13.26-10.74 24-23.1 24C194.7 312 184 301.3 184 288V232H127.1C114.7 232 104 221.3 104 208s10.74-24 23.1-24H184V128c0-13.26 10.74-24 23.1-24S231.1 114.7 231.1 128v56h56C301.3 184 312 194.7 312 208S301.3 232 288 232z"></path></svg></button></span></div>
<div data-v-502c43f0=""><pre data-v-502c43f0="">Foo bar baz qux</pre><span class="magnifier" data-v-7a4cd38c="" data-v-502c43f0=""><button title="Zoom out" type="button" data-v-7a4cd38c=""><br data-testid="icon" icon="[object Object]" data-v-7a4cd38c=""></button><button title="Zoom in" type="button" data-v-7a4cd38c=""><br data-testid="icon" icon="[object Object]" data-v-7a4cd38c=""></button></span></div>
<!--v-if-->
</div>
</article>

2
resources/assets/js/components/ui/__snapshots__/Magnifier.spec.ts.snap
View file

@ -1,3 +1,3 @@
// Vitest Snapshot v1
exports[`renders and functions 1`] = `<span data-v-7a4cd38c=""><button title="Zoom out" type="button" data-v-7a4cd38c=""><svg class="svg-inline--fa fa-magnifying-glass-minus" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="magnifying-glass-minus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-v-7a4cd38c=""><path class="" fill="currentColor" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7c-12.23-91.55-87.28-166-178.9-177.6c-136.2-17.24-250.7 97.28-233.4 233.4c11.6 91.64 86.07 166.7 177.6 178.9c53.81 7.191 104.3-6.235 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 .0003C515.9 484.7 515.9 459.3 500.3 443.7zM288 232H127.1C114.7 232 104 221.3 104 208s10.74-24 23.1-24h160C301.3 184 312 194.7 312 208S301.3 232 288 232z"></path></svg></button><button title="Zoom in" type="button" data-v-7a4cd38c=""><svg class="svg-inline--fa fa-magnifying-glass-plus" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="magnifying-glass-plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-v-7a4cd38c=""><path class="" fill="currentColor" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7c-12.23-91.55-87.28-166-178.9-177.6c-136.2-17.24-250.7 97.28-233.4 233.4c11.6 91.64 86.07 166.7 177.6 178.9c53.81 7.191 104.3-6.235 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 .0003C515.9 484.7 515.9 459.3 500.3 443.7zM288 232H231.1V288c0 13.26-10.74 24-23.1 24C194.7 312 184 301.3 184 288V232H127.1C114.7 232 104 221.3 104 208s10.74-24 23.1-24H184V128c0-13.26 10.74-24 23.1-24S231.1 114.7 231.1 128v56h56C301.3 184 312 194.7 312 208S301.3 232 288 232z"></path></svg></button></span>`;
exports[`renders and functions 1`] = `<span data-v-7a4cd38c=""><button title="Zoom out" type="button" data-v-7a4cd38c=""><br data-testid="icon" icon="[object Object]" data-v-7a4cd38c=""></button><button title="Zoom in" type="button" data-v-7a4cd38c=""><br data-testid="icon" icon="[object Object]" data-v-7a4cd38c=""></button></span>`;

16
resources/assets/js/components/ui/__snapshots__/Overlay.spec.ts.snap
View file

@ -3,9 +3,7 @@
exports[`renders error type 1`] = `
<div id="overlay" class="error overlay" data-testid="overlay">
<div class="display">
<!--v-if--><svg class="svg-inline--fa fa-circle-exclamation" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-exclamation" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path class="" fill="currentColor" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z"></path>
</svg>
<!--v-if--><br data-testid="icon" icon="[object Object]">
<!--v-if-->
<!--v-if-->
<!--v-if--><span class="message">Look at me now</span>
@ -19,9 +17,7 @@ exports[`renders info type 1`] = `
<div class="display">
<!--v-if-->
<!--v-if-->
<!--v-if--><svg class="svg-inline--fa fa-circle-info" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path class="" fill="currentColor" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"></path>
</svg>
<!--v-if--><br data-testid="icon" icon="[object Object]">
<!--v-if--><span class="message">Look at me now</span>
</div>
<!--v-if-->
@ -47,9 +43,7 @@ exports[`renders success type 1`] = `
<!--v-if-->
<!--v-if-->
<!--v-if-->
<!--v-if--><svg class="svg-inline--fa fa-circle-check" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path class="" fill="currentColor" d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM371.8 211.8C382.7 200.9 382.7 183.1 371.8 172.2C360.9 161.3 343.1 161.3 332.2 172.2L224 280.4L179.8 236.2C168.9 225.3 151.1 225.3 140.2 236.2C129.3 247.1 129.3 264.9 140.2 275.8L204.2 339.8C215.1 350.7 232.9 350.7 243.8 339.8L371.8 211.8z"></path>
</svg><span class="message">Look at me now</span>
<!--v-if--><br data-testid="icon" icon="[object Object]"><span class="message">Look at me now</span>
</div>
<!--v-if-->
</div>
@ -59,9 +53,7 @@ exports[`renders warning type 1`] = `
<div id="overlay" class="warning overlay" data-testid="overlay">
<div class="display">
<!--v-if-->
<!--v-if--><svg class="svg-inline--fa fa-triangle-exclamation" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="triangle-exclamation" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path class="" fill="currentColor" d="M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"></path>
</svg>
<!--v-if--><br data-testid="icon" icon="[object Object]">
<!--v-if-->
<!--v-if--><span class="message">Look at me now</span>
</div>

12
resources/assets/js/components/ui/__snapshots__/ViewModeSwitch.spec.ts.snap
View file

@ -1,13 +1,5 @@
// Vitest Snapshot v1
exports[`renders list mode 1`] = `
<span class="view-modes" data-v-0c4113b0=""><label class="thumbnails" data-testid="view-mode-thumbnail" title="View as thumbnails" data-v-0c4113b0=""><input class="hidden" name="view-mode" type="radio" value="thumbnails" data-v-0c4113b0=""><svg class="svg-inline--fa fa-microsoft" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="microsoft" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-v-0c4113b0=""><path class="" fill="currentColor" d="M0 32h214.6v214.6H0V32zm233.4 0H448v214.6H233.4V32zM0 265.4h214.6V480H0V265.4zm233.4 0H448V480H233.4V265.4z"></path></svg><span class="hidden" data-v-0c4113b0="">View as thumbnails</span></label><label class="active list" data-testid="view-mode-list" title="View as list" data-v-0c4113b0=""><input class="hidden" name="view-mode" type="radio" value="list" data-v-0c4113b0=""><svg class="svg-inline--fa fa-list" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="list" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-v-0c4113b0="">
<path class="" fill="currentColor" d="M88 48C101.3 48 112 58.75 112 72V120C112 133.3 101.3 144 88 144H40C26.75 144 16 133.3 16 120V72C16 58.75 26.75 48 40 48H88zM480 64C497.7 64 512 78.33 512 96C512 113.7 497.7 128 480 128H192C174.3 128 160 113.7 160 96C160 78.33 174.3 64 192 64H480zM480 224C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288H192C174.3 288 160 273.7 160 256C160 238.3 174.3 224 192 224H480zM480 384C497.7 384 512 398.3 512 416C512 433.7 497.7 448 480 448H192C174.3 448 160 433.7 160 416C160 398.3 174.3 384 192 384H480zM16 232C16 218.7 26.75 208 40 208H88C101.3 208 112 218.7 112 232V280C112 293.3 101.3 304 88 304H40C26.75 304 16 293.3 16 280V232zM88 368C101.3 368 112 378.7 112 392V440C112 453.3 101.3 464 88 464H40C26.75 464 16 453.3 16 440V392C16 378.7 26.75 368 40 368H88z"></path>
</svg><span class="hidden" data-v-0c4113b0="">View as list</span></label></span>
`;
exports[`renders list mode 1`] = `<span class="view-modes" data-v-0c4113b0=""><label class="thumbnails" data-testid="view-mode-thumbnail" title="View as thumbnails" data-v-0c4113b0=""><input class="hidden" name="view-mode" type="radio" value="thumbnails" data-v-0c4113b0=""><br data-testid="icon" icon="[object Object]" data-v-0c4113b0=""><span class="hidden" data-v-0c4113b0="">View as thumbnails</span></label><label class="active list" data-testid="view-mode-list" title="View as list" data-v-0c4113b0=""><input class="hidden" name="view-mode" type="radio" value="list" data-v-0c4113b0=""><br data-testid="icon" icon="[object Object]" data-v-0c4113b0=""><span class="hidden" data-v-0c4113b0="">View as list</span></label></span>`;
exports[`renders thumbnails mode 1`] = `
<span class="view-modes" data-v-0c4113b0=""><label class="active thumbnails" data-testid="view-mode-thumbnail" title="View as thumbnails" data-v-0c4113b0=""><input class="hidden" name="view-mode" type="radio" value="thumbnails" data-v-0c4113b0=""><svg class="svg-inline--fa fa-microsoft" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="microsoft" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-v-0c4113b0=""><path class="" fill="currentColor" d="M0 32h214.6v214.6H0V32zm233.4 0H448v214.6H233.4V32zM0 265.4h214.6V480H0V265.4zm233.4 0H448V480H233.4V265.4z"></path></svg><span class="hidden" data-v-0c4113b0="">View as thumbnails</span></label><label class="list" data-testid="view-mode-list" title="View as list" data-v-0c4113b0=""><input class="hidden" name="view-mode" type="radio" value="list" data-v-0c4113b0=""><svg class="svg-inline--fa fa-list" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="list" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-v-0c4113b0="">
<path class="" fill="currentColor" d="M88 48C101.3 48 112 58.75 112 72V120C112 133.3 101.3 144 88 144H40C26.75 144 16 133.3 16 120V72C16 58.75 26.75 48 40 48H88zM480 64C497.7 64 512 78.33 512 96C512 113.7 497.7 128 480 128H192C174.3 128 160 113.7 160 96C160 78.33 174.3 64 192 64H480zM480 224C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288H192C174.3 288 160 273.7 160 256C160 238.3 174.3 224 192 224H480zM480 384C497.7 384 512 398.3 512 416C512 433.7 497.7 448 480 448H192C174.3 448 160 433.7 160 416C160 398.3 174.3 384 192 384H480zM16 232C16 218.7 26.75 208 40 208H88C101.3 208 112 218.7 112 232V280C112 293.3 101.3 304 88 304H40C26.75 304 16 293.3 16 280V232zM88 368C101.3 368 112 378.7 112 392V440C112 453.3 101.3 464 88 464H40C26.75 464 16 453.3 16 440V392C16 378.7 26.75 368 40 368H88z"></path>
</svg><span class="hidden" data-v-0c4113b0="">View as list</span></label></span>
`;
exports[`renders thumbnails mode 1`] = `<span class="view-modes" data-v-0c4113b0=""><label class="active thumbnails" data-testid="view-mode-thumbnail" title="View as thumbnails" data-v-0c4113b0=""><input class="hidden" name="view-mode" type="radio" value="thumbnails" data-v-0c4113b0=""><br data-testid="icon" icon="[object Object]" data-v-0c4113b0=""><span class="hidden" data-v-0c4113b0="">View as thumbnails</span></label><label class="list" data-testid="view-mode-list" title="View as list" data-v-0c4113b0=""><input class="hidden" name="view-mode" type="radio" value="list" data-v-0c4113b0=""><br data-testid="icon" icon="[object Object]" data-v-0c4113b0=""><span class="hidden" data-v-0c4113b0="">View as list</span></label></span>`;

2
resources/assets/js/components/ui/upload/__snapshots__/UploadItem.spec.ts.snap
View file

@ -1,3 +1,3 @@
// Vitest Snapshot v1
exports[`renders 1`] = `<div class="canceled upload-item" title="" data-v-ad447c04=""><span style="width: 42%;" class="progress" data-v-ad447c04=""></span><span class="details" data-v-ad447c04=""><span class="name" data-v-ad447c04="">Sample Track</span><span class="controls" data-v-ad447c04=""><button type="button" icon-only="" title="Retry" transparent="" unrounded="" data-v-27deb898="" data-v-ad447c04=""><svg class="svg-inline--fa fa-rotate-left" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="rotate-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-v-ad447c04=""><path class="" fill="currentColor" d="M480 256c0 123.4-100.5 223.9-223.9 223.9c-48.84 0-95.17-15.58-134.2-44.86c-14.12-10.59-16.97-30.66-6.375-44.81c10.59-14.12 30.62-16.94 44.81-6.375c27.84 20.91 61 31.94 95.88 31.94C344.3 415.8 416 344.1 416 256s-71.69-159.8-159.8-159.8c-37.46 0-73.09 13.49-101.3 36.64l45.12 45.14c17.01 17.02 4.955 46.1-19.1 46.1H35.17C24.58 224.1 16 215.5 16 204.9V59.04c0-24.04 29.07-36.08 46.07-19.07l47.6 47.63C149.9 52.71 201.5 32.11 256.1 32.11C379.5 32.11 480 132.6 480 256z"></path></svg></button><button type="button" icon-only="" title="Remove" transparent="" unrounded="" data-v-27deb898="" data-v-ad447c04=""><svg class="svg-inline--fa fa-xmark" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-v-ad447c04=""><path class="" fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"></path></svg></button></span></span></div>`;
exports[`renders 1`] = `<div class="canceled upload-item" title="" data-v-ad447c04=""><span style="width: 42%;" class="progress" data-v-ad447c04=""></span><span class="details" data-v-ad447c04=""><span class="name" data-v-ad447c04="">Sample Track</span><span class="controls" data-v-ad447c04=""><button type="button" icon-only="" title="Retry" transparent="" unrounded="" data-v-27deb898="" data-v-ad447c04=""><br data-testid="icon" icon="[object Object]" data-v-ad447c04=""></button><button type="button" icon-only="" title="Remove" transparent="" unrounded="" data-v-27deb898="" data-v-ad447c04=""><br data-testid="icon" icon="[object Object]" data-v-ad447c04=""></button></span></span></div>`;

6
resources/assets/js/components/user/__snapshots__/UserBadge.spec.ts.snap
View file

@ -1,7 +1,3 @@
// Vitest Snapshot v1
exports[`renders 1`] = `
<span class="profile" id="userBadge"><a class="view-profile" data-testid="view-profile-link" href="/#!/profile" title="View/edit user profile"><img alt="Avatar of John Doe" src="https://gravatar.com/foo" class="avatar"><span class="name">John Doe</span></a><a title="Log out" class="logout control" data-testid="btn-logout" href="" role="button"><svg class="svg-inline--fa fa-right-from-bracket" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="right-from-bracket" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path class="" fill="currentColor" d="M96 480h64C177.7 480 192 465.7 192 448S177.7 416 160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64C177.7 96 192 81.67 192 64S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256C0 437 42.98 480 96 480zM504.8 238.5l-144.1-136c-6.975-6.578-17.2-8.375-26-4.594c-8.803 3.797-14.51 12.47-14.51 22.05l-.0918 72l-128-.001c-17.69 0-32.02 14.33-32.02 32v64c0 17.67 14.34 32 32.02 32l128 .001l.0918 71.1c0 9.578 5.707 18.25 14.51 22.05c8.803 3.781 19.03 1.984 26-4.594l144.1-136C514.4 264.4 514.4 247.6 504.8 238.5z"></path>
</svg></a></span>
`;
exports[`renders 1`] = `<span class="profile" id="userBadge"><a class="view-profile" data-testid="view-profile-link" href="/#!/profile" title="View/edit user profile"><img alt="Avatar of John Doe" src="https://gravatar.com/foo" class="avatar"><span class="name">John Doe</span></a><a title="Log out" class="logout control" data-testid="btn-logout" href="" role="button"><br data-testid="icon" icon="[object Object]"></a></span>`;