639 improve reports page #2004
MnigosAnnotations
10 errors
|
app/profile/sections/top-genres-section.spec.tsx > TopGenresSection > should match snapshot:
app/profile/sections/top-genres-section.spec.tsx#L11
Error: Snapshot `TopGenresSection > should match snapshot 1` mismatched
- Expected
+ Received
@@ -20,15 +20,15 @@
<div
class="flex flex-row flex-wrap gap-2"
>
<div>
<button
- class="cursor-default"
+ class="w-full cursor-default"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="block whitespace-nowrap p-2 text-primary-foreground/80"
>
Atmospheric Black Metal
@@ -36,15 +36,15 @@
</div>
</button>
</div>
<div>
<button
- class="cursor-default"
+ class="w-full cursor-default"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="block whitespace-nowrap p-2 text-primary-foreground/80"
>
Black Metal
@@ -52,15 +52,15 @@
</div>
</button>
</div>
<div>
<button
- class="cursor-default"
+ class="w-full cursor-default"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="block whitespace-nowrap p-2 text-primary-foreground/80"
>
Metal
@@ -95,15 +95,15 @@
<div
class="flex flex-row flex-wrap gap-2"
>
<div>
<button
- class="cursor-default"
+ class="w-full cursor-default"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="block whitespace-nowrap p-2 text-primary-foreground/80"
>
Atmospheric Black Metal
@@ -111,15 +111,15 @@
</div>
</button>
</div>
<div>
<button
- class="cursor-default"
+ class="w-full cursor-default"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="block whitespace-nowrap p-2 text-primary-foreground/80"
>
Black Metal
@@ -127,15 +127,15 @@
</div>
</button>
</div>
<div>
<button
- class="cursor-default"
+ class="w-full cursor-default"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="block whitespace-nowrap p-2 text-primary-foreground/80"
>
Metal
❯ app/profile/sections/top-genres-section.spec.tsx:11:18
|
|
app/components/items/genre/genre-chip.spec.tsx > GenreChip > should match snapshot:
app/components/items/genre/genre-chip.spec.tsx#L10
Error: Snapshot `GenreChip > should match snapshot 1` mismatched
- Expected
+ Received
@@ -1,15 +1,15 @@
{
"asFragment": [Function],
"baseElement": <body>
<div>
<button
- class="cursor-default"
+ class="w-full cursor-default"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="block whitespace-nowrap p-2 text-primary-foreground/80"
>
Black Metal
@@ -18,15 +18,15 @@
</button>
</div>
</body>,
"container": <div>
<button
- class="cursor-default"
+ class="w-full cursor-default"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="block whitespace-nowrap p-2 text-primary-foreground/80"
>
Black Metal
❯ app/components/items/genre/genre-chip.spec.tsx:10:18
|
|
app/components/items/genre/genre-chip.spec.tsx > GenreChip > should match snapshot with custom className:
app/components/items/genre/genre-chip.spec.tsx#L18
Error: Snapshot `GenreChip > should match snapshot with custom className 1` mismatched
- Expected
+ Received
@@ -1,15 +1,15 @@
{
"asFragment": [Function],
"baseElement": <body>
<div>
<button
- class="cursor-default"
+ class="w-full cursor-default"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-neutral-800"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-neutral-800"
>
<div
class="block whitespace-nowrap p-2 text-primary-foreground/80"
>
Black Metal
@@ -18,15 +18,15 @@
</button>
</div>
</body>,
"container": <div>
<button
- class="cursor-default"
+ class="w-full cursor-default"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-neutral-800"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-neutral-800"
>
<div
class="block whitespace-nowrap p-2 text-primary-foreground/80"
>
Black Metal
❯ app/components/items/genre/genre-chip.spec.tsx:18:18
|
|
app/components/items/genre/genre-chip.spec.tsx > GenreChip > should match snapshot with plays:
app/components/items/genre/genre-chip.spec.tsx#L26
Error: Snapshot `GenreChip > should match snapshot with plays 1` mismatched
- Expected
+ Received
@@ -1,15 +1,15 @@
{
"asFragment": [Function],
"baseElement": <body>
<div>
<button
- class="cursor-pointer"
+ class="w-full cursor-pointer"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="absolute -left-[8px] -z-10 h-full -skew-x-12 bg-neutral-700 transition-all duration-700 ease-in-out"
style="width: calc(0% + 10px);"
/>
@@ -22,15 +22,15 @@
</button>
</div>
</body>,
"container": <div>
<button
- class="cursor-pointer"
+ class="w-full cursor-pointer"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="absolute -left-[8px] -z-10 h-full -skew-x-12 bg-neutral-700 transition-all duration-700 ease-in-out"
style="width: calc(0% + 10px);"
/>
❯ app/components/items/genre/genre-chip.spec.tsx:26:18
|
|
app/components/items/genre/genre-chip.spec.tsx > GenreChip > should match snapshot with playTime:
app/components/items/genre/genre-chip.spec.tsx#L38
Error: Snapshot `GenreChip > should match snapshot with playTime 1` mismatched
- Expected
+ Received
@@ -1,15 +1,15 @@
{
"asFragment": [Function],
"baseElement": <body>
<div>
<button
- class="cursor-pointer"
+ class="w-full cursor-pointer"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="absolute -left-[8px] -z-10 h-full -skew-x-12 bg-neutral-700 transition-all duration-700 ease-in-out"
style="width: calc(0% + 10px);"
/>
@@ -22,15 +22,15 @@
</button>
</div>
</body>,
"container": <div>
<button
- class="cursor-pointer"
+ class="w-full cursor-pointer"
data-state="closed"
>
<div
- class="relative -z-10 w-max overflow-hidden rounded-xl bg-primary"
+ class="relative -z-10 w-full overflow-hidden rounded-xl bg-primary"
>
<div
class="absolute -left-[8px] -z-10 h-full -skew-x-12 bg-neutral-700 transition-all duration-700 ease-in-out"
style="width: calc(0% + 10px);"
/>
❯ app/components/items/genre/genre-chip.spec.tsx:38:18
|
|
app/profile/components/profile/profile-card.spec.tsx > ProfileCard > should match snapshot:
app/profile/components/profile/profile-card.spec.tsx#L35
Error: Snapshot `ProfileCard > should match snapshot 1` mismatched
- Expected
+ Received
@@ -4,11 +4,11 @@
<div>
<div
class="min-w-[75%]"
>
<div
- class="flex flex-col justify-between gap-6 md:flex-row md:items-center"
+ class="flex flex-col justify-between gap-6 lg:flex-row lg:items-center"
>
<div
class="flex flex-wrap items-center justify-start gap-4 px-2"
>
<span>
@@ -119,11 +119,11 @@
"container": <div>
<div
class="min-w-[75%]"
>
<div
- class="flex flex-col justify-between gap-6 md:flex-row md:items-center"
+ class="flex flex-col justify-between gap-6 lg:flex-row lg:items-center"
>
<div
class="flex flex-wrap items-center justify-start gap-4 px-2"
>
<span>
❯ app/profile/components/profile/profile-card.spec.tsx:35:18
|
|
app/profile/[id]/reports/components/cards/stat-card.spec.tsx > StatCard > should match snapshot:
app/profile/[id]/reports/components/cards/stat-card.spec.tsx#L9
Error: Snapshot `StatCard > should match snapshot 1` mismatched
- Expected
+ Received
@@ -11,15 +11,15 @@
label
</p>
<div
class=""
>
- <p
+ <span
class="text-2xl"
>
100
- </p>
+ </span>
</div>
</div>
</div>
</body>,
"container": <div>
@@ -32,15 +32,15 @@
label
</p>
<div
class=""
>
- <p
+ <span
class="text-2xl"
>
100
- </p>
+ </span>
</div>
</div>
</div>,
"debug": [Function],
"findAllByAltText": [Function],
❯ app/profile/[id]/reports/components/cards/stat-card.spec.tsx:9:18
|
|
app/profile/[id]/reports/components/cards/stat-card.spec.tsx > StatCard > should match snapshot with valueSize lg:
app/profile/[id]/reports/components/cards/stat-card.spec.tsx#L19
Error: Snapshot `StatCard > should match snapshot with valueSize lg 1` mismatched
- Expected
+ Received
@@ -11,15 +11,15 @@
label
</p>
<div
class=""
>
- <p
+ <span
class="text-3xl"
>
100
- </p>
+ </span>
</div>
</div>
</div>
</body>,
"container": <div>
@@ -32,15 +32,15 @@
label
</p>
<div
class=""
>
- <p
+ <span
class="text-3xl"
>
100
- </p>
+ </span>
</div>
</div>
</div>,
"debug": [Function],
"findAllByAltText": [Function],
❯ app/profile/[id]/reports/components/cards/stat-card.spec.tsx:19:18
|
|
app/profile/[id]/reports/components/cards/stat-card.spec.tsx > StatCard > should match snapshot with valueSize xl:
app/profile/[id]/reports/components/cards/stat-card.spec.tsx#L29
Error: Snapshot `StatCard > should match snapshot with valueSize xl 1` mismatched
- Expected
+ Received
@@ -11,15 +11,15 @@
label
</p>
<div
class=""
>
- <p
+ <span
class="text-6xl"
>
100
- </p>
+ </span>
</div>
</div>
</div>
</body>,
"container": <div>
@@ -32,15 +32,15 @@
label
</p>
<div
class=""
>
- <p
+ <span
class="text-6xl"
>
100
- </p>
+ </span>
</div>
</div>
</div>,
"debug": [Function],
"findAllByAltText": [Function],
❯ app/profile/[id]/reports/components/cards/stat-card.spec.tsx:29:18
|
|
app/profile/[id]/reports/components/cards/stat-card.spec.tsx > StatCard > should match snapshot with vs last week percent:
app/profile/[id]/reports/components/cards/stat-card.spec.tsx#L39
Error: Snapshot `StatCard > should match snapshot with vs last week percent 1` mismatched
- Expected
+ Received
@@ -11,16 +11,16 @@
label
</p>
<div
class=""
>
- <p
+ <span
class="text-6xl"
>
100
- </p>
+ </span>
- <p
+ <span
class="flex items-center gap-1 text-muted-foreground"
>
<svg
fill="none"
height="1em"
@@ -39,11 +39,11 @@
d="M12 2V22"
/>
</svg>
100
% vs last week
- </p>
+ </span>
</div>
</div>
</div>
</body>,
"container": <div>
@@ -56,16 +56,16 @@
label
</p>
<div
class=""
>
- <p
+ <span
class="text-6xl"
>
100
- </p>
+ </span>
- <p
+ <span
class="flex items-center gap-1 text-muted-foreground"
>
<svg
fill="none"
height="1em"
@@ -84,11 +84,11 @@
d="M12 2V22"
/>
</svg>
100
% vs last week
- </p>
+ </span>
</div>
</div>
</div>,
"debug": [Function],
"findAllByAltText": [Function],
❯ app/profile/[id]/reports/components/cards/stat-card.spec.tsx:39:18
|