Error: Snapshot `Settings index page > should render the settings index page 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ "<div id="test-wrapper"> <div class="relative"> - <div class="relative px-4 py-6 sm:py-20 animate-fade-in opacity-100 transition-opacity delay-200 duration-300"> + <div class="relative px-4 pb-20 pt-6 sm:pt-20 animate-fade-in opacity-100 transition-opacity delay-200 duration-300"> <div class="mx-auto w-full sm:w-[440px]"> <h1 class="heading-inter-21-semi-bold pb-4">Settings</h1><!-- Add Missing Assets --> <!--v-if--> <!-- Application data provider (graph/rpc) --> <section class="group w-full cursor-pointer select-none border border-b-0 border-neutral-90 bg-neutral-100 p-4 transition first-of-type:rounded-t-12 last-of-type:rounded-b-12 last-of-type:border-b"> ❯ pages/settings/__tests__/index.spec.ts:11:30

Error: Snapshot `GridFloatingMenu > should render when user is connected 1` mismatched - Expected + Received @@ -1,7 +1,7 @@ "<div id="test-wrapper"> - <div class="fixed right-4 z-50 flex animate-fade-in gap-6 overflow-hidden rounded-full bg-neutral-100 p-3 shadow-neutral-drop-shadow duration-300 ease-in-out sm:bottom-10 sm:right-10 sm:flex-col sm:transition-height lg:right-[calc(50%-540px)] size-[64px]" style="bottom: 40px; transition: bottom 0.3s ease-in-out;"> + <div class="fixed z-50 flex animate-fade-in gap-6 overflow-hidden rounded-full bg-neutral-100 p-3 shadow-neutral-drop-shadow duration-300 ease-in-out sm:bottom-10 sm:right-10 sm:flex-col sm:transition lg:right-[calc(50%-540px)] right-4 size-[64px]" style="bottom: 40px; transition: all 0.3s ease-in-out;"> <!--v-if--> <!-- Edit mode toggle --> <lukso-tooltip class="flex size-10 items-center justify-center rounded-full transition-all duration-300 bg-neutral-97 cursor-pointer hover:scale-105 hover:bg-neutral-95" text="Enable edit mode" placement="left" offset="15" show-delay="1000"> <lukso-icon name="edit" color="purple-41"></lukso-icon> </lukso-tooltip> ❯ domains/grid/components/__tests__/GridFloatingMenu.spec.ts:35:30

Error: Snapshot `GridFloatingMenu > should render when edit mode is enabled 1` mismatched - Expected + Received @@ -1,7 +1,7 @@ "<div id="test-wrapper"> - <div class="fixed right-4 z-50 flex animate-fade-in gap-6 overflow-hidden rounded-full bg-neutral-100 p-3 shadow-neutral-drop-shadow duration-300 ease-in-out sm:bottom-10 sm:right-10 sm:flex-col sm:transition-height lg:right-[calc(50%-540px)] h-[64px] w-[320px] sm:h-[320px] sm:w-[64px]" style="bottom: 40px; transition: bottom 0.3s ease-in-out;"> + <div class="fixed z-50 flex animate-fade-in gap-6 overflow-hidden rounded-full bg-neutral-100 p-3 shadow-neutral-drop-shadow duration-300 ease-in-out sm:bottom-10 sm:right-10 sm:flex-col sm:transition lg:right-[calc(50%-540px)] right-[calc(50%-160px)] h-[64px] w-[320px] sm:h-[320px] sm:w-[64px]" style="bottom: 40px; transition: all 0.3s ease-in-out;"> <div class="flex animate-fade-in gap-6 sm:flex-col"> <!-- Add widget --> <lukso-tooltip class="flex size-10 items-center justify-center rounded-full transition-all duration-300 bg-neutral-97 cursor-pointer hover:scale-105 hover:bg-neutral-95" text="Add widget" placement="left" offset="15" show-delay="1000"> <lukso-icon name="plus" color="purple-41"></lukso-icon> </lukso-tooltip><!-- Add grid --> ❯ domains/grid/components/__tests__/GridFloatingMenu.spec.ts:50:30

Error: Snapshot `GridFloatingMenu > should render when has unsaved changes 1` mismatched - Expected + Received @@ -1,7 +1,7 @@ "<div id="test-wrapper"> - <div class="fixed right-4 z-50 flex animate-fade-in gap-6 overflow-hidden rounded-full bg-neutral-100 p-3 shadow-neutral-drop-shadow duration-300 ease-in-out sm:bottom-10 sm:right-10 sm:flex-col sm:transition-height lg:right-[calc(50%-540px)] h-[64px] w-[320px] sm:h-[320px] sm:w-[64px]" style="bottom: 40px; transition: bottom 0.3s ease-in-out;"> + <div class="fixed z-50 flex animate-fade-in gap-6 overflow-hidden rounded-full bg-neutral-100 p-3 shadow-neutral-drop-shadow duration-300 ease-in-out sm:bottom-10 sm:right-10 sm:flex-col sm:transition lg:right-[calc(50%-540px)] right-[calc(50%-160px)] h-[64px] w-[320px] sm:h-[320px] sm:w-[64px]" style="bottom: 40px; transition: all 0.3s ease-in-out;"> <div class="flex animate-fade-in gap-6 sm:flex-col"> <!-- Add widget --> <lukso-tooltip class="flex size-10 items-center justify-center rounded-full transition-all duration-300 bg-neutral-97 cursor-pointer hover:scale-105 hover:bg-neutral-95" text="Add widget" placement="left" offset="15" show-delay="1000"> <lukso-icon name="plus" color="purple-41"></lukso-icon> </lukso-tooltip><!-- Add grid --> ❯ domains/grid/components/__tests__/GridFloatingMenu.spec.ts:65:30

Error: Snapshot `Settings data-provider page > should render with centralized setting 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ "<div id="test-wrapper"> <div class="relative"> - <div class="relative px-4 py-6 sm:py-20 animate-fade-in opacity-100 transition-opacity delay-200 duration-300"> + <div class="relative px-4 pb-20 pt-6 sm:pt-20 animate-fade-in opacity-100 transition-opacity delay-200 duration-300"> <div class="mx-auto w-full sm:w-[440px]"> <h1 class="heading-inter-17-semi-bold group mb-8 flex cursor-pointer items-center gap-1 border-b border-b-neutral-90 pb-6"> <lukso-icon name="arrow-left-lg" class="transition group-hover:-translate-x-1"></lukso-icon> Data loading mode </h1><!-- Enable GraphQL data provider --> <section class="group w-full select-none border border-b-0 border-neutral-90 bg-neutral-100 p-4 transition first-of-type:rounded-t-12 last-of-type:rounded-b-12 last-of-type:border-b"> ❯ pages/settings/data-provider/__tests__/index.spec.ts:16:30

Error: Snapshot `Settings data-provider page > should render with decentralized setting 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ "<div id="test-wrapper"> <div class="relative"> - <div class="relative px-4 py-6 sm:py-20 animate-fade-in opacity-100 transition-opacity delay-200 duration-300"> + <div class="relative px-4 pb-20 pt-6 sm:pt-20 animate-fade-in opacity-100 transition-opacity delay-200 duration-300"> <div class="mx-auto w-full sm:w-[440px]"> <h1 class="heading-inter-17-semi-bold group mb-8 flex cursor-pointer items-center gap-1 border-b border-b-neutral-90 pb-6"> <lukso-icon name="arrow-left-lg" class="transition group-hover:-translate-x-1"></lukso-icon> Data loading mode </h1><!-- Enable GraphQL data provider --> <section class="group w-full select-none border border-b-0 border-neutral-90 bg-neutral-100 p-4 transition first-of-type:rounded-t-12 last-of-type:rounded-b-12 last-of-type:border-b cursor-pointer"> ❯ pages/settings/data-provider/__tests__/index.spec.ts:30:30

Error: Snapshot `Settings data-provider page > can change setting 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ "<div id="test-wrapper"> <div class="relative"> - <div class="relative px-4 py-6 sm:py-20 animate-fade-in opacity-100 transition-opacity delay-200 duration-300"> + <div class="relative px-4 pb-20 pt-6 sm:pt-20 animate-fade-in opacity-100 transition-opacity delay-200 duration-300"> <div class="mx-auto w-full sm:w-[440px]"> <h1 class="heading-inter-17-semi-bold group mb-8 flex cursor-pointer items-center gap-1 border-b border-b-neutral-90 pb-6"> <lukso-icon name="arrow-left-lg" class="transition group-hover:-translate-x-1"></lukso-icon> Data loading mode </h1><!-- Enable GraphQL data provider --> <section class="group w-full select-none border border-b-0 border-neutral-90 bg-neutral-100 p-4 transition first-of-type:rounded-t-12 last-of-type:rounded-b-12 last-of-type:border-b"> ❯ pages/settings/data-provider/__tests__/index.spec.ts:38:30

Process completed with exit code 1.