feat: WalletDropdownFundLink
#3304
0xAlecAnnotations
7 errors
|
src/wallet/components/WalletDropdownFundLink.test.tsx > WalletDropdownFundLink > renders correctly with default props:
src/wallet/components/WalletDropdownFundLink.test.tsx#L15
TestingLibraryElementError: Unable to find an element with the text: Deposit Funds. 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>
<div>
<a
class="cursor-pointer bg-ock-default active:bg-ock-default-active hover:bg-ock-default-hover relative flex items-center px-4 py-3"
href="http://keys.coinbase.com/funding?dappName=&dappUrl=http://localhost:3000/"
>
<div
class="-translate-y-1/2 absolute top-1/2 left-4 flex h-4 w-4 items-center justify-center"
>
<svg
aria-label="fund-wallet-svg"
fill="none"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="fill-ock-default-reverse"
d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM1.63962 4.33685C5.1477 6.36224 9.63276 5.16047 11.6582 1.65239C9.63276 5.16047 10.8345 9.64553 14.3413 11.6702C10.8345 9.64553 6.35021 10.846 4.32482 14.3541C6.35021 10.846 5.1477 6.36224 1.63962 4.33685Z"
fill="#0A0B0D"
/>
</svg>
</div>
<span
class="font-sans text-ock-foreground text-base leading-normal pl-6"
>
Fund Wallet
</span>
</a>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/wallet/components/WalletDropdownFundLink.test.tsx:15:19
|
|
src/wallet/components/WalletDropdownFundLink.test.tsx > WalletDropdownFundLink > renders correctly with custom icon element:
src/wallet/components/WalletDropdownFundLink.test.tsx#L25
TestingLibraryElementError: Unable to find an element with the text: Deposit Funds. 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>
<div>
<a
class="cursor-pointer bg-ock-default active:bg-ock-default-active hover:bg-ock-default-hover relative flex items-center px-4 py-3"
href="http://keys.coinbase.com/funding?dappName=&dappUrl=http://localhost:3000/"
>
<div
class="-translate-y-1/2 absolute top-1/2 left-4 flex h-4 w-4 items-center justify-center"
>
<svg
aria-label="custom-icon"
/>
</div>
<span
class="font-sans text-ock-foreground text-base leading-normal pl-6"
>
Fund Wallet
</span>
</a>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/wallet/components/WalletDropdownFundLink.test.tsx:25:19
|
|
src/wallet/components/WalletDropdownFundLink.test.tsx > WalletDropdownFundLink > opens a new window when clicked with type="window":
src/wallet/components/WalletDropdownFundLink.test.tsx#L48
TestingLibraryElementError: Unable to find an element with the text: Deposit Funds. 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>
<div>
<button
class="cursor-pointer bg-ock-default active:bg-ock-default-active hover:bg-ock-default-hover relative flex items-center px-4 py-3"
type="button"
>
<div
class="-translate-y-1/2 absolute top-1/2 left-4 flex h-4 w-4 items-center justify-center"
>
<svg
aria-label="fund-wallet-svg"
fill="none"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="fill-ock-default-reverse"
d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM1.63962 4.33685C5.1477 6.36224 9.63276 5.16047 11.6582 1.65239C9.63276 5.16047 10.8345 9.64553 14.3413 11.6702C10.8345 9.64553 6.35021 10.846 4.32482 14.3541C6.35021 10.846 5.1477 6.36224 1.63962 4.33685Z"
fill="#0A0B0D"
/>
</svg>
</div>
<span
class="font-sans text-ock-foreground text-base leading-normal pl-6"
>
Fund Wallet
</span>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/wallet/components/WalletDropdownFundLink.test.tsx:48:32
|
|
src/wallet/components/WalletDropdownFundLink.test.tsx > WalletDropdownFundLink > opens a new window when clicked with type="window" and windowSize="s":
src/wallet/components/WalletDropdownFundLink.test.tsx#L80
TestingLibraryElementError: Unable to find an element with the text: Deposit Funds. 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>
<div>
<button
class="cursor-pointer bg-ock-default active:bg-ock-default-active hover:bg-ock-default-hover relative flex items-center px-4 py-3"
type="button"
>
<div
class="-translate-y-1/2 absolute top-1/2 left-4 flex h-4 w-4 items-center justify-center"
>
<svg
aria-label="fund-wallet-svg"
fill="none"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="fill-ock-default-reverse"
d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM1.63962 4.33685C5.1477 6.36224 9.63276 5.16047 11.6582 1.65239C9.63276 5.16047 10.8345 9.64553 14.3413 11.6702C10.8345 9.64553 6.35021 10.846 4.32482 14.3541C6.35021 10.846 5.1477 6.36224 1.63962 4.33685Z"
fill="#0A0B0D"
/>
</svg>
</div>
<span
class="font-sans text-ock-foreground text-base leading-normal pl-6"
>
Fund Wallet
</span>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/wallet/components/WalletDropdownFundLink.test.tsx:80:34
|
|
src/wallet/components/WalletDropdownFundLink.test.tsx > WalletDropdownFundLink > opens a new window when clicked with type="window" and windowSize="m":
src/wallet/components/WalletDropdownFundLink.test.tsx#L80
TestingLibraryElementError: Unable to find an element with the text: Deposit Funds. 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>
<div>
<button
class="cursor-pointer bg-ock-default active:bg-ock-default-active hover:bg-ock-default-hover relative flex items-center px-4 py-3"
type="button"
>
<div
class="-translate-y-1/2 absolute top-1/2 left-4 flex h-4 w-4 items-center justify-center"
>
<svg
aria-label="fund-wallet-svg"
fill="none"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="fill-ock-default-reverse"
d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM1.63962 4.33685C5.1477 6.36224 9.63276 5.16047 11.6582 1.65239C9.63276 5.16047 10.8345 9.64553 14.3413 11.6702C10.8345 9.64553 6.35021 10.846 4.32482 14.3541C6.35021 10.846 5.1477 6.36224 1.63962 4.33685Z"
fill="#0A0B0D"
/>
</svg>
</div>
<span
class="font-sans text-ock-foreground text-base leading-normal pl-6"
>
Fund Wallet
</span>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/wallet/components/WalletDropdownFundLink.test.tsx:80:34
|
|
src/wallet/components/WalletDropdownFundLink.test.tsx > WalletDropdownFundLink > opens a new window when clicked with type="window" and windowSize="l":
src/wallet/components/WalletDropdownFundLink.test.tsx#L80
TestingLibraryElementError: Unable to find an element with the text: Deposit Funds. 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>
<div>
<button
class="cursor-pointer bg-ock-default active:bg-ock-default-active hover:bg-ock-default-hover relative flex items-center px-4 py-3"
type="button"
>
<div
class="-translate-y-1/2 absolute top-1/2 left-4 flex h-4 w-4 items-center justify-center"
>
<svg
aria-label="fund-wallet-svg"
fill="none"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="fill-ock-default-reverse"
d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM1.63962 4.33685C5.1477 6.36224 9.63276 5.16047 11.6582 1.65239C9.63276 5.16047 10.8345 9.64553 14.3413 11.6702C10.8345 9.64553 6.35021 10.846 4.32482 14.3541C6.35021 10.846 5.1477 6.36224 1.63962 4.33685Z"
fill="#0A0B0D"
/>
</svg>
</div>
<span
class="font-sans text-ock-foreground text-base leading-normal pl-6"
>
Fund Wallet
</span>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/wallet/components/WalletDropdownFundLink.test.tsx:80:34
|
|
build (18.x)
Process completed with exit code 1.
|