Process completed with exit code 1.

Error: Snapshot `Sidenav Component > Notification > should match snapshot with notification 1` mismatched - Expected + Received @@ -48,11 +48,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="inbox" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -65,11 +65,11 @@ > Inbox </p> </div> <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-100 delay-0" + class="flex rounded-full px-2 py-1 bg-gray-10 text-gray-60 opacity-100 delay-0" > <p class="text-xs font-medium" > 5 @@ -80,11 +80,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="sent" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -96,21 +96,18 @@ class="font-medium whitespace-nowrap overflow-hidden transition-all duration-300 opacity-100 delay-0" > Sent </p> </div> - <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-0 invisible delay-300" - /> </div> </button> <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="drafts" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -123,11 +120,11 @@ > Drafts </p> </div> <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-100 delay-0" + class="flex rounded-full px-2 py-1 bg-gray-10 text-gray-60 opacity-100 delay-0" > <p class="text-xs font-medium" > 2 @@ -138,11 +135,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="labels" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -154,13 +151,10 @@ class="font-medium whitespace-nowrap overflow-hidden transition-all duration-300 opacity-100 delay-0" > Labels </p> </div> - <div - class="flex rounded-full px-2 py-1 transition-all duration-300 b

Error: Snapshot `Sidenav Component > should match snapshot with primary action 1` mismatched - Expected + Received @@ -54,11 +54,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="inbox" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -71,11 +71,11 @@ > Inbox </p> </div> <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-100 delay-0" + class="flex rounded-full px-2 py-1 bg-gray-10 text-gray-60 opacity-100 delay-0" > <p class="text-xs font-medium" > 5 @@ -86,11 +86,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="sent" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -102,21 +102,18 @@ class="font-medium whitespace-nowrap overflow-hidden transition-all duration-300 opacity-100 delay-0" > Sent </p> </div> - <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-0 invisible delay-300" - /> </div> </button> <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="drafts" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -129,11 +126,11 @@ > Drafts </p> </div> <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-100 delay-0" + class="flex rounded-full px-2 py-1 bg-gray-10 text-gray-60 opacity-100 delay-0" > <p class="text-xs font-medium" > 2 @@ -144,11 +141,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="labels" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -160,13 +157,10 @@ class="font-medium whitespace-nowrap overflow-hidden transition-all duration-300 opacity-100 delay-0" > Labels </p> </div> - <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 t

Error: Snapshot `Sidenav Component > should match snapshot with storage 1` mismatched - Expected + Received @@ -48,11 +48,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="inbox" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -65,11 +65,11 @@ > Inbox </p> </div> <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-100 delay-0" + class="flex rounded-full px-2 py-1 bg-gray-10 text-gray-60 opacity-100 delay-0" > <p class="text-xs font-medium" > 5 @@ -80,11 +80,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="sent" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -96,21 +96,18 @@ class="font-medium whitespace-nowrap overflow-hidden transition-all duration-300 opacity-100 delay-0" > Sent </p> </div> - <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-0 invisible delay-300" - /> </div> </button> <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="drafts" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -123,11 +120,11 @@ > Drafts </p> </div> <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-100 delay-0" + class="flex rounded-full px-2 py-1 bg-gray-10 text-gray-60 opacity-100 delay-0" > <p class="text-xs font-medium" > 2 @@ -138,11 +135,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="labels" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -154,13 +151,10 @@ class="font-medium whitespace-nowrap overflow-hidden transition-all duration-300 opacity-100 delay-0" > Labels </p> </div> - <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-

Error: Snapshot `Sidenav Component > should match snapshot when collapsed 1` mismatched - Expected + Received @@ -75,11 +75,11 @@ class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="inbox" title="Inbox" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -92,11 +92,11 @@ > Inbox </p> </div> <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-0 invisible delay-300" + class="flex rounded-full px-2 py-1 bg-gray-10 text-gray-60 opacity-0 invisible delay-300" > <p class="text-xs font-medium" > 5 @@ -108,11 +108,11 @@ class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="sent" title="Sent" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -124,22 +124,19 @@ class="font-medium whitespace-nowrap overflow-hidden transition-all duration-300 opacity-0 delay-200" > Sent </p> </div> - <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-0 invisible delay-300" - /> </div> </button> <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="drafts" title="Drafts" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -152,11 +149,11 @@ > Drafts </p> </div> <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-0 invisible delay-300" + class="flex rounded-full px-2 py-1 bg-gray-10 text-gray-60 opacity-0 invisible delay-300" > <p class="text-xs font-medium" > 2 @@ -168,11 +165,11 @@ class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="labels" title="Labels" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -184,13 +181,10 @@ class="font-medium whitespace-nowrap overflow-hidden transition-all duration-300 opacity-0 delay-200" > Labels </p> </div> - <div -

Error: Snapshot `Sidenav Component > should match snapshot 1` mismatched - Expected + Received @@ -48,11 +48,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="inbox" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -65,11 +65,11 @@ > Inbox </p> </div> <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-100 delay-0" + class="flex rounded-full px-2 py-1 bg-gray-10 text-gray-60 opacity-100 delay-0" > <p class="text-xs font-medium" > 5 @@ -80,11 +80,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="sent" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -96,21 +96,18 @@ class="font-medium whitespace-nowrap overflow-hidden transition-all duration-300 opacity-100 delay-0" > Sent </p> </div> - <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-0 invisible delay-300" - /> </div> </button> <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="drafts" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -123,11 +120,11 @@ > Drafts </p> </div> <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-100 delay-0" + class="flex rounded-full px-2 py-1 bg-gray-10 text-gray-60 opacity-100 delay-0" > <p class="text-xs font-medium" > 2 @@ -138,11 +135,11 @@ <button class="flex w-full flex-col overflow-hidden focus-visible:bg-gray-10 rounded-lg hover:bg-gray-5 " data-cy="labels" > <div - class="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]" + class="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9" > <div class="flex flex-row gap-3 items-center text-gray-80" > <svg @@ -154,13 +151,10 @@ class="font-medium whitespace-nowrap overflow-hidden transition-all duration-300 opacity-100 delay-0" > Labels </p> </div> - <div - class="flex rounded-full px-2 py-1 transition-all duration-300 bg-gray-10 text-gray-60 opacity-0