feat: implement network switch #8715
Annotations
6 errors
Test:
src/domains/message/pages/SignMessage/SignMessage.test.tsx#L151
TestingLibraryElementError: Unable to find an element with the text: Provide a message below and sign with your mnemonic passphrase.. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body
style="overflow-y: overlay;"
>
<div>
<div
class="relative flex flex-col sm:min-h-screen pb-32 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"
data-testid="NavigationBarMobile"
>
<div
class="border-t border-theme-secondary-300 dark:border-theme-secondary-900"
data-testid="NavigationBar__buttons-separator"
/>
<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"
|
Test:
src/domains/message/pages/SignMessage/SignMessage.test.tsx#L212
Error: Snapshot `SignMessage > Sign with Wallet > should render (xs) 1` mismatched
- Expected
+ Received
@@ -13,13 +13,12 @@
/>
<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 disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500"
+ 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"
- disabled=""
type="button"
>
<div
class="flex items-center space-x-2"
>
@@ -91,13 +90,12 @@
</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 disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500"
+ 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--send"
- disabled=""
type="button"
>
<div
class="flex items-center space-x-2"
>
@@ -416,13 +414,12 @@
<div>
<div
class="custom-button-nav-wrapper"
>
<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 disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 text-theme-secondary-700 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
+ 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 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
data-testid="NavigationBar__buttons--receive"
- disabled=""
type="button"
>
<div
class="flex items-center space-x-2"
>
@@ -469,13 +466,12 @@
<div>
<div
class="custom-button-nav-wrapper"
>
<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 di
|
Test:
src/domains/message/pages/SignMessage/SignMessage.test.tsx#L212
Error: Snapshot `SignMessage > Sign with Wallet > should render (lg) 1` mismatched
- Expected
+ Received
@@ -13,13 +13,12 @@
/>
<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 disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500"
+ 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"
- disabled=""
type="button"
>
<div
class="flex items-center space-x-2"
>
@@ -91,13 +90,12 @@
</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 disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 cursor-not-allowed text-theme-secondary-500"
+ 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--send"
- disabled=""
type="button"
>
<div
class="flex items-center space-x-2"
>
@@ -416,13 +414,12 @@
<div>
<div
class="custom-button-nav-wrapper"
>
<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 disabled:text-theme-secondary-400 dark:disabled:text-theme-secondary-700 text-theme-secondary-700 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
+ 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 hover:text-theme-primary-700 dark:text-theme-dark-200 dark:hover:text-theme-dark-50"
data-testid="NavigationBar__buttons--receive"
- disabled=""
type="button"
>
<div
class="flex items-center space-x-2"
>
@@ -469,13 +466,12 @@
<div>
<div
class="custom-button-nav-wrapper"
>
<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 di
|
Test:
src/domains/message/pages/VerifyMessage/VerifyMessage.test.tsx#L97
Error: Snapshot `VerifyMessage > should render (xs) 1` mismatched
- Expected
+ Received
@@ -508,10 +508,99 @@
</div>
<div
class="h-6 border-r border-theme-secondary-300 dark:border-theme-dark-700 sm:h-12"
/>
<div
+ class="hidden sm:block"
+ >
+ <div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="dialog"
+ data-testid="dropdown__toggle"
+ >
+ <div
+ class="group"
+ >
+ <button
+ class="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 p-1 text-theme-secondary-700 group-hover:bg-theme-secondary-200 dark:text-theme-secondary-600 dark:group-hover:bg-theme-dark-700"
+ 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 text-theme-secondary-700 group-hover:text-theme-secondary-900 dark:text-theme-dark-200 dark:group-hover:text-theme-dark-50"
+ >
+ Testnet
+ </span>
+ <div
+ class="text-theme-secondary-700 transition-transform group-hover:text-theme-secondary-900 dark:text-theme-dark-200 dark:group-hover:text-theme-dark-50"
+ 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"
+
|
Test:
src/domains/message/pages/VerifyMessage/VerifyMessage.test.tsx#L97
Error: Snapshot `VerifyMessage > should render (lg) 1` mismatched
- Expected
+ Received
@@ -508,10 +508,99 @@
</div>
<div
class="h-6 border-r border-theme-secondary-300 dark:border-theme-dark-700 sm:h-12"
/>
<div
+ class="hidden sm:block"
+ >
+ <div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="dialog"
+ data-testid="dropdown__toggle"
+ >
+ <div
+ class="group"
+ >
+ <button
+ class="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 p-1 text-theme-secondary-700 group-hover:bg-theme-secondary-200 dark:text-theme-secondary-600 dark:group-hover:bg-theme-dark-700"
+ 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 text-theme-secondary-700 group-hover:text-theme-secondary-900 dark:text-theme-dark-200 dark:group-hover:text-theme-dark-50"
+ >
+ Testnet
+ </span>
+ <div
+ class="text-theme-secondary-700 transition-transform group-hover:text-theme-secondary-900 dark:text-theme-dark-200 dark:group-hover:text-theme-dark-50"
+ 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"
+
|
Test
Final attempt failed. Child_process exited with error code 1
|
Loading