feat: implement network switch #8664
test.yml
on: pull_request
Matrix: application-components
Matrix: application-hooks
Matrix: application
Matrix: domains-contact
Matrix: domains-error
Matrix: domains-exchange
Matrix: domains-message
Matrix: domains-network
Matrix: domains-profile
Matrix: domains-vote
Matrix: domains-wallet
Matrix: router
Matrix: utils
Annotations
62 errors and 2 warnings
src/app/App.test.tsx > App > should enter profile and fail to restore:
src/app/App.test.tsx#L334
AssertionError: expected '/profiles/cba050f1-880f-45f0-9af9-cfe…' to be '/' // Object.is equality
Ignored nodes: comments, script, style
<html
class="js-focus-visible light"
data-js-focus-visible=""
>
<head>
<title>
Error | ARK Vault
</title>
</head>
<body
style="overflow-y: overlay;"
>
<div>
<main
class="light"
data-testid="Main"
>
<div
class="relative flex flex-col sm:min-h-screen pb-14 sm:pb-0"
style="min-height: -webkit-fill-available;"
>
<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"
>
<div
class="relative flex h-14 sm:h-21"
>
<div
class="flex flex-1 px-6 md:px-10"
>
<div
class="my-auto flex items-center"
>
<button
class="my-auto mr-2 flex h-8 w-8 cursor-pointer items-center justify-center rounded bg-theme-primary-600 text-white outline-none focus:outline-none focus:ring-2 focus:ring-theme-primary-400 sm:mr-4 sm:h-11 sm:w-11 sm:rounded-xl"
data-testid="NavigationBarLogo--button"
type="button"
>
<span
class="relative"
>
<svg
fill="none"
height="28"
viewBox="0 0 363 363"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_434_4442)"
>
<path
d="M174.182 352.325a279.256 279.256 0 0 1-25.627-20.536c-8.518-7.525-17.006-15.66-25.229-24.178a470.15 470.15 0 0 1-29.234-33.315 449.417 449.417 0 0 1-57.68-93.623 420.933 420.933 0 0 1-22.044-60.102A416.702 416.702 0 0 1 1.126 51.749c-.512-4.803-.303-10.73 5.9-13.842a393.077 393.077 0 0 1 54.42-19.94 459.697 459.697 0 0 1 52.646-12.195A374.409 374.409 0 0 1 176.15.333h11.6a374.406 374.406 0 0 1 62.057 5.44 459.723 459.723 0 0 1 52.646 12.195 393.328 393.328 0 0 1 54.422 19.939c6.203 3.115 6.41 9.034 5.898 13.842a416.672 416.672 0 0 1-13.242 68.822 421.133 421.133 0 0 1-22.044 60.102 449.395 449.395 0 0 1-57.68 93.623 470 470 0 0 1-29.234 33.315c-8.223 8.518-16.711 16.653-25.229 24.178a279.73 279.73 0 0 1-25.627 20.536 17.811 17.811 0 0 1-15.528 0h-.007zm6.769-230.087c-.412.547-28.363 29.571-48.772 50.764-7.035 7.318-13.229 13.736-17.187 17.853a49.345 49.345 0 0 0-14.37 29.355 42.981 42.981 0 0 0 2.034 17.531 59.295 59.295 0 0 0 10.41 18.547 369.34 369.34 0 0 0 42.811 44.915 223.324 223.324 0 0 0 20.072 16.051 13.364 13.364 0 0 0 12.005 0 223.333 223.333 0 0 0 20.07-16.051 369.191 369.191 0 0 0 42.811-44.915 59.297 59.297 0 0 0 10.411-18.547 42.98 42.98 0 0 0 2.033-17.531 49.34 49.34 0 0 0-14.377-29.358l-14.811-15.385-1.779-1.848c-20.66-21.451-48.955-50.832-49.371-51.383a1.179 1.179 0 0 0-.995-.548 1.184 1.184 0 0 0-.995.548v.002zm1.408-69.483c.136.215.321.505.582.869.391.544 6.257 9.93 14.382 22.92 19.488 31.162 52.102 83.315 60.679 96.014 6.342 9.377 14.353 14.77 21.974 14.772 7.402 0 18.108-5.031 27.079-29.067a332.382 332.382 0 0 0 19.124-81.095c.409-3.84.243-8.568-4.713-11.056a314.32 314.32 0 0 0-43.468-15.926 367.237 367.237 0 0 0-42.052-9.743 299.13 299.13 0 0 0-49.568-4.345h-8.871a299.13 299.13 0 0 0-49.568 4.345 367.225 367.225 0 0 0-42.051 9.743 314.427 314.427 0 0 0-43.469 15.926c-4.951 2.486-5.12 7.213-4.712 11.056a332.313 332.313 0 0 0 19.124 81.095c4.952 13.265 13.67 29.067 27.078 29.067 7.624 0 15.63-5.384 21.974-14.772 8.57-12.687 41.169-64.811 60.643-95.955l.032-.053c8.124-12.993 13.995-22.38 14.384-22.921.259-.364.455-.657.58-.87.209-.327.311-.491.416-.491.105 0 .214.16.421.487zm-55.455 149.533l19.652-20.614h69.159l19.649 20.614h-108.46zm34.197-35
|
application (20.12.2)
Final attempt failed. Child_process exited with error code 1
|
src/domains/message/pages/SignMessage/SignMessage.Encrypted.Mnemonic.test.tsx > SignMessage with encrypted mnemonic > should sign message with encrypted mnemonic:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/message/pages/SignMessage/SignMessage.Encrypted.Secret.test.tsx > SignMessage with encrypted secret > should sign message with encrypted secret:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/message/pages/SignMessage/SignMessage.Ledger.test.tsx > SignMessage with ledger > should display error step if user rejects:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/message/pages/SignMessage/SignMessage.Ledger.test.tsx > SignMessage with ledger > should sign message with a ledger wallet:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/message/pages/SignMessage/SignMessage.test.tsx > SignMessage > Sign with Wallet > should render (xs):
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/message/pages/SignMessage/SignMessage.test.tsx > SignMessage > Sign with Wallet > should render (lg):
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/message/pages/SignMessage/SignMessage.test.tsx > SignMessage > Sign with Wallet > should render for ledger wallets:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/message/pages/SignMessage/SignMessage.test.tsx > SignMessage > Sign with Wallet > should sign message with mnemonic:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/message/pages/SignMessage/SignMessage.test.tsx > SignMessage > Sign with Wallet > should sign message with secret:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/message/pages/SignMessage/SignMessage.test.tsx > SignMessage > Sign with Wallet > should error and go back:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/contact/pages/Contacts/Contacts.test.tsx > Contacts > should render with contacts:
src/domains/contact/pages/Contacts/Contacts.test.tsx#L98
Error: Snapshot `Contacts > should render with contacts 1` mismatched
- Expected
+ Received
@@ -401,10 +401,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/contact/pages/Contacts/Contacts.test.tsx > Contacts > should render compact on md screen:
src/domains/contact/pages/Contacts/Contacts.test.tsx#L110
Error: Snapshot `Contacts > should render compact on md screen 1` mismatched
- Expected
+ Received
@@ -401,10 +401,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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
|
src/domains/contact/pages/Contacts/Contacts.test.tsx > Contacts > should render responsive with contacts:
src/domains/contact/pages/Contacts/Contacts.test.tsx#L120
Error: Snapshot `Contacts > should render responsive with contacts 1` mismatched
- Expected
+ Received
@@ -401,10 +401,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+ <
|
src/domains/contact/pages/Contacts/Contacts.test.tsx > Contacts > should render without contacts:
src/domains/contact/pages/Contacts/Contacts.test.tsx#L152
Error: Snapshot `Contacts > should render without contacts 1` mismatched
- Expected
+ Received
@@ -401,10 +401,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/contact/pages/Contacts/Contacts.test.tsx > Contacts > should close delete contact modal:
src/domains/contact/pages/Contacts/Contacts.test.tsx#L273
TestingLibraryElementError: Unable to find an element by: [data-testid="ContactList"]
Ignored nodes: comments, script, style
<body
style="overflow-y: overlay;"
>
<div>
<div
class="relative flex flex-col sm:min-h-screen pb-14 sm:pb-0"
style="min-height: -webkit-fill-available;"
>
<div
class="fixed bottom-0 left-0 z-10 flex w-full flex-col justify-center bg-white dark:bg-black sm:hidden shadow-footer-smooth dark:shadow-footer-smooth-dark"
data-testid="NavigationBarMobile"
>
<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"
data-testid="NavigationBar__buttons__mobile--receive"
type="button"
>
<div
class="flex items-center space-x-2"
>
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
id="received"
style="height: 100%; width: 100%;"
viewBox="0 0 20 20"
x="0"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
y="0"
>
<g
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
>
<path
d="M8 5V1M12 1v10h3.404c.248 0 .39.281.244.481l-5.41 7.398a.296.296 0 0 1-.476 0l-5.41-7.398A.303.303 0 0 1 4.596 11H8V9"
/>
</g>
</svg>
</div>
</div>
</div>
</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"
data-testid="NavigationBar__buttons__mobile--home"
type="button"
>
<div
class="flex items-center space-x-2"
>
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
fill="none"
style="height: 100%; width: 100%;"
viewBox="0 0 21 20"
x="0"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
y="0"
>
<path
clip-rule="evenodd"
d="M5.35 8.153a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0 10.797a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zM16.147 8.153a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0 10.797a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</div>
</div>
</div>
</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-s
|
src/domains/contact/pages/Contacts/Contacts.test.tsx > Contacts > should cancel delete contact modal:
src/domains/contact/pages/Contacts/Contacts.test.tsx#L273
TestingLibraryElementError: Unable to find an element by: [data-testid="ContactList"]
Ignored nodes: comments, script, style
<body
style="overflow-y: overlay;"
>
<div
aria-live="polite"
aria-relevant="additions text"
id="a11y-status-message"
role="status"
style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
/>
<div>
<div
class="relative flex flex-col sm:min-h-screen pb-14 sm:pb-0"
style="min-height: -webkit-fill-available;"
>
<div
class="fixed bottom-0 left-0 z-10 flex w-full flex-col justify-center bg-white dark:bg-black sm:hidden shadow-footer-smooth dark:shadow-footer-smooth-dark"
data-testid="NavigationBarMobile"
>
<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"
data-testid="NavigationBar__buttons__mobile--receive"
type="button"
>
<div
class="flex items-center space-x-2"
>
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
id="received"
style="height: 100%; width: 100%;"
viewBox="0 0 20 20"
x="0"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
y="0"
>
<g
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
>
<path
d="M8 5V1M12 1v10h3.404c.248 0 .39.281.244.481l-5.41 7.398a.296.296 0 0 1-.476 0l-5.41-7.398A.303.303 0 0 1 4.596 11H8V9"
/>
</g>
</svg>
</div>
</div>
</div>
</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"
data-testid="NavigationBar__buttons__mobile--home"
type="button"
>
<div
class="flex items-center space-x-2"
>
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
fill="none"
style="height: 100%; width: 100%;"
viewBox="0 0 21 20"
x="0"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
y="0"
>
<path
clip-rule="evenodd"
d="M5.35 8.153a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0 10.797a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zM16.147 8.153a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0 10.797a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
|
src/domains/contact/pages/Contacts/Contacts.test.tsx > Contacts > should update contact from update modal:
src/domains/contact/pages/Contacts/Contacts.test.tsx#L312
TestingLibraryElementError: Unable to find an element by: [data-testid="ContactList"]
Ignored nodes: comments, script, style
<body
style="overflow-y: overlay;"
>
<div
aria-live="polite"
aria-relevant="additions text"
id="a11y-status-message"
role="status"
style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
/>
<div>
<div
class="relative flex flex-col sm:min-h-screen pb-14 sm:pb-0"
style="min-height: -webkit-fill-available;"
>
<div
class="fixed bottom-0 left-0 z-10 flex w-full flex-col justify-center bg-white dark:bg-black sm:hidden shadow-footer-smooth dark:shadow-footer-smooth-dark"
data-testid="NavigationBarMobile"
>
<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"
data-testid="NavigationBar__buttons__mobile--receive"
type="button"
>
<div
class="flex items-center space-x-2"
>
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
id="received"
style="height: 100%; width: 100%;"
viewBox="0 0 20 20"
x="0"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
y="0"
>
<g
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
>
<path
d="M8 5V1M12 1v10h3.404c.248 0 .39.281.244.481l-5.41 7.398a.296.296 0 0 1-.476 0l-5.41-7.398A.303.303 0 0 1 4.596 11H8V9"
/>
</g>
</svg>
</div>
</div>
</div>
</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"
data-testid="NavigationBar__buttons__mobile--home"
type="button"
>
<div
class="flex items-center space-x-2"
>
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
fill="none"
style="height: 100%; width: 100%;"
viewBox="0 0 21 20"
x="0"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
y="0"
>
<path
clip-rule="evenodd"
d="M5.35 8.153a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0 10.797a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zM16.147 8.153a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0 10.797a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
|
src/domains/contact/pages/Contacts/Contacts.test.tsx > Contacts > should search for contact by name:
src/domains/contact/pages/Contacts/Contacts.test.tsx#L431
TestingLibraryElementError: Unable to find an element by: [data-testid="ContactListItem__name"]
Ignored nodes: comments, script, style
<body
style="overflow-y: overlay;"
>
<div
aria-live="polite"
aria-relevant="additions text"
id="a11y-status-message"
role="status"
style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
/>
<div>
<div
class="relative flex flex-col sm:min-h-screen pb-14 sm:pb-0"
style="min-height: -webkit-fill-available;"
>
<div
class="fixed bottom-0 left-0 z-10 flex w-full flex-col justify-center bg-white dark:bg-black sm:hidden shadow-footer-smooth dark:shadow-footer-smooth-dark"
data-testid="NavigationBarMobile"
>
<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"
data-testid="NavigationBar__buttons__mobile--receive"
type="button"
>
<div
class="flex items-center space-x-2"
>
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
id="received"
style="height: 100%; width: 100%;"
viewBox="0 0 20 20"
x="0"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
y="0"
>
<g
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
>
<path
d="M8 5V1M12 1v10h3.404c.248 0 .39.281.244.481l-5.41 7.398a.296.296 0 0 1-.476 0l-5.41-7.398A.303.303 0 0 1 4.596 11H8V9"
/>
</g>
</svg>
</div>
</div>
</div>
</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"
data-testid="NavigationBar__buttons__mobile--home"
type="button"
>
<div
class="flex items-center space-x-2"
>
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
fill="none"
style="height: 100%; width: 100%;"
viewBox="0 0 21 20"
x="0"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
y="0"
>
<path
clip-rule="evenodd"
d="M5.35 8.153a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0 10.797a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zM16.147 8.153a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0 10.797a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</sv
|
src/domains/contact/pages/Contacts/Contacts.test.tsx > Contacts > should render with contacts:
src/domains/contact/pages/Contacts/Contacts.test.tsx#L98
Error: Snapshot `Contacts > should render with contacts 1` mismatched
- Expected
+ Received
@@ -401,10 +401,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/contact/pages/Contacts/Contacts.test.tsx > Contacts > should render compact on md screen:
src/domains/contact/pages/Contacts/Contacts.test.tsx#L110
Error: Snapshot `Contacts > should render compact on md screen 1` mismatched
- Expected
+ Received
@@ -401,10 +401,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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
|
src/domains/vote/pages/Votes/Votes.test.tsx > Votes > should render:
src/domains/vote/pages/Votes/Votes.test.tsx#L111
Error: Snapshot `Votes > should render 1` mismatched
- Expected
+ Received
@@ -404,10 +404,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/vote/pages/Votes/Votes.test.tsx > Votes > should render and handle wallet current voting exception:
src/domains/vote/pages/Votes/Votes.test.tsx#L128
Error: Snapshot `Votes > should render and handle wallet current voting exception 1` mismatched
- Expected
+ Received
@@ -404,10 +404,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/vote/pages/Votes/Votes.test.tsx > Votes > should toggle network selection from network filters:
src/domains/vote/pages/Votes/Votes.test.tsx#L167
Error: Snapshot `Votes > should toggle network selection from network filters 1` mismatched
- Expected
+ Received
@@ -401,10 +401,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/vote/pages/Votes/Votes.test.tsx > Votes > should select starred option in the wallets display type:
src/domains/vote/pages/Votes/Votes.test.tsx#L224
Error: Snapshot `Votes > should select starred option in the wallets display type 1` mismatched
- Expected
+ Received
@@ -401,10 +401,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/vote/pages/Votes/Votes.test.tsx > Votes > should select ledger option in the wallets display type:
src/domains/vote/pages/Votes/Votes.test.tsx#L253
Error: Snapshot `Votes > should select ledger option in the wallets display type 1` mismatched
- Expected
+ Received
@@ -401,10 +401,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/vote/pages/Votes/Votes.test.tsx > Votes > should filter current delegates:
src/domains/vote/pages/Votes/Votes.test.tsx#L292
Error: Snapshot `Votes > should filter current delegates 1` mismatched
- Expected
+ Received
@@ -404,10 +404,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/vote/pages/Votes/Votes.test.tsx > Votes > should select a validator:
src/domains/vote/pages/Votes/Votes.test.tsx#L396
Error: Snapshot `Votes > should select a validator 1` mismatched
- Expected
+ Received
@@ -404,10 +404,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/vote/pages/Votes/Votes.test.tsx > Votes > should trigger network connection warning:
src/domains/vote/pages/Votes/Votes.test.tsx#L501
Error: Snapshot `Votes > should trigger network connection warning 1` mismatched
- Expected
+ Received
@@ -404,10 +404,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+ <
|
src/domains/vote/pages/Votes/Votes.test.tsx > Votes > should emit action on continue button to unvote/vote:
src/domains/vote/pages/Votes/Votes.test.tsx#L539
AssertionError: promise rejected "TestingLibraryElementError: Unable to fin…" instead of resolving
❯ src/domains/vote/pages/Votes/Votes.test.tsx:539:54
Caused by: Caused by: TestingLibraryElementError: Unable to find an element by: [data-testid="ValidatorsTable"]
Ignored nodes: comments, script, style
<body
style="overflow-y: overlay;"
>
<div>
<div
class="relative flex flex-col sm:min-h-screen pb-14 sm:pb-0"
style="min-height: -webkit-fill-available;"
>
<div
class="fixed bottom-0 left-0 z-10 flex w-full flex-col justify-center bg-white dark:bg-black sm:hidden shadow-footer-smooth dark:shadow-footer-smooth-dark"
data-testid="NavigationBarMobile"
>
<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"
data-testid="NavigationBar__buttons__mobile--receive"
type="button"
>
<div
class="flex items-center space-x-2"
>
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
id="received"
style="height: 100%; width: 100%;"
viewBox="0 0 20 20"
x="0"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
y="0"
>
<g
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
>
<path
d="M8 5V1M12 1v10h3.404c.248 0 .39.281.244.481l-5.41 7.398a.296.296 0 0 1-.476 0l-5.41-7.398A.303.303 0 0 1 4.596 11H8V9"
/>
</g>
</svg>
</div>
</div>
</div>
</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"
data-testid="NavigationBar__buttons__mobile--home"
type="button"
>
<div
class="flex items-center space-x-2"
>
<div>
<div
style="height: 20px; width: 20px;"
>
<svg
fill="none"
style="height: 100%; width: 100%;"
viewBox="0 0 21 20"
x="0"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
y="0"
>
<path
clip-rule="evenodd"
d="M5.35 8.153a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0 10.797a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zM16.147 8.153a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2zm0 10.797a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2z"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
/>
</svg>
</div>
</div>
</di
|
src/domains/vote/pages/Votes/Votes.test.tsx > Votes > should hide testnet wallets if disabled from profile setting:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
Unhandled error:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
This error originated in "src/domains/exchange/pages/Exchange/Exchange.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should navigate to exchange transaction". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
Unhandled error:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
This error originated in "src/domains/exchange/pages/Exchange/Exchange.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should delete exchange transaction". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
Unhandled error:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
This error originated in "src/domains/exchange/pages/Exchange/Exchange.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should show exchange transaction history". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
Unhandled error:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
This error originated in "src/domains/exchange/pages/Exchange/Exchange.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should update exchange transaction status". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
src/domains/exchange/pages/Exchange/Exchange.test.tsx > Exchange > should prevent from throwing if order status request fails:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/exchange/pages/Exchange/Exchange.test.tsx > Exchange > should render empty:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/exchange/pages/Exchange/Exchange.test.tsx > Exchange > should render with exchanges:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/exchange/pages/Exchange/Exchange.test.tsx > Exchange > should navigate to exchange:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/exchange/pages/Exchange/Exchange.test.tsx > Exchange > should navigate to history tab:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/exchange/pages/Exchange/Exchange.test.tsx > Exchange > should navigate to exchange transaction:
src/domains/exchange/pages/Exchange/Exchange.test.tsx#L265
TestingLibraryElementError: Unable to find an element by: [data-testid="header__title"]
Ignored nodes: comments, script, style
<body>
<div />
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div />
</body>
</html>
❯ Module.waitForWrapper node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ src/domains/exchange/pages/Exchange/Exchange.test.tsx:265:9
|
Unhandled error:
src/domains/wallet/pages/ImportWallet/ImportWallet.tsx#L3027
Error: React act warning detected:
Warning: An update to %s inside a test was not wrapped in act(...).
When testing, code that causes React state updates should be wrapped into act(...):
act(() => {
/* fire events that update state */
});
/* assert on the output */
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act%s ImportWallet
at ImportWallet (/home/runner/work/arkvault/arkvault/src/domains/wallet/pages/ImportWallet/ImportWallet.tsx:3027:67)
at Route (/home/runner/work/arkvault/arkvault/node_modules/.pnpm/[email protected][email protected]/node_modules/react-router/cjs/react-router.js:664:29)
at ProfileSynchronizerWrapper (/home/runner/work/arkvault/arkvault/src/utils/testing-library.tsx:155:41)
at Router (/home/runner/work/arkvault/arkvault/node_modules/.pnpm/[email protected][email protected]/node_modules/react-router/cjs/react-router.js:283:30)
at NavigationProvider (/home/runner/work/arkvault/arkvault/src/app/contexts/Navigation/Navigation.tsx:6:31)
at ConfigurationProvider (/home/runner/work/arkvault/arkvault/src/app/contexts/Configuration/Configuration.tsx:19:34)
at LedgerProvider (/home/runner/work/arkvault/arkvault/src/app/contexts/Ledger/Ledger.tsx:8:27)
at EnvironmentProvider (/home/runner/work/arkvault/arkvault/src/app/contexts/Environment/Environment.tsx:9:32)
at I18nextProvider (/home/runner/work/arkvault/arkvault/node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected]/node_modules/react-i18next/dist/es/I18nextProvider.js:7:5)
at WithProviders (/home/runner/work/arkvault/arkvault/src/utils/testing-library.tsx:74:26)
at RouterWrapper (/home/runner/work/arkvault/arkvault/src/utils/testing-library.tsx:164:28)
❯ ImportWallet src/domains/wallet/pages/ImportWallet/ImportWallet.tsx:3027:67
❯ Route node_modules/.pnpm/[email protected][email protected]/node_modules/react-router/cjs/react-router.js:664:29
❯ ProfileSynchronizerWrapper src/utils/testing-library.tsx:155:41
❯ Router node_modules/.pnpm/[email protected][email protected]/node_modules/react-router/cjs/react-router.js:283:30
❯ NavigationProvider src/app/contexts/Navigation/Navigation.tsx:6:31
❯ ConfigurationProvider src/app/contexts/Configuration/Configuration.tsx:19:34
❯ LedgerProvider src/app/contexts/Ledger/Ledger.tsx:8:27
❯ EnvironmentProvider src/app/contexts/Environment/Environment.tsx:9:32
❯ I18nextProvider node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected]/node_modules/react-i18next/dist/es/I18nextProvider.js:7:5
❯ WithProviders src/utils/testing-library.tsx:74:26
❯ RouterWrapper src/utils/testing-library.tsx:164:28
❯ Console.<anonymous> src/utils/test-plugins.ts:9:11
❯ Console.mockCall node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/spy/dist/index.js:61:17
❯ Console.error node_modules/.pnpm/[email protected]/node_modules/tinyspy/dist/index.js:45:80
❯ printWarning node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:86:30
❯ error node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:60:7
❯ warnIfUpdatesNotWrappedWithActDEV node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27628:9
❯ scheduleUpdateOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25547:5
❯ dispatchSetState node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:16708:7
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-hook-form/src/useForm.ts:168:9
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-hook-form/src/useForm.ts:1031:59
This error originated in "src/domains/wallet/pages/ImportWallet/ImportWallet.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've ca
|
Unhandled error:
src/app/contexts/Ledger/Ledger.tsx#L8
Error: React act warning detected:
Warning: An update to %s inside a test was not wrapped in act(...).
When testing, code that causes React state updates should be wrapped into act(...):
act(() => {
/* fire events that update state */
});
/* assert on the output */
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act%s LedgerProvider
at LedgerProvider (/home/runner/work/arkvault/arkvault/src/app/contexts/Ledger/Ledger.tsx:8:27)
at EnvironmentProvider (/home/runner/work/arkvault/arkvault/src/app/contexts/Environment/Environment.tsx:9:32)
at I18nextProvider (/home/runner/work/arkvault/arkvault/node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected]/node_modules/react-i18next/dist/es/I18nextProvider.js:7:5)
at WithProviders (/home/runner/work/arkvault/arkvault/src/utils/testing-library.tsx:74:26)
at RouterWrapper (/home/runner/work/arkvault/arkvault/src/utils/testing-library.tsx:164:28)
❯ LedgerProvider src/app/contexts/Ledger/Ledger.tsx:8:27
❯ EnvironmentProvider src/app/contexts/Environment/Environment.tsx:9:32
❯ I18nextProvider node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected]/node_modules/react-i18next/dist/es/I18nextProvider.js:7:5
❯ WithProviders src/utils/testing-library.tsx:74:26
❯ RouterWrapper src/utils/testing-library.tsx:164:28
❯ Console.<anonymous> src/utils/test-plugins.ts:9:11
❯ Console.mockCall node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/spy/dist/index.js:61:17
❯ Console.error node_modules/.pnpm/[email protected]/node_modules/tinyspy/dist/index.js:45:80
❯ printWarning node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:86:30
❯ error node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:60:7
❯ warnIfUpdatesNotWrappedWithActDEV node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27628:9
❯ scheduleUpdateOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25547:5
❯ dispatchReducerAction node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:16633:7
❯ src/app/contexts/Ledger/hooks/connection.ts:131:3
❯ src/app/contexts/Ledger/hooks/connection.ts:41:3
This error originated in "src/domains/wallet/pages/ImportWallet/ImportWallet.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should import by address and name". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx > CreateWallet > should create a wallet:
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx#L85
Error: Snapshot `CreateWallet > should create a wallet 1` mismatched
- Expected
+ Received
@@ -406,10 +406,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx > CreateWallet > should skip the network selection step if only one network:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx > CreateWallet > should create a wallet with encryption:
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx#L237
Error: Snapshot `CreateWallet > should create a wallet with encryption 1` mismatched
- Expected
+ Received
@@ -406,10 +406,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx > CreateWallet > should remove pending wallet if not submitted:
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx#L387
Error: Snapshot `CreateWallet > should remove pending wallet if not submitted 1` mismatched
- Expected
+ Received
@@ -406,10 +406,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx > CreateWallet > should show an error message if wallet generation failed:
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx#L446
Error: Snapshot `CreateWallet > should show an error message if wallet generation failed 1` mismatched
- Expected
+ Received
@@ -406,10 +406,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx > CreateWallet > should show an error message for duplicate name:
src/domains/wallet/pages/CreateWallet/CreateWallet.test.tsx#L477
Error: Snapshot `CreateWallet > should show an error message for duplicate name 1` mismatched
- Expected
+ Received
@@ -404,10 +404,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+
|
src/domains/wallet/pages/ImportWallet/ImportWallet.test.tsx > ImportWallet > should skip network step if only one network:
src/utils/assertions.ts#L39
AssertionError: Expected 'network' to be Networks.Network, but received undefined
❯ new AssertionError node_modules/.pnpm/[email protected]/node_modules/assert/build/internal/assert/assertion_error.js:417:13
❯ Module.assertNetwork src/utils/assertions.ts:39:9
❯ Module.useActiveNetwork src/app/hooks/use-active-network.ts:40:2
❯ SelectNetwork src/app/components/NavigationBar/components/SelectNetwork/SelectNetwork.tsx:8:46
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
src/domains/wallet/pages/ImportWallet/ImportWallet.test.tsx > ImportWallet > should render as ledger import:
src/domains/wallet/pages/ImportWallet/ImportWallet.test.tsx#L351
Error: Snapshot `ImportWallet > should render as ledger import 1` mismatched
- Expected
+ Received
@@ -404,10 +404,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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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
|
src/app/components/NavigationBar/NavigationBar.test.tsx > NavigationBar > should render full variant when profile restored is true:
src/app/components/NavigationBar/NavigationBar.test.tsx#L84
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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+ </div>
+ <div
|
src/app/components/NavigationBar/NavigationBar.test.tsx > NavigationBar > should render full variant when profile restored is false:
src/app/components/NavigationBar/NavigationBar.test.tsx#L84
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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <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 9852"
+ >
+ <path
+ d="M3 3.36257V1.81641H11.1236V3.36257H7.97656V11.9982H6.14702V3.36257H3Z"
+ fill="currentColor"
+ id="T"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Testnet
+ </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>
+ </div>
+ <div
|
src/app/components/NavigationBar/NavigationBar.test.tsx > NavigationBar > should render with shadow if there is a scroll:
src/app/components/NavigationBar/NavigationBar.test.tsx#L102
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-warning-300 bg-theme-warning-50 p-[3px] text-theme-warning-600 dark:border-theme-danger-info-border dark:bg-transparent dark:text-theme-danger-info-text"
+ >
+ <div>
+ <div
+ style="height: 14px; width: 14px;"
+ >
+ <svg
+ fill="none"
+ height="14"
+ style="height: 10
|
src/app/components/NavigationBar/NavigationBar.test.tsx > NavigationBar > should render with title if variant is logo-only:
src/app/components/NavigationBar/NavigationBar.test.tsx#L114
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
|
src/app/components/NavigationBar/NavigationBar.test.tsx > NavigationBar > should not render with title if variant is full:
src/app/components/NavigationBar/NavigationBar.test.tsx#L124
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
|
src/app/components/NavigationBar/NavigationBar.test.tsx > NavigationBar > should render with custom menu:
src/app/components/NavigationBar/NavigationBar.test.tsx#L131
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
+
|
src/app/components/NavigationBar/NavigationBar.test.tsx > NavigationBar > should render in small screen variant:
src/app/components/NavigationBar/NavigationBar.test.tsx#L141
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
+
|
src/app/components/NavigationBar/NavigationBar.test.tsx > NavigationBar > should render in xs:
src/app/components/NavigationBar/NavigationBar.test.tsx#L156
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
|
src/app/components/NavigationBar/NavigationBar.test.tsx > NavigationBar > should render in sm:
src/app/components/NavigationBar/NavigationBar.test.tsx#L156
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
|
src/app/components/NavigationBar/NavigationBar.test.tsx > NavigationBar > should render in md:
src/app/components/NavigationBar/NavigationBar.test.tsx#L156
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
|
domains-contact (20.12.2)
Attempt 1 failed. Reason: Child_process exited with error code 1
|
application-components (20.12.2)
Attempt 1 failed. Reason: Child_process exited with error code 1
|