Skip to content

feat(carousel): move arrows up and extend text width #2036

feat(carousel): move arrows up and extend text width

feat(carousel): move arrows up and extend text width #2036

Triggered via pull request November 23, 2024 20:46
Status Failure
Total duration 2m 48s
Artifacts

main.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

10 errors
app/profile/sections/items-section.spec.tsx > ItemsSection > should match snapshot with view card: app/profile/sections/items-section.spec.tsx#L19
Error: Snapshot `ItemsSection > should match snapshot with view card 1` mismatched - Expected + Received @@ -54,11 +54,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/album/undefined?highlighted-track-id=2" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Track 1 </p> </a> <span> @@ -204,11 +204,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/album/undefined?highlighted-track-id=123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Track 1 </p> </a> <span> @@ -352,11 +352,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/album/undefined?highlighted-track-id=3" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Track 1 </p> </a> <span> @@ -527,11 +527,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/album/undefined?highlighted-track-id=123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Track 1 </p> </a> <span> @@ -677,11 +677,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline
app/profile/sections/items-section.spec.tsx > ItemsSection > should match snapshot as artists with view card: app/profile/sections/items-section.spec.tsx#L54
Error: Snapshot `ItemsSection > should match snapshot as artists with view card 1` mismatched - Expected + Received @@ -54,11 +54,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/2" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Darkthrone </p> </a> </div> @@ -215,11 +215,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Darkthrone </p> </a> </div> @@ -374,11 +374,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/3" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Darkthrone </p> </a> </div> @@ -560,11 +560,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Darkthrone </p> </a> </div> @@ -721,11 +721,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start"
app/components/items/cards/item-card.spec.tsx > ItemCard > should match snapshot as album: app/components/items/cards/item-card.spec.tsx#L13
Error: Snapshot `ItemCard > should match snapshot as album 1` mismatched - Expected + Received @@ -21,11 +21,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/undefined" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" > Album 1 </p> </a> <div @@ -81,11 +81,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/undefined" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" > Album 1 </p> </a> <div ❯ app/components/items/cards/item-card.spec.tsx:13:18
app/components/items/cards/item-card.spec.tsx > ItemCard > should match snapshot as track: app/components/items/cards/item-card.spec.tsx#L19
Error: Snapshot `ItemCard > should match snapshot as track 1` mismatched - Expected + Received @@ -21,11 +21,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/track/123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" > Track 1 </p> </a> <div @@ -88,11 +88,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/track/123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" > Track 1 </p> </a> <div ❯ app/components/items/cards/item-card.spec.tsx:19:18
app/components/items/cards/item-card.spec.tsx > ItemCard > should match snapshot as artist: app/components/items/cards/item-card.spec.tsx#L25
Error: Snapshot `ItemCard > should match snapshot as artist 1` mismatched - Expected + Received @@ -21,11 +21,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" > Darkthrone </p> </a> <div @@ -81,11 +81,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] !max-w-[200px]" > Darkthrone </p> </a> <div ❯ app/components/items/cards/item-card.spec.tsx:25:18
app/components/items/cards/item-top-card.spec.tsx > ItemTopCard > should match snapshot as track: app/components/items/cards/item-top-card.spec.tsx#L13
Error: Snapshot `ItemTopCard > should match snapshot as track 1` mismatched - Expected + Received @@ -30,11 +30,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/album/undefined?highlighted-track-id=123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Track 1 </p> </a> <span> @@ -86,11 +86,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/album/undefined?highlighted-track-id=123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Track 1 </p> </a> <span> ❯ app/components/items/cards/item-top-card.spec.tsx:13:18
app/components/items/cards/item-top-card.spec.tsx > ItemTopCard > should match snapshot as album: app/components/items/cards/item-top-card.spec.tsx#L19
Error: Snapshot `ItemTopCard > should match snapshot as album 1` mismatched - Expected + Received @@ -30,11 +30,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/undefined" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Album 1 </p> </a> </div> @@ -78,11 +78,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/undefined" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Album 1 </p> </a> </div> ❯ app/components/items/cards/item-top-card.spec.tsx:19:18
app/components/items/cards/item-top-card.spec.tsx > ItemTopCard > should match snapshot as artist: app/components/items/cards/item-top-card.spec.tsx#L25
Error: Snapshot `ItemTopCard > should match snapshot as artist 1` mismatched - Expected + Received @@ -30,11 +30,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Darkthrone </p> </a> </div> @@ -97,11 +97,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/artist/123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Darkthrone </p> </a> </div> ❯ app/components/items/cards/item-top-card.spec.tsx:25:18
app/components/items/cards/item-top-card.spec.tsx > ItemTopCard > should match snapshot as top 2: app/components/items/cards/item-top-card.spec.tsx#L31
Error: Snapshot `ItemTopCard > should match snapshot as top 2 1` mismatched - Expected + Received @@ -30,11 +30,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/album/undefined?highlighted-track-id=123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Track 1 </p> </a> <span> @@ -183,11 +183,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/album/undefined?highlighted-track-id=123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Track 1 </p> </a> <span> ❯ app/components/items/cards/item-top-card.spec.tsx:31:18
app/components/items/cards/item-top-card.spec.tsx > ItemTopCard > should match snapshot as top 3: app/components/items/cards/item-top-card.spec.tsx#L37
Error: Snapshot `ItemTopCard > should match snapshot as top 3 1` mismatched - Expected + Received @@ -30,11 +30,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/album/undefined?highlighted-track-id=123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Track 1 </p> </a> <span> @@ -189,11 +189,11 @@ <a class="items-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none flex justify-start" href="/album/undefined?highlighted-track-id=123" > <p - class="max-w-[270px] truncate sm:max-w-[240px] xl:max-w-[340px] text-2xl" + class="max-w-[350px] truncate sm:max-w-[400px] md:max-w-[240px] xl:max-w-[340px] text-2xl" > Track 1 </p> </a> <span> ❯ app/components/items/cards/item-top-card.spec.tsx:37:18