feat: implement network switch #8649
Annotations
10 errors and 1 warning
|
Test (pages):
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-primary-300 bg-theme-primary-50 p-[3px] text-theme-primary-600 dark:border-theme-primary-500 dark:bg-theme-dark-900"
+ >
+ <div>
+ <div
+ style="height: 14px; width: 14px;"
+ >
+ <svg
+ fill="none"
+ height="14"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 14 14"
+ width="14"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <g
+ id="Frame 9851"
+ >
+ <path
+ d="M2 2H4.2571L7.27983 9.37784H7.39915L10.4219 2H12.679V12.1818H10.9091V5.18679H10.8146L8.00071 12.152H6.67827L3.86435 5.17188H3.76989V12.1818H2V2Z"
+ fill="currentColor"
+ id="M"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Mainnet
+ </span>
+ <div
+ class="transition-transform"
+ role="img"
+ >
+ <div
+ style="height: 10px; width: 10px;"
+ >
+ <svg
+ id="chevron-down-small"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 10 10"
+ x="0"
+ xml:space="preserve"
+ xmlns="http://www.w3.org/2000/svg"
+ y="0"
+ >
+ <path
+ d="M9 3.1L5.2 6.9c-.1.1-.3.1-.4 0L1 3.1"
+ fill="none"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ </svg>
+ </div
|
|
Test (pages):
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-primary-300 bg-theme-primary-50 p-[3px] text-theme-primary-600 dark:border-theme-primary-500 dark:bg-theme-dark-900"
+ >
+ <div>
+ <div
+ style="height: 14px; width: 14px;"
+ >
+ <svg
+ fill="none"
+ height="14"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 14 14"
+ width="14"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <g
+ id="Frame 9851"
+ >
+ <path
+ d="M2 2H4.2571L7.27983 9.37784H7.39915L10.4219 2H12.679V12.1818H10.9091V5.18679H10.8146L8.00071 12.152H6.67827L3.86435 5.17188H3.76989V12.1818H2V2Z"
+ fill="currentColor"
+ id="M"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Mainnet
+ </span>
+ <div
+ class="transition-transform"
+ role="img"
+ >
+ <div
+ style="height: 10px; width: 10px;"
+ >
+ <svg
+ id="chevron-down-small"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 10 10"
+ x="0"
+ xml:space="preserve"
+ xmlns="http://www.w3.org/2000/svg"
+ y="0"
+ >
+ <path
+ d="M9 3.1L5.2 6.9c-.1.1-.3.1-.4 0L1 3.1"
+ fill="none"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ </svg>
+
|
|
Test (pages):
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-primary-300 bg-theme-primary-50 p-[3px] text-theme-primary-600 dark:border-theme-primary-500 dark:bg-theme-dark-900"
+ >
+ <div>
+ <div
+ style="height: 14px; width: 14px;"
+ >
+ <svg
+ fill="none"
+ height="14"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 14 14"
+ width="14"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <g
+ id="Frame 9851"
+ >
+ <path
+ d="M2 2H4.2571L7.27983 9.37784H7.39915L10.4219 2H12.679V12.1818H10.9091V5.18679H10.8146L8.00071 12.152H6.67827L3.86435 5.17188H3.76989V12.1818H2V2Z"
+ fill="currentColor"
+ id="M"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Mainnet
+ </span>
+ <div
+ class="transition-transform"
+ role="img"
+ >
+ <div
+ style="height: 10px; width: 10px;"
+ >
+ <svg
+ id="chevron-down-small"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 10 10"
+ x="0"
+ xml:space="preserve"
+ xmlns="http://www.w3.org/2000/svg"
+ y="0"
+ >
+ <path
+ d="M9 3.1L5.2 6.9c-.1.1-.3.1-.4 0L1 3.1"
+ fill="none"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ </svg>
+
|
|
Test (pages):
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-primary-300 bg-theme-primary-50 p-[3px] text-theme-primary-600 dark:border-theme-primary-500 dark:bg-theme-dark-900"
+ >
+ <div>
+ <div
+ style="height: 14px; width: 14px;"
+ >
+ <svg
+ fill="none"
+ height="14"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 14 14"
+ width="14"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <g
+ id="Frame 9851"
+ >
+ <path
+ d="M2 2H4.2571L7.27983 9.37784H7.39915L10.4219 2H12.679V12.1818H10.9091V5.18679H10.8146L8.00071 12.152H6.67827L3.86435 5.17188H3.76989V12.1818H2V2Z"
+ fill="currentColor"
+ id="M"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Mainnet
+ </span>
+ <div
+ class="transition-transform"
+ role="img"
+ >
+ <div
+ style="height: 10px; width: 10px;"
+ >
+ <svg
+ id="chevron-down-small"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 10 10"
+ x="0"
+ xml:space="preserve"
+ xmlns="http://www.w3.org/2000/svg"
+ y="0"
+ >
+ <path
+ d="M9 3.1L5.2 6.9c-.1.1-.3.1-.4 0L1 3.1"
+ fill="none"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ </svg>
+ </
|
|
Test (pages):
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
|
|
Test (pages):
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>
|
|
Test (pages):
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>
|
|
Test (pages):
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
|
|
Test (pages):
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-primary-300 bg-theme-primary-50 p-[3px] text-theme-primary-600 dark:border-theme-primary-500 dark:bg-theme-dark-900"
+ >
+ <div>
+ <div
+ style="height: 14px; width: 14px;"
+ >
+ <svg
+ fill="none"
+ height="14"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 14 14"
+ width="14"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <g
+ id="Frame 9851"
+ >
+ <path
+ d="M2 2H4.2571L7.27983 9.37784H7.39915L10.4219 2H12.679V12.1818H10.9091V5.18679H10.8146L8.00071 12.152H6.67827L3.86435 5.17188H3.76989V12.1818H2V2Z"
+ fill="currentColor"
+ id="M"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Mainnet
+ </span>
+ <div
+ class="transition-transform"
+ role="img"
+ >
+ <div
+ style="height: 10px; width: 10px;"
+ >
+ <svg
+ id="chevron-down-small"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 10 10"
+ x="0"
+ xml:space="preserve"
+ xmlns="http://www.w3.org/2000/svg"
+ y="0"
+ >
+ <path
+ d="M9 3.1L5.2 6.9c-.1.1-.3.1-.4 0L1 3.1"
+ fill="none"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ </svg>
+ </div
|
|
Test (pages):
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-primary-300 bg-theme-primary-50 p-[3px] text-theme-primary-600 dark:border-theme-primary-500 dark:bg-theme-dark-900"
+ >
+ <div>
+ <div
+ style="height: 14px; width: 14px;"
+ >
+ <svg
+ fill="none"
+ height="14"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 14 14"
+ width="14"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <g
+ id="Frame 9851"
+ >
+ <path
+ d="M2 2H4.2571L7.27983 9.37784H7.39915L10.4219 2H12.679V12.1818H10.9091V5.18679H10.8146L8.00071 12.152H6.67827L3.86435 5.17188H3.76989V12.1818H2V2Z"
+ fill="currentColor"
+ id="M"
+ />
+ </g>
+ </svg>
+ </div>
+ </div>
+ </span>
+ <span
+ class="text-sm"
+ >
+ Mainnet
+ </span>
+ <div
+ class="transition-transform"
+ role="img"
+ >
+ <div
+ style="height: 10px; width: 10px;"
+ >
+ <svg
+ id="chevron-down-small"
+ style="height: 100%; width: 100%;"
+ viewBox="0 0 10 10"
+ x="0"
+ xml:space="preserve"
+ xmlns="http://www.w3.org/2000/svg"
+ y="0"
+ >
+ <path
+ d="M9 3.1L5.2 6.9c-.1.1-.3.1-.4 0L1 3.1"
+ fill="none"
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ />
+ </svg>
+
|
|
Test (pages)
Attempt 1 failed. Reason: Child_process exited with error code 1
|
Loading