Error: Snapshot `NavigationBar > should render full variant when profile restored is true 1` mismatched - Expected + Received @@ -372,10 +372,95 @@ </button> </div> </div> </div> <div + class="hidden md:flex" + > + <div + class="h-8 border-r border-theme-secondary-300 dark:border-theme-secondary-800" + /> + <div> + <div + aria-expanded="false" + aria-haspopup="dialog" + data-testid="dropdown__toggle" + > + <button + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none w-auto text-theme-secondary-900 hover:bg-theme-primary-100 hover:text-theme-primary-600 dark:text-theme-secondary-600 dark:hover:bg-theme-secondary-800" + data-testid="NavigationBar__buttons--network" + type="button" + > + <div + class="flex items-center space-x-2" + > + <span + class="rounded-sm border-2 border-theme-primary-300 bg-theme-primary-50 p-[3px] text-theme-primary-600 dark:border-theme-primary-500 dark:bg-theme-dark-900" + > + <div> + <div + style="height: 14px; width: 14px;" + > + <svg + fill="none" + height="14" + style="height: 100%; width: 100%;" + viewBox="0 0 14 14" + width="14" + xmlns="http://www.w3.org/2000/svg" + > + <g + id="Frame 9851" + > + <path + d="M2 2H4.2571L7.27983 9.37784H7.39915L10.4219 2H12.679V12.1818H10.9091V5.18679H10.8146L8.00071 12.152H6.67827L3.86435 5.17188H3.76989V12.1818H2V2Z" + fill="currentColor" + id="M" + /> + </g> + </svg> + </div> + </div> + </span> + <span + class="text-sm" + > + Mainnet + </span> + <div + class="transition-transform" + role="img" + > + <div + style="height: 10px; width: 10px;" + > + <svg + id="chevron-down-small" + style="height: 100%; width: 100%;" + viewBox="0 0 10 10" + x="0" + xml:space="preserve" + xmlns="http://www.w3.org/2000/svg" + y="0" + > + <path + d="M9 3.1L5.2 6.9c-.1.1-.3.1-.4 0L1 3.1" + fill="none" + stroke="currentColor" + stroke-linecap="round" + stroke-linejoin="round" + stroke-width="2" + /> + </svg> + </div> + </div> + </div> + </button> + </div> + </div> +

Error: Snapshot `NavigationBar > should render full variant when profile restored is false 1` mismatched - Expected + Received @@ -374,10 +374,95 @@ </button> </div> </div> </div> <div + class="hidden md:flex" + > + <div + class="h-8 border-r border-theme-secondary-300 dark:border-theme-secondary-800" + /> + <div> + <div + aria-expanded="false" + aria-haspopup="dialog" + data-testid="dropdown__toggle" + > + <button + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none w-auto text-theme-secondary-900 hover:bg-theme-primary-100 hover:text-theme-primary-600 dark:text-theme-secondary-600 dark:hover:bg-theme-secondary-800" + data-testid="NavigationBar__buttons--network" + type="button" + > + <div + class="flex items-center space-x-2" + > + <span + class="rounded-sm border-2 border-theme-primary-300 bg-theme-primary-50 p-[3px] text-theme-primary-600 dark:border-theme-primary-500 dark:bg-theme-dark-900" + > + <div> + <div + style="height: 14px; width: 14px;" + > + <svg + fill="none" + height="14" + style="height: 100%; width: 100%;" + viewBox="0 0 14 14" + width="14" + xmlns="http://www.w3.org/2000/svg" + > + <g + id="Frame 9851" + > + <path + d="M2 2H4.2571L7.27983 9.37784H7.39915L10.4219 2H12.679V12.1818H10.9091V5.18679H10.8146L8.00071 12.152H6.67827L3.86435 5.17188H3.76989V12.1818H2V2Z" + fill="currentColor" + id="M" + /> + </g> + </svg> + </div> + </div> + </span> + <span + class="text-sm" + > + Mainnet + </span> + <div + class="transition-transform" + role="img" + > + <div + style="height: 10px; width: 10px;" + > + <svg + id="chevron-down-small" + style="height: 100%; width: 100%;" + viewBox="0 0 10 10" + x="0" + xml:space="preserve" + xmlns="http://www.w3.org/2000/svg" + y="0" + > + <path + d="M9 3.1L5.2 6.9c-.1.1-.3.1-.4 0L1 3.1" + fill="none" + stroke="currentColor" + stroke-linecap="round" + stroke-linejoin="round" + stroke-width="2" + /> + </svg> + </div> + </div> + </div> + </button> + </div> + </div> +

Error: Snapshot `NavigationBar > should render with shadow if there is a scroll 1` mismatched - Expected + Received @@ -5,12 +5,13 @@ > <div class="flex h-14 items-center justify-center space-x-4" > <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--receive" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -82,12 +83,13 @@ </button> <div class="h-5 relative mx-2 inline-block border-l border-t-0 border-solid align-middle border-theme-secondary-300 dark:border-theme-secondary-800" /> <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--send" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -372,10 +374,95 @@ </button> </div> </div> </div> <div + class="hidden md:flex" + > + <div + class="h-8 border-r border-theme-secondary-300 dark:border-theme-secondary-800" + /> + <div> + <div + aria-expanded="false" + aria-haspopup="dialog" + data-testid="dropdown__toggle" + > + <button + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none w-auto text-theme-secondary-900 hover:bg-theme-primary-100 hover:text-theme-primary-600 dark:text-theme-secondary-600 dark:hover:bg-theme-secondary-800" + data-testid="NavigationBar__buttons--network" + type="button" + > + <div + class="flex items-center space-x-2" + > + <span + class="rounded-sm border-2 border-theme-primary-300 bg-theme-primary-50 p-[3px] text-theme-primary-600 dark:border-theme-primary-500 dark:bg-theme-dark-900" + > + <div> + <div + style="height: 14px; width: 14px;" + > + <svg + fill="none" + height="14" + style="height: 100%; width: 100%;" +

Error: Snapshot `NavigationBar > should render with title if variant is logo-only 1` mismatched - Expected + Received @@ -1,9 +1,9 @@ <DocumentFragment> <nav aria-labelledby="main menu" - class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b border-theme-background bg-theme-background transition-all duration-200" + class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b border-theme-background bg-theme-background transition-all duration-200 shadow-header-smooth dark:shadow-header-smooth-dark" > <div class="relative flex h-14 sm:h-21" > <div ❯ src/app/components/NavigationBar/NavigationBar.test.tsx:114:24

Error: Snapshot `NavigationBar > should not render with title if variant is full 1` mismatched - Expected + Received @@ -5,12 +5,13 @@ > <div class="flex h-14 items-center justify-center space-x-4" > <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--receive" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -82,12 +83,13 @@ </button> <div class="h-5 relative mx-2 inline-block border-l border-t-0 border-solid align-middle border-theme-secondary-300 dark:border-theme-secondary-800" /> <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--send" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -119,11 +121,11 @@ </button> </div> </div> <nav aria-labelledby="main menu" - class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b bg-theme-background transition-all duration-200 border-theme-secondary-300 dark:border-theme-secondary-800" + class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b border-theme-background bg-theme-background transition-all duration-200 shadow-header-smooth dark:shadow-header-smooth-dark" > <div class="relative flex h-14 sm:h-21" > <div @@ -372,10 +374,95 @@ </button> </div> </div> </div> <div + class="hidden md:flex" + > + <div + class="h-8 border-r border-theme-secondary-300 dark:border-theme-secondary-800" + /> + <div> + <div + aria-expanded="false" + aria-haspopup="dialog" + data-testid="dropdown__toggle" + > + <button + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none w-auto text-theme-secondary-900 hover:bg-theme-primary-100 hover:text-theme-primary-600 dark:text-theme-secondary-600 dark:hover:bg-theme-secondary-800" + data-testid="NavigationBar__buttons--network" + type="button" + > + <div + class="flex items-center space-x-2" + > + <spa

Error: Snapshot `NavigationBar > should render with custom menu 1` mismatched - Expected + Received @@ -5,12 +5,13 @@ > <div class="flex h-14 items-center justify-center space-x-4" > <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--receive" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -82,12 +83,13 @@ </button> <div class="h-5 relative mx-2 inline-block border-l border-t-0 border-solid align-middle border-theme-secondary-300 dark:border-theme-secondary-800" /> <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--send" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -119,11 +121,11 @@ </button> </div> </div> <nav aria-labelledby="main menu" - class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b bg-theme-background transition-all duration-200 border-theme-secondary-300 dark:border-theme-secondary-800" + class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b border-theme-background bg-theme-background transition-all duration-200 shadow-header-smooth dark:shadow-header-smooth-dark" > <div class="relative flex h-14 sm:h-21" > <div @@ -372,10 +374,95 @@ </button> </div> </div> </div> <div + class="hidden md:flex" + > + <div + class="h-8 border-r border-theme-secondary-300 dark:border-theme-secondary-800" + /> + <div> + <div + aria-expanded="false" + aria-haspopup="dialog" + data-testid="dropdown__toggle" + > + <button + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none w-auto text-theme-secondary-900 hover:bg-theme-primary-100 hover:text-theme-primary-600 dark:text-theme-secondary-600 dark:hover:bg-theme-secondary-800" + data-testid="NavigationBar__buttons--network" + type="button" + > + <div + class="flex items-center space-x-2" + > + <span +

Error: Snapshot `NavigationBar > should render in small screen variant 1` mismatched - Expected + Received @@ -5,12 +5,13 @@ > <div class="flex h-14 items-center justify-center space-x-4" > <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--receive" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -82,12 +83,13 @@ </button> <div class="h-5 relative mx-2 inline-block border-l border-t-0 border-solid align-middle border-theme-secondary-300 dark:border-theme-secondary-800" /> <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--send" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -119,11 +121,11 @@ </button> </div> </div> <nav aria-labelledby="main menu" - class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b bg-theme-background transition-all duration-200 border-theme-secondary-300 dark:border-theme-secondary-800" + class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b border-theme-background bg-theme-background transition-all duration-200 shadow-header-smooth dark:shadow-header-smooth-dark" > <div class="relative flex h-14 sm:h-21" > <div @@ -372,10 +374,95 @@ </button> </div> </div> </div> <div + class="hidden md:flex" + > + <div + class="h-8 border-r border-theme-secondary-300 dark:border-theme-secondary-800" + /> + <div> + <div + aria-expanded="false" + aria-haspopup="dialog" + data-testid="dropdown__toggle" + > + <button + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none w-auto text-theme-secondary-900 hover:bg-theme-primary-100 hover:text-theme-primary-600 dark:text-theme-secondary-600 dark:hover:bg-theme-secondary-800" + data-testid="NavigationBar__buttons--network" + type="button" + > + <div + class="flex items-center space-x-2" + > + <span +

Error: Snapshot `NavigationBar > should render in xs 1` mismatched - Expected + Received @@ -5,12 +5,13 @@ > <div class="flex h-14 items-center justify-center space-x-4" > <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--receive" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -82,12 +83,13 @@ </button> <div class="h-5 relative mx-2 inline-block border-l border-t-0 border-solid align-middle border-theme-secondary-300 dark:border-theme-secondary-800" /> <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--send" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -119,11 +121,11 @@ </button> </div> </div> <nav aria-labelledby="main menu" - class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b bg-theme-background transition-all duration-200 border-theme-secondary-300 dark:border-theme-secondary-800" + class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b border-theme-background bg-theme-background transition-all duration-200 shadow-header-smooth dark:shadow-header-smooth-dark" > <div class="relative flex h-14 sm:h-21" > <div @@ -372,10 +374,95 @@ </button> </div> </div> </div> <div + class="hidden md:flex" + > + <div + class="h-8 border-r border-theme-secondary-300 dark:border-theme-secondary-800" + /> + <div> + <div + aria-expanded="false" + aria-haspopup="dialog" + data-testid="dropdown__toggle" + > + <button + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none w-auto text-theme-secondary-900 hover:bg-theme-primary-100 hover:text-theme-primary-600 dark:text-theme-secondary-600 dark:hover:bg-theme-secondary-800" + data-testid="NavigationBar__buttons--network" + type="button" + > + <div + class="flex items-center space-x-2" + > + <span + cl

Error: Snapshot `NavigationBar > should render in sm 1` mismatched - Expected + Received @@ -5,12 +5,13 @@ > <div class="flex h-14 items-center justify-center space-x-4" > <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--receive" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -82,12 +83,13 @@ </button> <div class="h-5 relative mx-2 inline-block border-l border-t-0 border-solid align-middle border-theme-secondary-300 dark:border-theme-secondary-800" /> <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--send" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -119,11 +121,11 @@ </button> </div> </div> <nav aria-labelledby="main menu" - class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b bg-theme-background transition-all duration-200 border-theme-secondary-300 dark:border-theme-secondary-800" + class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b border-theme-background bg-theme-background transition-all duration-200 shadow-header-smooth dark:shadow-header-smooth-dark" > <div class="relative flex h-14 sm:h-21" > <div @@ -372,10 +374,95 @@ </button> </div> </div> </div> <div + class="hidden md:flex" + > + <div + class="h-8 border-r border-theme-secondary-300 dark:border-theme-secondary-800" + /> + <div> + <div + aria-expanded="false" + aria-haspopup="dialog" + data-testid="dropdown__toggle" + > + <button + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none w-auto text-theme-secondary-900 hover:bg-theme-primary-100 hover:text-theme-primary-600 dark:text-theme-secondary-600 dark:hover:bg-theme-secondary-800" + data-testid="NavigationBar__buttons--network" + type="button" + > + <div + class="flex items-center space-x-2" + > + <span + cl

Error: Snapshot `NavigationBar > should render in md 1` mismatched - Expected + Received @@ -5,12 +5,13 @@ > <div class="flex h-14 items-center justify-center space-x-4" > <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--receive" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -82,12 +83,13 @@ </button> <div class="h-5 relative mx-2 inline-block border-l border-t-0 border-solid align-middle border-theme-secondary-300 dark:border-theme-secondary-800" /> <button - class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none text-theme-secondary-700 dark:text-theme-secondary-600" + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500" data-testid="NavigationBar__buttons__mobile--send" + disabled="" type="button" > <div class="flex items-center space-x-2" > @@ -119,11 +121,11 @@ </button> </div> </div> <nav aria-labelledby="main menu" - class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b bg-theme-background transition-all duration-200 border-theme-secondary-300 dark:border-theme-secondary-800" + class="custom-nav-wrapper sticky inset-x-0 top-0 z-40 border-b border-theme-background bg-theme-background transition-all duration-200 shadow-header-smooth dark:shadow-header-smooth-dark" > <div class="relative flex h-14 sm:h-21" > <div @@ -372,10 +374,95 @@ </button> </div> </div> </div> <div + class="hidden md:flex" + > + <div + class="h-8 border-r border-theme-secondary-300 dark:border-theme-secondary-800" + /> + <div> + <div + aria-expanded="false" + aria-haspopup="dialog" + data-testid="dropdown__toggle" + > + <button + class="p-3 relative items-center inline-flex justify-center font-semibold leading-tight text-center transition-colors-shadow duration-100 ease-linear outline-none rounded focus:outline-none focus:ring-2 focus:ring-theme-primary-400 disabled:cursor-not-allowed border-none w-auto text-theme-secondary-900 hover:bg-theme-primary-100 hover:text-theme-primary-600 dark:text-theme-secondary-600 dark:hover:bg-theme-secondary-800" + data-testid="NavigationBar__buttons--network" + type="button" + > + <div + class="flex items-center space-x-2" + > + <span + cl