Error: Snapshot `NavigationBar > should match snapshot as logged out 1` mismatched - Expected + Received @@ -8,12 +8,23 @@ > <header class="z-40 flex px-6 gap-4 w-full flex-row relative flex-nowrap items-center justify-between h-[var(--navbar-height)] max-w-[1024px]" > <div - class="flex basis-0 flex-row flex-grow flex-nowrap justify-start bg-transparent items-center no-underline text-medium whitespace-nowrap box-border font-bold text-primary" + class="basis-0 flex-row flex-grow flex-nowrap justify-start bg-transparent items-center no-underline text-medium whitespace-nowrap box-border flex gap-2 font-bold text-primary" + > + <img + alt="TaskLeafy" + data-nimg="1" + decoding="async" + height="32" + loading="lazy" + src="/_next/image?url=%2Ftask-leafy-icon.png&w=64&q=75" + srcset="/_next/image?url=%2Ftask-leafy-icon.png&w=32&q=75 1x, /_next/image?url=%2Ftask-leafy-icon.png&w=64&q=75 2x" + style="color: transparent;" + width="32" - > + /> TaskLeafy </div> <ul class="flex gap-4 h-full flex-row flex-nowrap items-center data-[justify=start]:justify-start data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=center]:justify-center data-[justify=end]:justify-end data-[justify=end]:flex-grow data-[justify=end]:basis-0" data-justify="end" @@ -42,12 +53,23 @@ > <header class="z-40 flex px-6 gap-4 w-full flex-row relative flex-nowrap items-center justify-between h-[var(--navbar-height)] max-w-[1024px]" > <div - class="flex basis-0 flex-row flex-grow flex-nowrap justify-start bg-transparent items-center no-underline text-medium whitespace-nowrap box-border font-bold text-primary" + class="basis-0 flex-row flex-grow flex-nowrap justify-start bg-transparent items-center no-underline text-medium whitespace-nowrap box-border flex gap-2 font-bold text-primary" > + <img + alt="TaskLeafy" + data-nimg="1" + decoding="async" + height="32" + loading="lazy" + src="/_next/image?url=%2Ftask-leafy-icon.png&w=64&q=75" + srcset="/_next/image?url=%2Ftask-leafy-icon.png&w=32&q=75 1x, /_next/image?url=%2Ftask-leafy-icon.png&w=64&q=75 2x" + style="color: transparent;" + width="32" + /> TaskLeafy </div> <ul class="flex gap-4 h-full flex-row flex-nowrap items-center data-[justify=start]:justify-start data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=center]:justify-center data-[justify=end]:justify-end data-[justify=end]:flex-grow data-[justify=end]:basis-0" data-justify="end" ❯ app/components/navigation-bar.spec.tsx:15:18

Error: Snapshot `NavigationBar > should match snapshot as logged in 1` mismatched - Expected + Received @@ -8,12 +8,23 @@ > <header class="z-40 flex px-6 gap-4 w-full flex-row relative flex-nowrap items-center justify-between h-[var(--navbar-height)] max-w-[1024px]" > <div - class="flex basis-0 flex-row flex-grow flex-nowrap justify-start bg-transparent items-center no-underline text-medium whitespace-nowrap box-border font-bold text-primary" + class="basis-0 flex-row flex-grow flex-nowrap justify-start bg-transparent items-center no-underline text-medium whitespace-nowrap box-border flex gap-2 font-bold text-primary" + > + <img + alt="TaskLeafy" + data-nimg="1" + decoding="async" + height="32" + loading="lazy" + src="/_next/image?url=%2Ftask-leafy-icon.png&w=64&q=75" + srcset="/_next/image?url=%2Ftask-leafy-icon.png&w=32&q=75 1x, /_next/image?url=%2Ftask-leafy-icon.png&w=64&q=75 2x" + style="color: transparent;" + width="32" - > + /> TaskLeafy </div> <ul class="flex gap-4 h-full flex-row flex-nowrap items-center data-[justify=start]:justify-start data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=center]:justify-center data-[justify=end]:justify-end data-[justify=end]:flex-grow data-[justify=end]:basis-0" data-justify="end" @@ -79,12 +90,23 @@ > <header class="z-40 flex px-6 gap-4 w-full flex-row relative flex-nowrap items-center justify-between h-[var(--navbar-height)] max-w-[1024px]" > <div - class="flex basis-0 flex-row flex-grow flex-nowrap justify-start bg-transparent items-center no-underline text-medium whitespace-nowrap box-border font-bold text-primary" + class="basis-0 flex-row flex-grow flex-nowrap justify-start bg-transparent items-center no-underline text-medium whitespace-nowrap box-border flex gap-2 font-bold text-primary" > + <img + alt="TaskLeafy" + data-nimg="1" + decoding="async" + height="32" + loading="lazy" + src="/_next/image?url=%2Ftask-leafy-icon.png&w=64&q=75" + srcset="/_next/image?url=%2Ftask-leafy-icon.png&w=32&q=75 1x, /_next/image?url=%2Ftask-leafy-icon.png&w=64&q=75 2x" + style="color: transparent;" + width="32" + /> TaskLeafy </div> <ul class="flex gap-4 h-full flex-row flex-nowrap items-center data-[justify=start]:justify-start data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=center]:justify-center data-[justify=end]:justify-end data-[justify=end]:flex-grow data-[justify=end]:basis-0" data-justify="end" ❯ app/components/navigation-bar.spec.tsx:28:18

Process completed with exit code 1.

Unexpected input(s) 'DATABASE_URL', valid inputs are ['']