I felt the token view could use some UI treatment to improve readability and information organization.
This diff is mainly moving things around a bit, and some css tweaks. The biggest change is passing the token info as a prop
to the order book instead of doing the half render of the order book with noIcon prop
Details
- Reviewers
- None
- Group Reviewers
Restricted Project
npm run start and visit a token page /#/token/tokenid
review the new design and let me know any feedback
Diff Detail
- Repository
- rABC Bitcoin ABC
- Branch
- cashtab-token-view-ui
- Lint
Lint Passed - Unit
No Test Coverage - Build Status
Buildable 32196 Build 63882: Build Diff cashtab-tests Build 63881: arc lint + arc unit
Event Timeline
Tail of the build log:
> ecash-lib@1.3.0 build > tsc && tsc -p ./tsconfig.build.json && cp -r ./src/ffi ./dist /work/modules/ecash-agora /work/abc-ci-builds/cashtab-tests added 364 packages, and audited 367 packages in 2s 60 packages are looking for funding run `npm fund` for details 2 vulnerabilities (1 moderate, 1 high) To address all issues, run: npm audit fix Run `npm audit` for details. > ecash-agora@0.3.1 build > tsc && tsc -p ./tsconfig.build.json /work/cashtab /work/abc-ci-builds/cashtab-tests npm warn deprecated @humanwhocodes/config-array@0.11.14: Use @eslint/config-array instead npm warn deprecated @humanwhocodes/object-schema@2.0.3: Use @eslint/object-schema instead npm warn deprecated eslint@8.56.0: This version is no longer supported. Please see https://eslint.org/version-support for other options. added 1494 packages, and audited 3315 packages in 25s 320 packages are looking for funding run `npm fund` for details 8 vulnerabilities (6 moderate, 2 high) To address issues that do not require attention, run: npm audit fix To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details. > cashtab@3.12.10 build > node scripts/build.js Creating an optimized production build... Treating warnings as errors because process.env.CI = true. Most CI servers set it automatically. Failed to compile. [eslint] src/components/Etokens/Token/index.tsx Line 15:8: 'BalanceHeaderToken' is defined but never used @typescript-eslint/no-unused-vars Line 101:5: 'TokenStatsCol' is defined but never used @typescript-eslint/no-unused-vars Line 102:5: 'TokenUrlCol' is defined but never used @typescript-eslint/no-unused-vars Line 104:5: 'TokenStatsLabel' is defined but never used @typescript-eslint/no-unused-vars Build cashtab-tests failed with exit code 1
Failed tests logs:
====== CashTab Unit Tests: <Token /> For an uncached token with no balance, we show a spinner while loading the token info, then show an info screen and open agora offers ====== TestingLibraryElementError: Unable to find an element with the title: Loading. Ignored nodes: comments, script, style <body> <div> <div class="sc-cpHetk ccpwQN" > <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div class="sc-nrwXf kkCgsE" > <div class="sc-eitiEO hlgRsv" > <div class="sc-fKGOjr eVhOzi" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <div class="sc-dTLGrV eyzGzO" > <div class="sc-ekulBa txcVO" > <select class="sc-ciodno iZElNe" data-testid="wallet-select" id="wallets" name="wallets" > <option class="sc-gGCbJM czBmUI" value="Transaction Fixtures" > Transaction Fixtures </option> </select> <div class="sc-dznXNo goxNXI" > <button aria-label="Copy ecash:qqa9lv3kjd8vq7952p7rq0f6lkpqvlu0cydvxtd70g" class="sc-cJSrbW kZNvLw" > <svg title="copy-paste" /> </button> <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN bSWkUh" > <input checked="" class="sc-gFaPwZ iPJMNd" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="show-hide-balance" > <span class="sc-dymIpo hGwQkt" data-off="" data-on="" /> <span class="sc-bnXvFD cpOMDW" /> </label> </div> </div> </div> </div> <div class="sc-ivVeuv jMcQLK" title="Wallet Info" > <div class="sc-lcpuFF iwylFH" > <div class="sc-bqjOQT eIckbB" title="Balance XEC" > 9,513.12 XEC </div> </div> <div class="sc-jkCMRl eEMgHn" title="Balance in Local Currency" > $ 0.29 USD </div> <p class="sc-crNyjn bPhBeL" title="Price in Local Currency" > 1 XEC = 0.00003000 USD </p> </div> </div> <div class="sc-iBmynh hifmQw" > <div class="sc-ebFjAB bGOpGm" > <div class="sc-bbmXgH fbVlNd" > You do not hold this token. </div> </div> </div> </div> <div class="sc-bhlBdH jLDPda" > <div class="sc-chAAoq dIVlQU" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <button class="sc-kVrTmx cnIgFl" > <span> Transactions </span> <svg /> </button> <button aria-label="Send Screen" class="sc-kVrTmx cnIgFl" > <span> Send </span> <svg title="tx-sent" /> </button> <button aria-label="Tokens" class="sc-kVrTmx cnIgFl" > <span> Tokens </span> <svg title="Tokens" /> </button> <button aria-label="Receive" class="sc-kVrTmx cnIgFl" > <span> Receive </span> <svg title="tx-received" /> </button> <div class="sc-AnqlK hYVfil" title="Show Other Screens" > <span class="sc-keFjpB fGGmHw" /> <div class="sc-jWojfa cRDIjW" title="Other Screens" > <button class="sc-ekkqgF bKZsvW" > <p> Wallet Backup </p> <svg title="wallet" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Wallets </p> <svg title="wallets" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Listed NFTs </p> <svg title="NFT" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Agora </p> <svg title="Meme Agora" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Contacts </p> <svg title="Contact List" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Airdrop </p> <svg title="tx-airdrop" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Rewards </p> <svg title="Cashtab Rewards" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Sign & Verify </p> <svg class="sc-htpNat bPFBeM" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Settings </p> <svg title="settings" /> </button> </div> </div> </div> </div> </div> </div> </body> at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38 at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17 at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19 at Object.getByTitle (/work/cashtab/src/components/Etokens/__tests__/Token.test.js:824:23) ====== CashTab Unit Tests: <Token /> available actions rendered We can list an SLP1 fungible token ====== TestingLibraryElementError: Unable to find an element with the alt text: icon for 20a0b9337a78603c6681ed2bc541593375535dcd9979196620ce71f233f2f6f8 Ignored nodes: comments, script, style <body> <div> <div class="sc-cpHetk ccpwQN" > <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div class="sc-nrwXf kkCgsE" > <div class="sc-eitiEO hlgRsv" > <div class="sc-fKGOjr eVhOzi" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <div class="sc-dTLGrV eyzGzO" > <div class="sc-ekulBa txcVO" > <select class="sc-ciodno qexjf" data-testid="wallet-select" id="wallets" name="wallets" > <option class="sc-gGCbJM czBmUI" value="Token Test" > Token Test </option> </select> <div class="sc-dznXNo goxNXI" > <button aria-label="Copy ecash:qqq9f9z3uhpzkxrgdjkd7dxuuey7tmpmugpmnw0kue" class="sc-cJSrbW kZNvLw" > <svg title="copy-paste" /> </button> <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN bSWkUh" > <input checked="" class="sc-gFaPwZ iPJMNd" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="show-hide-balance" > <span class="sc-dymIpo hGwQkt" data-off="" data-on="" /> <span class="sc-bnXvFD cpOMDW" /> </label> </div> </div> </div> </div> <div class="sc-ivVeuv jMcQLK" title="Wallet Info" > <div class="sc-lcpuFF iwylFH" > <div class="sc-bqjOQT eIckbB" title="Balance XEC" > 9,970.81 XEC </div> </div> <div class="sc-jkCMRl eEMgHn" title="Balance in Local Currency" > $ 0.30 USD </div> <p class="sc-crNyjn bPhBeL" title="Price in Local Currency" > 1 XEC = 0.00003000 USD </p> </div> </div> <div class="sc-iBmynh hifmQw" > <div class="sc-ebFjAB bGOpGm" > <div class="sc-hzNEM kMIGYt" title="Token Actions" > <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Sell Token" name="Toggle Sell Token" title="Toggle Sell Token" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Sell Token" > <span class="sc-dymIpo ebJcUo" data-off="💰" data-on="💰" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Sell Vespene Gas ( VSP ) </div> <button aria-label="Click for more info about agora partial sales" class="sc-cJSrbW kZNvLw" > <svg title="More Info" /> </button> </div> <div class="sc-chbbiW fJzeOD" > <div class="sc-kxynE bAMoGW" > <div class="sc-dqBHgY ddqJJj" > <input aria-labelledby="agoraPartialTokenQty" class="sc-epnACN ixnPQq" max="111.000000000" min="0" name="agoraPartialTokenQty" step="1e-9" type="range" value="0" /> <div class="sc-hZSUBg iDKfVn" > <span class="sc-bsbRJL fguOLl" > Offered qty : </span> <input class="sc-iQNlJl kTHLJz" name="agoraPartialTokenQty-typed" placeholder="Offered qty" value="0" /> </div> <div class="sc-iQKALj fwXoQo" /> </div> </div> </div> <div class="sc-chbbiW fJzeOD" > <div class="sc-kxynE bAMoGW" > <div class="sc-hZSUBg iDKfVn" > <span class="sc-bsbRJL fguOLl" > Price: </span> <div class="sc-dqBHgY ddqJJj" > <div class="sc-gxMtzJ dXNKcv" > <input class="sc-dfVpRl sc-hwwEjo hNVCVW" disabled="" name="tokenListPrice" placeholder="Enter list price (per token)" type="number" value="" /> <select class="sc-kIPQKe sc-ibxdXY bRndSs" data-testid="currency-select-dropdown" > <option class="sc-RefOD CkCRx" data-testid="xec-option" value="XEC" > XEC </option> <option class="sc-RefOD CkCRx" data-testid="fiat-option" value="USD" > USD </option> </select> </div> <div class="sc-iQKALj fwXoQo" /> </div> </div> </div> </div> <div class="sc-chbbiW fJzeOD" > <div class="sc-kxynE bAMoGW" > <div class="sc-dqBHgY ddqJJj" > <input aria-labelledby="agoraPartialMin" class="sc-epnACN ixnPQq" disabled="" max="0" min="0" name="agoraPartialMin" step="1e-9" type="range" value="0" /> <div class="sc-hZSUBg iDKfVn" > <span class="sc-bsbRJL fguOLl" > Min qty : </span> <input class="sc-iQNlJl eSgkxJ" disabled="" name="agoraPartialMin-typed" placeholder="Min qty" value="0" /> </div> <div class="sc-iQKALj fwXoQo" /> </div> </div> </div> <div class="sc-chbbiW fJzeOD" > <button class="sc-caSCKo sc-kjoXOD dWPhlM" disabled="" style="margin-top: 12px;" > List Vespene Gas </button> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Send" name="Toggle Send" title="Toggle Send" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Send" > <span class="sc-dymIpo ebJcUo" data-off="➡️" data-on="➡️" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Send Vespene Gas ( VSP ) </div> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Airdrop" name="Toggle Airdrop" title="Toggle Airdrop" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Airdrop" > <span class="sc-dymIpo ebJcUo" data-off="🪂" data-on="🪂" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Airdrop XEC to VSP holders </div> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Burn" name="Toggle Burn" title="Toggle Burn" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Burn" > <span class="sc-dymIpo ebJcUo" data-off="🔥" data-on="🔥" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Burn VSP </div> </div> </div> </div> </div> </div> <div class="sc-bhlBdH jLDPda" > <div class="sc-chAAoq dIVlQU" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <button class="sc-kVrTmx cnIgFl" > <span> Transactions </span> <svg /> </button> <button aria-label="Send Screen" class="sc-kVrTmx cnIgFl" > <span> Send </span> <svg title="tx-sent" /> </button> <button aria-label="Tokens" class="sc-kVrTmx cnIgFl" > <span> Tokens </span> <svg title="Tokens" /> </button> <button aria-label="Receive" class="sc-kVrTmx cnIgFl" > <span> Receive </span> <svg title="tx-received" /> </button> <div class="sc-AnqlK hYVfil" title="Show Other Screens" > <span class="sc-keFjpB fGGmHw" /> <div class="sc-jWojfa cRDIjW" title="Other Screens" > <button class="sc-ekkqgF bKZsvW" > <p> Wallet Backup </p> <svg title="wallet" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Wallets </p> <svg title="wallets" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Listed NFTs </p> <svg title="NFT" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Agora </p> <svg title="Meme Agora" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Contacts </p> <svg title="Contact List" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Airdrop </p> <svg title="tx-airdrop" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Rewards </p> <svg title="Cashtab Rewards" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Sign & Verify </p> <svg class="sc-htpNat bPFBeM" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Settings </p> <svg title="settings" /> </button> </div> </div> </div> </div> </div> </div> </body> at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38 at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17 at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19 at Object.getByAltText (/work/cashtab/src/components/Etokens/__tests__/TokenActions.test.js:265:20) ====== CashTab Unit Tests: <Token /> available actions rendered We can correctly render an SLP1 NFT Parent token with no NFT Mint inputs, then create some NFT Mint inputs ====== Error: Unable to find an element with the text: /ABC Blocks/. 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> <div class="sc-cpHetk ccpwQN" > <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div class="sc-nrwXf kkCgsE" > <div class="sc-eitiEO hlgRsv" > <div class="sc-fKGOjr eVhOzi" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <div class="sc-dTLGrV eyzGzO" > <div class="sc-ekulBa txcVO" > <select class="sc-ciodno qexjf" data-testid="wallet-select" id="wallets" name="wallets" > <option class="sc-gGCbJM czBmUI" value="Token Test" > Token Test </option> </select> <div class="sc-dznXNo goxNXI" > <button aria-label="Copy ecash:qqq9f9z3uhpzkxrgdjkd7dxuuey7tmpmugpmnw0kue" class="sc-cJSrbW kZNvLw" > <svg title="copy-paste" /> </button> <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN bSWkUh" > <input checked="" class="sc-gFaPwZ iPJMNd" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="show-hide-balance" > <span class="sc-dymIpo hGwQkt" data-off="" data-on="" /> <span class="sc-bnXvFD cpOMDW" /> </label> </div> </div> </div> </div> <div class="sc-ivVeuv jMcQLK" title="Wallet Info" > <div class="sc-lcpuFF iwylFH" > <div class="sc-bqjOQT eIckbB" title="Balance XEC" > 9,970.81 XEC </div> </div> <div class="sc-jkCMRl eEMgHn" title="Balance in Local Currency" > $ 0.30 USD </div> <p class="sc-crNyjn bPhBeL" title="Price in Local Currency" > 1 XEC = 0.00003000 USD </p> </div> </div> <div class="sc-iBmynh hifmQw" > <div class="sc-ebFjAB bGOpGm" > <div class="sc-hzNEM kMIGYt" title="Token Actions" > <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle NFT Parent Fan-out" name="Toggle NFT Parent Fan-out" title="Toggle NFT Parent Fan-out" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle NFT Parent Fan-out" > <span class="sc-dymIpo ebJcUo" data-off="" data-on="" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > <div class="sc-LKuAh jgyJGf" > Create NFT mint inputs <button aria-label="Click for more info about NFT Collection fan-out txs" class="sc-cJSrbW kZNvLw" > <svg title="More Info" /> </button> </div> </div> </div> <div class="sc-gmeYpB invUfs" > <button class="sc-caSCKo sc-TOsTZ gpqKqb" style="margin-top: 12px; margin-bottom: 0px;" > Create NFT Mint Inputs </button> <div class="sc-RcBXQ iJGGvN" /> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" disabled="" id="Toggle Mint NFT" name="Toggle Mint NFT" title="Toggle Mint NFT" type="checkbox" /> <label class="sc-cpmLhU iNCMtF" disabled="" for="Toggle Mint NFT" > <span class="sc-dymIpo ebJcUo" data-off="" data-on="" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > <div class="sc-LKuAh jgyJGf" > Mint NFT <span class="sc-iSDuPN OMlyZ" > (no NFT mint inputs) </span> <button aria-label="Click for more info about minting an NFT" class="sc-cJSrbW kZNvLw" > <svg title="More Info" /> </button> </div> </div> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Airdrop" name="Toggle Airdrop" title="Toggle Airdrop" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Airdrop" > <span class="sc-dymIpo ebJcUo" data-off="🪂" data-on="🪂" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Airdrop XEC to ABC holders </div> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Mint" name="Toggle Mint" title="Toggle Mint" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Mint" > <span class="sc-dymIpo ebJcUo" data-off="⚗️" data-on="⚗️" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Mint </div> </div> </div> </div> </div> </div> <div class="sc-bhlBdH jLDPda" > <div class="sc-chAAoq dIVlQU" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <button class="sc-kVrTmx cnIgFl" > <span> Transactions </span> <svg /> </button> <button aria-label="Send Screen" class="sc-kVrTmx cnIgFl" > <span> Send </span> <svg title="tx-sent" /> </button> <button aria-label="Tokens" class="sc-kVrTmx cnIgFl" > <span> Tokens </span> <svg title="Tokens" /> </button> <button aria-label="Receive" class="sc-kVrTmx cnIgFl" > <span> Receive </span> <svg title="tx-received" /> </button> <div class="sc-AnqlK hYVfil" title="Show Other Screens" > <span class="sc-keFjpB fGGmHw" /> <div class="sc-jWojfa cRDIjW" title="Other Screens" > <button class="sc-ekkqgF bKZsvW" > <p> Wallet Backup </p> <svg title="wallet" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Wallets </p> <svg title="wallets" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Listed NFTs </p> <svg title="NFT" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Agora </p> <svg title="Meme Agora" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Contacts </p> <svg title="Contact List" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Airdrop </p> <svg title="tx-airdrop" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Rewards </p> <svg title="Cashtab Rewards" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Sign & Verify </p> <svg class="sc-htpNat bPFBeM" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Settings </p> <svg title="settings" /> </button> </div> </div> </div> </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at Object.findAllByText (/work/cashtab/src/components/Etokens/__tests__/TokenActions.test.js:458:27) ====== CashTab Unit Tests: <Token /> available actions rendered We can correctly render an SLP1 NFT Parent token with NFT Mint inputs, then mint an NFT ====== Error: Unable to find an element with the text: /ABC Blocks/. 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> <div class="sc-cpHetk ccpwQN" > <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div class="sc-nrwXf kkCgsE" > <div class="sc-eitiEO hlgRsv" > <div class="sc-fKGOjr eVhOzi" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <div class="sc-dTLGrV eyzGzO" > <div class="sc-ekulBa txcVO" > <select class="sc-ciodno qexjf" data-testid="wallet-select" id="wallets" name="wallets" > <option class="sc-gGCbJM czBmUI" value="Token Test" > Token Test </option> </select> <div class="sc-dznXNo goxNXI" > <button aria-label="Copy ecash:qqq9f9z3uhpzkxrgdjkd7dxuuey7tmpmugpmnw0kue" class="sc-cJSrbW kZNvLw" > <svg title="copy-paste" /> </button> <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN bSWkUh" > <input checked="" class="sc-gFaPwZ iPJMNd" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="show-hide-balance" > <span class="sc-dymIpo hGwQkt" data-off="" data-on="" /> <span class="sc-bnXvFD cpOMDW" /> </label> </div> </div> </div> </div> <div class="sc-ivVeuv jMcQLK" title="Wallet Info" > <div class="sc-lcpuFF iwylFH" > <div class="sc-bqjOQT eIckbB" title="Balance XEC" > 9,970.81 XEC </div> </div> <div class="sc-jkCMRl eEMgHn" title="Balance in Local Currency" > $ 0.30 USD </div> <p class="sc-crNyjn bPhBeL" title="Price in Local Currency" > 1 XEC = 0.00003000 USD </p> </div> </div> <div class="sc-iBmynh hifmQw" > <div class="sc-ebFjAB bGOpGm" > <div class="sc-hzNEM kMIGYt" title="Token Actions" > <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle NFT Parent Fan-out" name="Toggle NFT Parent Fan-out" title="Toggle NFT Parent Fan-out" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle NFT Parent Fan-out" > <span class="sc-dymIpo ebJcUo" data-off="" data-on="" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > <div class="sc-LKuAh jgyJGf" > Create NFT mint inputs <button aria-label="Click for more info about NFT Collection fan-out txs" class="sc-cJSrbW kZNvLw" > <svg title="More Info" /> </button> </div> </div> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Mint NFT" name="Toggle Mint NFT" title="Toggle Mint NFT" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Mint NFT" > <span class="sc-dymIpo ebJcUo" data-off="" data-on="" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > <div class="sc-LKuAh jgyJGf" > Mint NFT <p> ( 1 input available) </p> <button aria-label="Click for more info about minting an NFT" class="sc-cJSrbW kZNvLw" > <svg title="More Info" /> </button> </div> </div> </div> <div class="sc-gPWkxV krLfID" > <div class="sc-fhYwyz hUueZL" > <div class="sc-dqBHgY ddqJJj" > <div class="sc-gxMtzJ dXNKcv" > <input class="sc-dfVpRl bsmZGa" name="name" placeholder="Enter a name for your NFT" type="text" value="" /> </div> <div class="sc-iQKALj fwXoQo" /> </div> <div class="sc-dqBHgY ddqJJj" > <div class="sc-gxMtzJ dXNKcv" > <input class="sc-dfVpRl bsmZGa" name="ticker" placeholder="Enter a ticker for your NFT" type="text" value="" /> </div> <div class="sc-iQKALj fwXoQo" /> </div> <div class="sc-dqBHgY ddqJJj" > <div class="sc-gxMtzJ dXNKcv" > <input class="sc-dfVpRl bsmZGa" name="url" placeholder="Enter a website for your NFT" type="text" value="" /> </div> <div class="sc-iQKALj fwXoQo" /> </div> <div class="sc-dqBHgY ddqJJj" > <div class="sc-gxMtzJ dXNKcv" > <input class="sc-dfVpRl jglCDV" disabled="" name="hash" placeholder="Upload a jpg or png to generate document hash" type="text" value="" /> </div> <div class="sc-iQKALj fwXoQo" /> </div> <form class="sc-iuJeZd hdFVma" id="form-file-upload" > <input class="sc-cMhqgX kZSKbN" id="input-file-upload" name="Cashtab Dragger" type="file" /> <label class="sc-esOvli dOmunC" for="input-file-upload" id="label-file-upload" > <div class="sc-cLQEGU laMIkr" > <p class="sc-hMFtBS ibPiQm" > Drag and drop a png or jpg for your NFT </p> <div class="sc-cmthru hWPUhw" > or click to upload </div> </div> </label> </form> <button class="sc-caSCKo sc-kjoXOD dWPhlM" disabled="" style="margin-top: 30px; margin-bottom: 0px;" > Mint NFT </button> </div> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Airdrop" name="Toggle Airdrop" title="Toggle Airdrop" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Airdrop" > <span class="sc-dymIpo ebJcUo" data-off="🪂" data-on="🪂" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Airdrop XEC to ABC holders </div> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Mint" name="Toggle Mint" title="Toggle Mint" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Mint" > <span class="sc-dymIpo ebJcUo" data-off="⚗️" data-on="⚗️" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Mint </div> </div> </div> </div> </div> </div> <div class="sc-bhlBdH jLDPda" > <div class="sc-chAAoq dIVlQU" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <button class="sc-kVrTmx cnIgFl" > <span> Transactions </span> <svg /> </button> <button aria-label="Send Screen" class="sc-kVrTmx cnIgFl" > <span> Send </span> <svg title="tx-sent" /> </button> <button aria-label="Tokens" class="sc-kVrTmx cnIgFl" > <span> Tokens </span> <svg title="Tokens" /> </button> <button aria-label="Receive" class="sc-kVrTmx cnIgFl" > <span> Receive </span> <svg title="tx-received" /> </button> <div class="sc-AnqlK hYVfil" title="Show Other Screens" > <span class="sc-keFjpB fGGmHw" /> <div class="sc-jWojfa cRDIjW" title="Other Screens" > <button class="sc-ekkqgF bKZsvW" > <p> Wallet Backup </p> <svg title="wallet" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Wallets </p> <svg title="wallets" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Listed NFTs </p> <svg title="NFT" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Agora </p> <svg title="Meme Agora" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Contacts </p> <svg title="Contact List" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Airdrop </p> <svg title="tx-airdrop" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Rewards </p> <svg title="Cashtab Rewards" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Sign & Verify </p> <svg class="sc-htpNat bPFBeM" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Settings </p> <svg title="settings" /> </button> </div> </div> </div> </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at Object.findAllByText (/work/cashtab/src/components/Etokens/__tests__/TokenActions.test.js:598:27) at runNextTicks (node:internal/process/task_queues:60:5) at listOnTimeout (node:internal/timers:545:9) at processTimers (node:internal/timers:519:7) ====== CashTab Unit Tests: <Token /> available actions rendered We can render an SLP1 NFT Parent token with a minted NFT in its collection ====== Error: Unable to find an element with the text: /The Four Half-Coins of Jin-qua/. 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> <div class="sc-cpHetk ccpwQN" > <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div class="sc-nrwXf kkCgsE" > <div class="sc-eitiEO hlgRsv" > <div class="sc-fKGOjr eVhOzi" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <div class="sc-dTLGrV eyzGzO" > <div class="sc-ekulBa txcVO" > <select class="sc-ciodno qexjf" data-testid="wallet-select" id="wallets" name="wallets" > <option class="sc-gGCbJM czBmUI" value="Token Test" > Token Test </option> </select> <div class="sc-dznXNo goxNXI" > <button aria-label="Copy ecash:qqq9f9z3uhpzkxrgdjkd7dxuuey7tmpmugpmnw0kue" class="sc-cJSrbW kZNvLw" > <svg title="copy-paste" /> </button> <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN bSWkUh" > <input checked="" class="sc-gFaPwZ iPJMNd" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="show-hide-balance" > <span class="sc-dymIpo hGwQkt" data-off="" data-on="" /> <span class="sc-bnXvFD cpOMDW" /> </label> </div> </div> </div> </div> <div class="sc-ivVeuv jMcQLK" title="Wallet Info" > <div class="sc-lcpuFF iwylFH" > <div class="sc-bqjOQT eIckbB" title="Balance XEC" > 9,970.81 XEC </div> </div> <div class="sc-jkCMRl eEMgHn" title="Balance in Local Currency" > $ 0.30 USD </div> <p class="sc-crNyjn bPhBeL" title="Price in Local Currency" > 1 XEC = 0.00003000 USD </p> </div> </div> <div class="sc-iBmynh hifmQw" > <div class="sc-ebFjAB bGOpGm" > <div class="sc-fZwumE igBsci" > NFTs in this Collection </div> <div class="sc-fQejPQ kZkLdM" > <div class="sc-jXQZqI fvzlox" > <div class="sc-clNaTc hfFqKE" > <button class="sc-iBEsjs jWuvKl" > <img alt="icon for 5d9bff67b99e3f93c245a2d832ae40b67f39b79e5cf1daefe97fe6a8a2228326" height="64" src="https://icons.etokens.cash/64/5d9bff67b99e3f93c245a2d832ae40b67f39b79e5cf1daefe97fe6a8a2228326.png" width="64" /> </button> </div> <div class="sc-clNaTc hfFqKE" > <div class="sc-etwtAo dYvDcP" > <a href="#/token/5d9bff67b99e3f93c245a2d832ae40b67f39b79e5cf1daefe97fe6a8a2228326" rel="n... at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at Object.findAllByText (/work/cashtab/src/components/Etokens/__tests__/TokenActions.test.js:762:27) at runNextTicks (node:internal/process/task_queues:60:5) at listOnTimeout (node:internal/timers:545:9) at processTimers (node:internal/timers:519:7) ====== CashTab Unit Tests: <Token /> available actions rendered We can list an SLP1 NFT ====== TestingLibraryElementError: Unable to find an element with the alt text: icon for 5d9bff67b99e3f93c245a2d832ae40b67f39b79e5cf1daefe97fe6a8a2228326 Ignored nodes: comments, script, style <body> <div> <div class="sc-cpHetk ccpwQN" > <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div class="sc-nrwXf kkCgsE" > <div class="sc-eitiEO hlgRsv" > <div class="sc-fKGOjr eVhOzi" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <div class="sc-dTLGrV eyzGzO" > <div class="sc-ekulBa txcVO" > <select class="sc-ciodno qexjf" data-testid="wallet-select" id="wallets" name="wallets" > <option class="sc-gGCbJM czBmUI" value="Token Test" > Token Test </option> </select> <div class="sc-dznXNo goxNXI" > <button aria-label="Copy ecash:qqq9f9z3uhpzkxrgdjkd7dxuuey7tmpmugpmnw0kue" class="sc-cJSrbW kZNvLw" > <svg title="copy-paste" /> </button> <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN bSWkUh" > <input checked="" class="sc-gFaPwZ iPJMNd" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="show-hide-balance" > <span class="sc-dymIpo hGwQkt" data-off="" data-on="" /> <span class="sc-bnXvFD cpOMDW" /> </label> </div> </div> </div> </div> <div class="sc-ivVeuv jMcQLK" title="Wallet Info" > <div class="sc-lcpuFF iwylFH" > <div class="sc-bqjOQT eIckbB" title="Balance XEC" > 9,970.81 XEC </div> </div> <div class="sc-jkCMRl eEMgHn" title="Balance in Local Currency" > $ 0.30 USD </div> <p class="sc-crNyjn bPhBeL" title="Price in Local Currency" > 1 XEC = 0.00003000 USD </p> </div> </div> <div class="sc-iBmynh hifmQw" > <div class="sc-ebFjAB bGOpGm" > <div class="sc-iGPElx iNNtuk" > Gordon Chen </div> <div class="sc-hzNEM kMIGYt" title="Token Actions" > <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Sell NFT" name="Toggle Sell NFT" title="Toggle Sell NFT" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Sell NFT" > <span class="sc-dymIpo ebJcUo" data-off="💰" data-on="💰" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Sell Gordon Chen ( GC ) </div> </div> <div class="sc-chbbiW fJzeOD" > <div class="sc-kxynE bAMoGW" > <div class="sc-dqBHgY ddqJJj" > <div class="sc-gxMtzJ dXNKcv" > <input class="sc-dfVpRl sc-hwwEjo iNMklK" name="nftListPrice" placeholder="Enter NFT list price" type="number" value="" /> <select class="sc-kIPQKe sc-ibxdXY bRndSs" data-testid="currency-select-dropdown" > <option class="sc-RefOD CkCRx" data-testid="xec-option" value="XEC" > XEC </option> <option class="sc-RefOD CkCRx" data-testid="fiat-option" value="USD" > USD </option> </select> </div> <div class="sc-iQKALj fwXoQo" /> </div> </div> </div> <div class="sc-chbbiW fJzeOD" > <button class="sc-caSCKo sc-kjoXOD dWPhlM" disabled="" style="margin-top: 12px;" > List Gordon Chen </button> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Send" name="Toggle Send" title="Toggle Send" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Send" > <span class="sc-dymIpo ebJcUo" data-off="➡️" data-on="➡️" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Send Gordon Chen ( GC ) </div> </div> </div> </div> </div> </div> <div class="sc-bhlBdH jLDPda" > <div class="sc-chAAoq dIVlQU" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <button class="sc-kVrTmx cnIgFl" > <span> Transactions </span> <svg /> </button> <button aria-label="Send Screen" class="sc-kVrTmx cnIgFl" > <span> Send </span> <svg title="tx-sent" /> </button> <button aria-label="Tokens" class="sc-kVrTmx cnIgFl" > <span> Tokens </span> <svg title="Tokens" /> </button> <button aria-label="Receive" class="sc-kVrTmx cnIgFl" > <span> Receive </span> <svg title="tx-received" /> </button> <div class="sc-AnqlK hYVfil" title="Show Other Screens" > <span class="sc-keFjpB fGGmHw" /> <div class="sc-jWojfa cRDIjW" title="Other Screens" > <button class="sc-ekkqgF bKZsvW" > <p> Wallet Backup </p> <svg title="wallet" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Wallets </p> <svg title="wallets" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Listed NFTs </p> <svg title="NFT" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Agora </p> <svg title="Meme Agora" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Contacts </p> <svg title="Contact List" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Airdrop </p> <svg title="tx-airdrop" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Rewards </p> <svg title="Cashtab Rewards" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Sign & Verify </p> <svg class="sc-htpNat bPFBeM" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Settings </p> <svg title="settings" /> </button> </div> </div> </div> </div> </div> </div> </body> at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38 at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17 at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19 at Object.getByAltText (/work/cashtab/src/components/Etokens/__tests__/TokenActions.test.js:887:20) ====== CashTab Unit Tests: <Token /> available actions rendered We can send an SLP1 NFT ====== Error: expect(received).toHaveProperty(path, value) Expected path: "checked" Expected value: true Received value: false at Object.toHaveProperty (/work/cashtab/src/components/Etokens/__tests__/TokenActions.test.js:1035:34) ====== CashTab Unit Tests: <Token /> available actions rendered SLP1 NFT page will update cashtab token cache for the NFT if it does not include groupTokenId, and for its parent if it is not in cache ====== TestingLibraryElementError: Unable to find an element with the alt text: icon for 5d9bff67b99e3f93c245a2d832ae40b67f39b79e5cf1daefe97fe6a8a2228326 Ignored nodes: comments, script, style <body> <div> <div class="sc-kAzzGY bFOoJn" title="Loading..." > <div class="sc-cSHVUG kakYiA" title="Loading" > <div /> <div /> <div /> <div /> </div> </div> <div class="sc-cpHetk ccpwQN" > <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div class="sc-nrwXf kkCgsE" > <div class="sc-eitiEO hlgRsv" > <div class="sc-fKGOjr eVhOzi" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <div class="sc-dTLGrV eyzGzO" > <div class="sc-ekulBa txcVO" > <select class="sc-ciodno qexjf" data-testid="wallet-select" disabled="" id="wallets" name="wallets" > <option class="sc-gGCbJM czBmUI" value="Token Test" > Token Test </option> </select> <div class="sc-dznXNo goxNXI" > <button aria-label="Copy ecash:qqq9f9z3uhpzkxrgdjkd7dxuuey7tmpmugpmnw0kue" class="sc-cJSrbW kZNvLw" > <svg title="copy-paste" /> </button> <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN bSWkUh" > <input checked="" class="sc-gFaPwZ iPJMNd" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="show-hide-balance" > <span class="sc-dymIpo hGwQkt" data-off="" data-on="" /> <span class="sc-bnXvFD cpOMDW" /> </label> </div> </div> </div> </div> <div class="sc-ivVeuv jMcQLK" title="Wallet Info" > <div class="sc-lcpuFF iwylFH" > <div class="sc-bqjOQT eIckbB" title="Balance XEC" > 9,970.81 XEC </div> </div> </div> </div> <div class="sc-iBmynh hifmQw" > <div class="sc-ebFjAB bGOpGm" > <div class="sc-iGPElx iNNtuk" > Gordon Chen </div> <div class="sc-hzNEM kMIGYt" title="Token Actions" > <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Sell NFT" name="Toggle Sell NFT" title="Toggle Sell NFT" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Sell NFT" > <span class="sc-dymIpo ebJcUo" data-off="💰" data-on="💰" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Sell Gordon Chen ( GC ) </div> </div> <div class="sc-chbbiW fJzeOD" > <div class="sc-kxynE bAMoGW" > <div class="sc-dqBHgY ddqJJj" > <div class="sc-gxMtzJ dXNKcv" > <input class="sc-dfVpRl sc-hwwEjo iNMklK" name="nftListPrice" placeholder="Enter NFT list price" type="number" value="" /> <select class="sc-kIPQKe sc-ibxdXY eJjSIA" data-testid="currency-select-dropdown" disabled="" > <option class="sc-RefOD CkCRx" data-testid="xec-option" value="XEC" > XEC </option> <option class="sc-RefOD CkCRx" data-testid="fiat-option" value="USD" > USD </option> </select> </div> <div class="sc-iQKALj fwXoQo" /> </div> </div> </div> <div class="sc-chbbiW fJzeOD" > <button class="sc-caSCKo sc-kjoXOD dWPhlM" disabled="" style="margin-top: 12px;" > List Gordon Chen </button> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Send" name="Toggle Send" title="Toggle Send" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Send" > <span class="sc-dymIpo ebJcUo" data-off="➡️" data-on="➡️" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Send Gordon Chen ( GC ) </div> </div> </div> </div> </div> </div> <div class="sc-bhlBdH jLDPda" > <div class="sc-chAAoq dIVlQU" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <button class="sc-kVrTmx cnIgFl" > <span> Transactions </span> <svg /> </button> <button aria-label="Send Screen" class="sc-kVrTmx cnIgFl" > <span> Send </span> <svg title="tx-sent" /> </button> <button aria-label="Tokens" class="sc-kVrTmx cnIgFl" > <span> Tokens </span> <svg title="Tokens" /> </button> <button aria-label="Receive" class="sc-kVrTmx cnIgFl" > <span> Receive </span> <svg title="tx-received" /> </button> <div class="sc-AnqlK hYVfil" title="Show Other Screens" > <span class="sc-keFjpB fGGmHw" /> <div class="sc-jWojfa cRDIjW" title="Other Screens" > <button class="sc-ekkqgF bKZsvW" > <p> Wallet Backup </p> <svg title="wallet" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Wallets </p> <svg title="wallets" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Listed NFTs </p> <svg title="NFT" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Agora </p> <svg title="Meme Agora" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Contacts </p> <svg title="Contact List" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Airdrop </p> <svg title="tx-airdrop" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Rewards </p> <svg title="Cashtab Rewards" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Sign & Verify </p> <svg class="sc-htpNat bPFBeM" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Settings </p> <svg title="settings" /> </button> </div> </div> </div> </div> </div> </div> </body> at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38 at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17 at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19 at Object.getByAltText (/work/cashtab/src/components/Etokens/__tests__/TokenActions.test.js:1164:20) ====== CashTab Unit Tests: <Token /> available actions rendered We can list an ALP fungible token ====== TestingLibraryElementError: Unable to find an element with the alt text: icon for 7cd7cd7c54167d306e770f972b564584c44cb412ee45839b4b97bb6e724c8849 Ignored nodes: comments, script, style <body> <div> <div class="sc-cpHetk ccpwQN" > <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div class="sc-nrwXf kkCgsE" > <div class="sc-eitiEO hlgRsv" > <div class="sc-fKGOjr eVhOzi" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <div class="sc-dTLGrV eyzGzO" > <div class="sc-ekulBa txcVO" > <select class="sc-ciodno qexjf" data-testid="wallet-select" id="wallets" name="wallets" > <option class="sc-gGCbJM czBmUI" value="Token Test" > Token Test </option> </select> <div class="sc-dznXNo goxNXI" > <button aria-label="Copy ecash:qqq9f9z3uhpzkxrgdjkd7dxuuey7tmpmugpmnw0kue" class="sc-cJSrbW kZNvLw" > <svg title="copy-paste" /> </button> <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN bSWkUh" > <input checked="" class="sc-gFaPwZ iPJMNd" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="show-hide-balance" > <span class="sc-dymIpo hGwQkt" data-off="" data-on="" /> <span class="sc-bnXvFD cpOMDW" /> </label> </div> </div> </div> </div> <div class="sc-ivVeuv jMcQLK" title="Wallet Info" > <div class="sc-lcpuFF iwylFH" > <div class="sc-bqjOQT eIckbB" title="Balance XEC" > 9,970.81 XEC </div> </div> <div class="sc-jkCMRl eEMgHn" title="Balance in Local Currency" > $ 0.30 USD </div> <p class="sc-crNyjn bPhBeL" title="Price in Local Currency" > 1 XEC = 0.00003000 USD </p> </div> </div> <div class="sc-iBmynh hifmQw" > <div class="sc-ebFjAB bGOpGm" > <div class="sc-hzNEM kMIGYt" title="Token Actions" > <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Sell Token" name="Toggle Sell Token" title="Toggle Sell Token" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Sell Token" > <span class="sc-dymIpo ebJcUo" data-off="💰" data-on="💰" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Sell Test CRD ( tCRD ) </div> <button aria-label="Click for more info about agora partial sales" class="sc-cJSrbW kZNvLw" > <svg title="More Info" /> </button> </div> <div class="sc-chbbiW fJzeOD" > <div class="sc-kxynE bAMoGW" > <div class="sc-dqBHgY ddqJJj" > <input aria-labelledby="agoraPartialTokenQty" class="sc-epnACN ixnPQq" max="100.0000" min="0" name="agoraPartialTokenQty" step="0.0001" type="range" value="0" /> <div class="sc-hZSUBg iDKfVn" > <span class="sc-bsbRJL fguOLl" > Offered qty : </span> <input class="sc-iQNlJl kTHLJz" name="agoraPartialTokenQty-typed" placeholder="Offered qty" value="0" /> </div> <div class="sc-iQKALj fwXoQo" /> </div> </div> </div> <div class="sc-chbbiW fJzeOD" > <div class="sc-kxynE bAMoGW" > <div class="sc-hZSUBg iDKfVn" > <span class="sc-bsbRJL fguOLl" > Price: </span> <div class="sc-dqBHgY ddqJJj" > <div class="sc-gxMtzJ dXNKcv" > <input class="sc-dfVpRl sc-hwwEjo hNVCVW" disabled="" name="tokenListPrice" placeholder="Enter list price (per token)" type="number" value="" /> <select class="sc-kIPQKe sc-ibxdXY bRndSs" data-testid="currency-select-dropdown" > <option class="sc-RefOD CkCRx" data-testid="xec-option" value="XEC" > XEC </option> <option class="sc-RefOD CkCRx" data-testid="fiat-option" value="USD" > USD </option> </select> </div> <div class="sc-iQKALj fwXoQo" /> </div> </div> </div> </div> <div class="sc-chbbiW fJzeOD" > <div class="sc-kxynE bAMoGW" > <div class="sc-dqBHgY ddqJJj" > <input aria-labelledby="agoraPartialMin" class="sc-epnACN ixnPQq" disabled="" max="0" min="0" name="agoraPartialMin" step="0.0001" type="range" value="0" /> <div class="sc-hZSUBg iDKfVn" > <span class="sc-bsbRJL fguOLl" > Min qty : </span> <input class="sc-iQNlJl eSgkxJ" disabled="" name="agoraPartialMin-typed" placeholder="Min qty" value="0" /> </div> <div class="sc-iQKALj fwXoQo" /> </div> </div> </div> <div class="sc-chbbiW fJzeOD" > <button class="sc-caSCKo sc-kjoXOD dWPhlM" disabled="" style="margin-top: 12px;" > List Test CRD </button> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Send" name="Toggle Send" title="Toggle Send" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Send" > <span class="sc-dymIpo ebJcUo" data-off="➡️" data-on="➡️" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Send Test CRD ( tCRD ) </div> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Airdrop" name="Toggle Airdrop" title="Toggle Airdrop" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Airdrop" > <span class="sc-dymIpo ebJcUo" data-off="🪂" data-on="🪂" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Airdrop XEC to tCRD holders </div> </div> <div class="sc-kZmsYB iSvjpe" > <div class="sc-eerKOB cvXwwv" > <div class="sc-emmjRN iogvmX" > <input class="sc-gFaPwZ iPJMNd" id="Toggle Burn" name="Toggle Burn" title="Toggle Burn" type="checkbox" /> <label class="sc-cpmLhU iUeRKn" for="Toggle Burn" > <span class="sc-dymIpo ebJcUo" data-off="🔥" data-on="🔥" /> <span class="sc-bnXvFD bEXILN" /> </label> </div> </div> <div class="sc-jqCOkK sCOdD" > Burn tCRD </div> </div> </div> </div> </div> </div> <div class="sc-bhlBdH jLDPda" > <div class="sc-chAAoq dIVlQU" > <img alt="cashtab" class="sc-jvEmr fyIwlw" src="test-file-stub" /> </div> <button class="sc-kVrTmx cnIgFl" > <span> Transactions </span> <svg /> </button> <button aria-label="Send Screen" class="sc-kVrTmx cnIgFl" > <span> Send </span> <svg title="tx-sent" /> </button> <button aria-label="Tokens" class="sc-kVrTmx cnIgFl" > <span> Tokens </span> <svg title="Tokens" /> </button> <button aria-label="Receive" class="sc-kVrTmx cnIgFl" > <span> Receive </span> <svg title="tx-received" /> </button> <div class="sc-AnqlK hYVfil" title="Show Other Screens" > <span class="sc-keFjpB fGGmHw" /> <div class="sc-jWojfa cRDIjW" title="Other Screens" > <button class="sc-ekkqgF bKZsvW" > <p> Wallet Backup </p> <svg title="wallet" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Wallets </p> <svg title="wallets" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Listed NFTs </p> <svg title="NFT" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Agora </p> <svg title="Meme Agora" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Contacts </p> <svg title="Contact List" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Airdrop </p> <svg title="tx-airdrop" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Rewards </p> <svg title="Cashtab Rewards" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Sign & Verify </p> <svg class="sc-htpNat bPFBeM" /> </button> <button class="sc-ekkqgF bKZsvW" > <p> Settings </p> <svg title="settings" /> </button> </div> </div> </div> </div> </div> </div> </body> at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38 at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17 at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19 at Object.getByAltText (/work/cashtab/src/components/Etokens/__tests__/TokenActions.test.js:1777:20) ====== CashTab Unit Tests: <OrderBook /> We render expected msg if no agora partial listings are found for this token ====== Error: Unable to find an element with the title: Loading. Ignored nodes: comments, script, style <body> <div> <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div> Test </div> <div class="sc-iyvyFf heeNZb" > <div class="sc-hwwEjo ghaBNY" > <button aria-label="View larger icon for Cachet" class="sc-esjQYD pMiSW" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-kfGgVZ kRSLSa" > <a href="#/token/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > Cachet </a> <span> CACHET </span> <div class="sc-jDwBTQ fFVVoo" > aed ... cb1 <button aria-label="Copy Token ID" class="sc-kpOJdX hZGgDP" > <svg title="copy-paste" /> </button> </div> </div> </div> <div class="sc-eHgmQL fiRlMP" > No active offers for this token </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at findByTitle (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:49:18) at Object.waitForContext (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:158:15) at processTicksAndRejections (node:internal/process/task_queues:95:5) ====== CashTab Unit Tests: <OrderBook /> An error notice is rendered if there is some error in querying listings ====== Error: Unable to find an element with the title: Loading. Ignored nodes: comments, script, style <body> <div> <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div> Test </div> <div class="sc-iyvyFf heeNZb" > <div class="sc-hwwEjo ghaBNY" > <button aria-label="View larger icon for Cachet" class="sc-esjQYD pMiSW" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-kfGgVZ kRSLSa" > <a href="#/token/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > Cachet </a> <span> CACHET </span> <div class="sc-jDwBTQ fFVVoo" > aed ... cb1 <button aria-label="Copy Token ID" class="sc-kpOJdX hZGgDP" > <svg title="copy-paste" /> </button> </div> </div> </div> <div class="sc-hSdWYo iLykoJ" > Error querying agora for active offers. Try again later. </div> <div class="sc-hSdWYo iLykoJ" > Error querying agora for active offers. Try again later. </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at findByTitle (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:49:18) at Object.waitForContext (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:198:15) ====== CashTab Unit Tests: <OrderBook /> We can see a rendered offer ====== Error: Unable to find an element with the title: Loading. Ignored nodes: comments, script, style <body> <div> <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div> Test </div> <div class="sc-iyvyFf heeNZb" > <div class="sc-hwwEjo ghaBNY" > <button aria-label="View larger icon for Cachet" class="sc-esjQYD pMiSW" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-kfGgVZ kRSLSa" > <a href="#/token/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > Cachet </a> <span> CACHET </span> <div class="sc-jDwBTQ fFVVoo" > aed ... cb1 <button aria-label="Copy Token ID" class="sc-kpOJdX hZGgDP" > <svg title="copy-paste" /> </button> </div> </div> <div class="sc-kPVwWT cMwuZW" > <div> 1 Offer </div> <div class="sc-btzYZH dWcUVx" > <div class="sc-lhVmIH cmWtwE" > <input class="sc-kTUwUJ kIHinC" id="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" name="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" title="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" type="checkbox" /> <label class="sc-bYSBpT lfJVRS" for="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > <span class="sc-elJkPf gPNdoq" data-off="XEC" data-on="usd" /> <span class="sc-jtRfpW jrabhB" /> </label> </div> </div> </div> </div> <div class="sc-kIPQKe gVVFJH" > <div class="sc-eXEjpC kIqhfi" > <button class="sc-ibxdXY SSjjR" data-tooltip-content="100.00 CACHET (100.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj gyoLAl" /> <div class="sc-bwCtUz eHefTz" /> <div class="sc-RefOD bwaIGv" > 10,000.97 XEC </div> </button> </div> <div class="sc-hrWEMg bdEKXZ" > <div class="sc-eqIVtm ikreEr" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-gGBfsJ bhvFuU" max="100.00" min=".10" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="0.01" type="range" value=".10" /> <div class="sc-tilXH gRjUZS" > <input class="sc-jnlKLf efxrXr" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1-typed" placeholder="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" value=".10" /> </div> <div class="sc-hqyNC hdNOpH" /> </div> </div> <div class="sc-eTuwsz eEcCLN" > <div> .10 CACHET </div> <h3> 1k XEC </h3> <button class="sc-jzJRlG sc-kgoBCf gNzXEK" > Cancel your offer </button> </div> </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at findByTitle (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:49:18) at Object.waitForContext (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:238:15) ====== CashTab Unit Tests: <OrderBook /> We can see a rendered offer in an OrderBook with detailsView ====== Error: Unable to find an element with the title: Loading. Ignored nodes: comments, script, style <body> <div> <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div> Test </div> <div class="sc-iyvyFf heeNZb" > <div class="sc-hwwEjo ghaBNY" > <button aria-label="View larger icon for Cachet" class="sc-esjQYD pMiSW" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-kfGgVZ erEpsN" > <a href="#/token/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > Cachet </a> <span> CACHET </span> </div> <div class="sc-kPVwWT cMwuZW" > <div> 1 Offer </div> <div class="sc-btzYZH dWcUVx" > <div class="sc-lhVmIH cmWtwE" > <input class="sc-kTUwUJ kIHinC" id="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" name="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" title="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" type="checkbox" /> <label class="sc-bYSBpT lfJVRS" for="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > <span class="sc-elJkPf gPNdoq" data-off="XEC" data-on="usd" /> <span class="sc-jtRfpW jrabhB" /> </label> </div> </div> </div> </div> <div class="sc-kIPQKe gVVFJH" > <div class="sc-eXEjpC oBBMQ" > <button class="sc-ibxdXY SSjjR" data-tooltip-content="100.00 CACHET (100.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj gyoLAl" /> <div class="sc-bwCtUz eHefTz" /> <div class="sc-RefOD bwaIGv" > 10,000.97 XEC </div> </button> </div> <div class="sc-hrWEMg bdEKXZ" > <div class="sc-eqIVtm ikreEr" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-gGBfsJ bhvFuU" max="100.00" min=".10" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="0.01" type="range" value=".10" /> <div class="sc-tilXH gRjUZS" > <input class="sc-jnlKLf efxrXr" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1-typed" placeholder="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" value=".10" /> </div> <div class="sc-hqyNC hdNOpH" /> </div> </div> <div class="sc-eTuwsz eEcCLN" > <div> .10 CACHET </div> <h3> 1k XEC </h3> <button class="sc-jzJRlG sc-kgoBCf gNzXEK" > Cancel your offer </button> </div> </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at findByTitle (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:49:18) at Object.waitForContext (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:335:15) ====== CashTab Unit Tests: <OrderBook /> We can see multiple offers, some we made, others we did not, and we can cancel an offer ====== Error: Unable to find an element with the title: Loading. Ignored nodes: comments, script, style <body> <div> <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div> Test </div> <div class="sc-iyvyFf heeNZb" > <div class="sc-hwwEjo ghaBNY" > <button aria-label="View larger icon for Cachet" class="sc-esjQYD pMiSW" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-kfGgVZ kRSLSa" > <a href="#/token/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > Cachet </a> <span> CACHET </span> <div class="sc-jDwBTQ fFVVoo" > aed ... cb1 <button aria-label="Copy Token ID" class="sc-kpOJdX hZGgDP" > <svg title="copy-paste" /> </button> </div> </div> <div class="sc-kPVwWT cMwuZW" > <div> 3 Offer s </div> <div class="sc-btzYZH dWcUVx" > <div class="sc-lhVmIH cmWtwE" > <input class="sc-kTUwUJ kIHinC" id="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" name="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" title="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" type="checkbox" /> <label class="sc-bYSBpT lfJVRS" for="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > <span class="sc-elJkPf gPNdoq" data-off="XEC" data-on="usd" /> <span class="sc-jtRfpW jrabhB" /> </label> </div> </div> </div> </div> <div class="sc-kIPQKe gVVFJH" > <div class="sc-eXEjpC kIqhfi" > <button class="sc-ibxdXY SSjjR" data-tooltip-content="200.00 CACHET (200.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj fvSamx" /> <div class="sc-bwCtUz foAMSt" /> <div class="sc-RefOD bwaIGv" > 1,200.01 XEC </div> </button> <button class="sc-ibxdXY cZcejN" data-tooltip-content="100.00 CACHET (300.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj bowhlg" /> <div class="sc-RefOD bwaIGv" > 10,000.97 XEC </div> </button> <button class="sc-ibxdXY cZcejN" data-tooltip-content="300.00 CACHET (600.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj idOVtT" /> <div class="sc-RefOD bwaIGv" > 12,000.66 XEC </div> </button> </div> <div class="sc-hrWEMg bdEKXZ" > <div class="sc-eqIVtm ikreEr" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-gGBfsJ bhvFuU" max="200.00" min=".20" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="0.01" type="range" value=".20" /> <div class="sc-tilXH gRjUZS" > <input class="sc-jnlKLf efxrXr" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1-typed" placeholder="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" value=".20" /> </div> <div class="sc-hqyNC hdNOpH" /> </div> </div> <div class="sc-eTuwsz eEcCLN" > <div> .20 CACHET </div> <h3> 240.64 XEC </h3> <button class="sc-jzJRlG sc-kgoBCf gNzXEK" > Cancel your offer </button> </div> </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at findByTitle (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:49:18) at Object.waitForContext (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:426:15) ====== CashTab Unit Tests: <OrderBook /> We can buy an offer ====== Error: Unable to find an element with the title: Loading. Ignored nodes: comments, script, style <body> <div> <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div> Test </div> <div class="sc-iyvyFf heeNZb" > <div class="sc-hwwEjo ghaBNY" > <button aria-label="View larger icon for Cachet" class="sc-esjQYD pMiSW" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-kfGgVZ kRSLSa" > <a href="#/token/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > Cachet </a> <span> CACHET </span> <div class="sc-jDwBTQ fFVVoo" > aed ... cb1 <button aria-label="Copy Token ID" class="sc-kpOJdX hZGgDP" > <svg title="copy-paste" /> </button> </div> </div> <div class="sc-kPVwWT cMwuZW" > <div> 3 Offer s </div> <div class="sc-btzYZH dWcUVx" > <div class="sc-lhVmIH cmWtwE" > <input class="sc-kTUwUJ kIHinC" id="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" name="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" title="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" type="checkbox" /> <label class="sc-bYSBpT lfJVRS" for="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > <span class="sc-elJkPf gPNdoq" data-off="XEC" data-on="usd" /> <span class="sc-jtRfpW jrabhB" /> </label> </div> </div> </div> </div> <div class="sc-kIPQKe gVVFJH" > <div class="sc-eXEjpC kIqhfi" > <button class="sc-ibxdXY SSjjR" data-tooltip-content="200.00 CACHET (200.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj jxVsff" /> <div class="sc-bwCtUz foAMSt" /> <div class="sc-RefOD bwaIGv" > 1,200.01 XEC </div> </button> <button class="sc-ibxdXY cZcejN" data-tooltip-content="100.00 CACHET (300.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj hCNvZj" /> <div class="sc-RefOD bwaIGv" > 10,000.97 XEC </div> </button> <button class="sc-ibxdXY cZcejN" data-tooltip-content="300.00 CACHET (600.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj gyoLAl" /> <div class="sc-RefOD bwaIGv" > 12,000.66 XEC </div> </button> </div> <div class="sc-hrWEMg bdEKXZ" > <div class="sc-eqIVtm ikreEr" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-gGBfsJ bhvFuU" max="200.00" min=".20" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="0.01" type="range" value=".20" /> <div class="sc-tilXH gRjUZS" > <input class="sc-jnlKLf efxrXr" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1-typed" placeholder="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" value=".20" /> </div> <div class="sc-hqyNC hdNOpH" /> </div> </div> <div class="sc-eTuwsz eEcCLN" > <div> .20 CACHET </div> <h3> 240.64 XEC </h3> <button class="sc-jzJRlG sc-kAzzGY kPVBix" > Buy CACHET </button> </div> </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at findByTitle (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:49:18) at Object.waitForContext (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:576:15) ====== CashTab Unit Tests: <OrderBook /> Offers listed by the token creator are indicated as such ====== Error: Unable to find an element with the title: Loading. Ignored nodes: comments, script, style <body> <div> <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div> Test </div> <div class="sc-iyvyFf heeNZb" > <div class="sc-hwwEjo ghaBNY" > <button aria-label="View larger icon for Cachet" class="sc-esjQYD pMiSW" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-kfGgVZ kRSLSa" > <a href="#/token/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > Cachet </a> <span> CACHET </span> <div class="sc-jDwBTQ fFVVoo" > aed ... cb1 <button aria-label="Copy Token ID" class="sc-kpOJdX hZGgDP" > <svg title="copy-paste" /> </button> </div> </div> <div class="sc-kPVwWT cMwuZW" > <div> 2 Offer s </div> <div class="sc-btzYZH dWcUVx" > <div class="sc-lhVmIH cmWtwE" > <input class="sc-kTUwUJ kIHinC" id="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" name="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" title="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" type="checkbox" /> <label class="sc-bYSBpT lfJVRS" for="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > <span class="sc-elJkPf gPNdoq" data-off="XEC" data-on="usd" /> <span class="sc-jtRfpW jrabhB" /> </label> </div> </div> </div> </div> <div class="sc-kIPQKe gVVFJH" > <div class="sc-eXEjpC kIqhfi" > <button class="sc-ibxdXY SSjjR" data-tooltip-content="100.00 CACHET (100.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj hnkaAh" /> <div class="sc-bwCtUz eaOLIn" /> <div class="sc-RefOD bwaIGv" > <div class="sc-gwVKww bchSXW" > <svg title="Listed by token creator" /> </div> 10,000.97 XEC </div> </button> <button class="sc-ibxdXY cZcejN" data-tooltip-content="300.00 CACHET (400.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj idOVtT" /> <div class="sc-RefOD bwaIGv" > 12,000.66 XEC </div> </button> </div> <div class="sc-hrWEMg bdEKXZ" > <div class="sc-eqIVtm ikreEr" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-gGBfsJ bhvFuU" max="100.00" min=".10" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="0.01" type="range" value=".10" /> <div class="sc-tilXH gRjUZS" > <input class="sc-jnlKLf efxrXr" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1-typed" placeholder="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" value=".10" /> </div> <div class="sc-hqyNC hdNOpH" /> </div> </div> <div class="sc-eTuwsz eEcCLN" > <div> .10 CACHET </div> <h3> 1k XEC </h3> <button class="sc-jzJRlG sc-kgoBCf gNzXEK" > Cancel your offer </button> </div> </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at findByTitle (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:49:18) at Object.waitForContext (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:831:15) ====== CashTab Unit Tests: <OrderBook /> Unacceptable offers are rendered to their makers ====== Error: Unable to find an element with the title: Loading. Ignored nodes: comments, script, style <body> <div> <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div> Test </div> <div class="sc-iyvyFf heeNZb" > <div class="sc-hwwEjo ghaBNY" > <button aria-label="View larger icon for Cachet" class="sc-esjQYD pMiSW" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-kfGgVZ kRSLSa" > <a href="#/token/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > Cachet </a> <span> CACHET </span> <div class="sc-jDwBTQ fFVVoo" > aed ... cb1 <button aria-label="Copy Token ID" class="sc-kpOJdX hZGgDP" > <svg title="copy-paste" /> </button> </div> </div> <div class="sc-kPVwWT cMwuZW" > <div> 1 Offer </div> <div class="sc-btzYZH dWcUVx" > <div class="sc-lhVmIH cmWtwE" > <input class="sc-kTUwUJ kIHinC" id="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" name="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" title="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" type="checkbox" /> <label class="sc-bYSBpT lfJVRS" for="Toggle price for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > <span class="sc-elJkPf gPNdoq" data-off="XEC" data-on="usd" /> <span class="sc-jtRfpW jrabhB" /> </label> </div> </div> </div> </div> <div class="sc-kIPQKe gVVFJH" > <div class="sc-eXEjpC kIqhfi" > <button class="sc-ibxdXY SSjjR" data-tooltip-content="100,000.00 CACHET (100,000.00 total)" data-tooltip-id="cashtab-tooltip" > <div class="sc-iQKALj epPTlQ" /> <div class="sc-bwCtUz cwihso" /> <div class="sc-RefOD bwaIGv" > 1 XEC </div> </button> </div> <div class="sc-hrWEMg bdEKXZ" > <div class="sc-eqIVtm ikreEr" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-gGBfsJ bhvFuU" max="100000.00" min="104000.00" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="0.01" type="range" value="104000.00" /> <div class="sc-tilXH gRjUZS" > <input class="sc-jnlKLf efxrXr" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1-typed" placeholder="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" value="104000.00" /> </div> <div class="sc-hqyNC hdNOpH" /> </div> </div> <div class="sc-eTuwsz eEcCLN" > <div> 104,000.00 CACHET </div> <h3> 104k XEC </h3> <button class="sc-jzJRlG sc-kgoBCf gNzXEK" > Cancel your offer </button> </div> </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at findByTitle (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:49:18) at Object.waitForContext (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:983:15) ====== CashTab Unit Tests: <OrderBook /> Unacceptable offers are NOT rendered to buyers ====== Error: Unable to find an element with the title: Loading. Ignored nodes: comments, script, style <body> <div> <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify" /> <div> Test </div> <div class="sc-iyvyFf heeNZb" > <div class="sc-hwwEjo ghaBNY" > <button aria-label="View larger icon for Cachet" class="sc-esjQYD pMiSW" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-kfGgVZ kRSLSa" > <a href="#/token/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" > Cachet </a> <span> CACHET </span> <div class="sc-jDwBTQ fFVVoo" > aed ... cb1 <button aria-label="Copy Token ID" class="sc-kpOJdX hZGgDP" > <svg title="copy-paste" /> </button> </div> </div> </div> <div class="sc-eHgmQL fiRlMP" > No active offers for this token </div> </div> </div> </body> at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27) at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33 at findByTitle (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:49:18) at Object.waitForContext (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.tsx:1031:15)
Each failure log is accessible here:
CashTab Unit Tests: <Token /> For an uncached token with no balance, we show a spinner while loading the token info, then show an info screen and open agora offers
CashTab Unit Tests: <Token /> available actions rendered We can list an SLP1 fungible token
CashTab Unit Tests: <Token /> available actions rendered We can correctly render an SLP1 NFT Parent token with no NFT Mint inputs, then create some NFT Mint inputs
CashTab Unit Tests: <Token /> available actions rendered We can correctly render an SLP1 NFT Parent token with NFT Mint inputs, then mint an NFT
CashTab Unit Tests: <Token /> available actions rendered We can render an SLP1 NFT Parent token with a minted NFT in its collection
CashTab Unit Tests: <Token /> available actions rendered We can list an SLP1 NFT
CashTab Unit Tests: <Token /> available actions rendered We can send an SLP1 NFT
CashTab Unit Tests: <Token /> available actions rendered SLP1 NFT page will update cashtab token cache for the NFT if it does not include groupTokenId, and for its parent if it is not in cache
CashTab Unit Tests: <Token /> available actions rendered We can list an ALP fungible token
CashTab Unit Tests: <OrderBook /> We render expected msg if no agora partial listings are found for this token
CashTab Unit Tests: <OrderBook /> An error notice is rendered if there is some error in querying listings
CashTab Unit Tests: <OrderBook /> We can see a rendered offer
CashTab Unit Tests: <OrderBook /> We can see a rendered offer in an OrderBook with detailsView
CashTab Unit Tests: <OrderBook /> We can see multiple offers, some we made, others we did not, and we can cancel an offer
CashTab Unit Tests: <OrderBook /> We can buy an offer
CashTab Unit Tests: <OrderBook /> Offers listed by the token creator are indicated as such
CashTab Unit Tests: <OrderBook /> Unacceptable offers are rendered to their makers
CashTab Unit Tests: <OrderBook /> Unacceptable offers are NOT rendered to buyers