Style edits to the order book on agora
Details
- Reviewers
bytesofman - Group Reviewers
Restricted Project - Commits
- rABC141e038e3b77: [cashtab] Agora order book UI adjustments
preview the site and check out agora
Diff Detail
- Repository
- rABC Bitcoin ABC
- Branch
- cashtab-agora-ui
- Lint
Lint Passed - Unit
No Test Coverage - Build Status
Buildable 31006 Build 61515: Build Diff cashtab-tests Build 61514: arc lint + arc unit
Event Timeline
Failed tests logs:
====== CashTab Unit Tests: <Agora /> 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 text: 8. 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-eitiEO kCxyt" > <div class="Toastify" /> <div class="sc-bhlBdH dKnoNj" > <div class="sc-AnqlK ddpYa" > <div class="sc-hycgNl OaVeU" > <img alt="cashtab" class="sc-chAAoq fyvXko" src="test-file-stub" /> </div> <div class="sc-ciodno gKGePj" > <select class="sc-gGCbJM kVsgqI" data-testid="wallet-select" id="wallets" name="wallets" > <option class="sc-lcpuFF ffVCEK" value="Agora Partial Alpha" > Agora Partial Alpha </option> <option class="sc-lcpuFF ffVCEK" value="Agora Partial Beta" > Agora Partial Beta </option> </select> <div class="sc-ekulBa cOrKFe" > <button aria-label="Copy ecash:qqpmsv8yh8wwx3lnf92rrc0e6yq97j6zqs8av8vx8h" class="sc-cQFLBn jGCEIx" > <svg title="copy-paste" /> </button> <div class="sc-gFaPwZ bhfoic" > <div class="sc-fhYwyz kXwmEk" > <input checked="" class="sc-bMvGRv dnGmSn" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-jzgbtB hsNhPD" for="show-hide-balance" > <span class="sc-gJWqzi dYGNll" data-off="" data-on="" /> <span class="sc-rBLzX gWpmmy" /> </label> </div> </div> </div> </div> <div class="sc-cCbXAZ kqkefR" title="Wallet Info" > <div class="sc-jkCMRl lpgFuI" title="Balance in XEC" > 4,200.00 XEC </div> <div class="sc-crNyjn geQHnh" title="Balance in Local Currency" > $ 0.13 USD </div> <p class="sc-cpHetk dSDwNK" title="Price in Local Currency" > 1 XEC = 0.00003000 USD </p> </div> <div class="sc-jvEmr bczZPX" > <div class="sc-jUpvKA cIpSyn" title="Active Offers" > <div class="sc-etwtAo eenSFC" > <div class="sc-gFaPwZ bhfoic" > <div class="sc-fhYwyz kZTqdd" > <input class="sc-bMvGRv dnGmSn" id="Toggle Active Offers" name="Toggle Active Offers" title="Toggle Active Offers" type="checkbox" /> <label class="sc-jzgbtB hsNhPD" for="Toggle Active Offers" > <span class="sc-gJWqzi gEydeL" data-off="" data-on="" /> <span class="sc-rBLzX hAekJS" /> </label> </div> </div> <div class="sc-hqyNC ctrwFD" > Toggle Buy / Manage Listings </div> </div> <div class="sc-jdfcpN cpDNg" > Token Offers </div> <div class="sc-jRuhRL ezqcLL" > <div class="sc-eopZyb gIpewM" > <div class="sc-eNNmBn eBthwK" > <button aria-label="View larger icon for Bull" class="sc-RbTVP cUbRra" size="64" title="01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" /> <div class="sc-eEieub iCvyUs" > <a href="https://explorer.e.cash/tx/01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" rel="noopener noreferrer" target="_blank" > Bull (BULL) </a> </div> </div> <div class="sc-hMrMfs elyrpY" > <div class="sc-drlKqa hUObvl" > <button class="sc-bIqbHp emUWCs" > <div class="sc-gacfCG emFCEN" /> <div class="sc-dEfkYy bHSHqT" /> <div class="sc-jxGEyO kbVFhg" > $1.50 USD </div> </button> </div> <div class="sc-cqPOvA hJfZTr" > <span> Buy </span> <div class="sc-lhVmIH gvtphN" > <input aria-labelledby="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" class="sc-bwCtUz cRbAUS" max="888" min="8" name="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" step="1" type="range" value="8" /> <div class="sc-esjQYD iHrgtF" /> </div> </div> <div class="sc-gNJABI kEATjO" > <div> 8 (BULL) </div> <div> 400.42k XEC </div> <h3> $12.01 USD </h3> <button class="sc-hORach sc-GMQeP dRjpLn" > Cancel your offer </button> </div> </div> </div> <div class="sc-eopZyb gIpewM" > <div class="sc-eNNmBn eBthwK" > <button aria-label="View larger icon for Cachet" class="sc-RbTVP nqsGM" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-eEieub iCvyUs" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-hMrMfs elyrpY" > <div class="sc-drlKqa hUObvl" > <button class="sc-bIqbHp emUWCs" > <div class="sc-gacfCG bHvSDz" /> <div class="sc-dEfkYy icvLKW" /> <div class="sc-jxGEyO kbVFhg" > $0.036 USD </div> </button> <button class="sc-bIqbHp ieJgON" > <div class="sc-gacfCG ldAVRE" /> <div class="sc-jxGEyO kbVFhg" > $0.30 USD </div> </button> <button class="sc-bIqbHp ieJgON" > <div class="sc-gacfCG emFCEN" /> <div class="sc-jxGEyO kbVFhg" > $0.36 USD </div> </button> </div> <div class="sc-cqPOvA hJfZTr" > <span> Buy </span> <div class="sc-lhVmIH gvtphN" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-bwCtUz cRbAUS" max="20000" min="20" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="20" /> <div class="sc-esjQYD iHrgtF" /> </div> </div> <div class="sc-gNJABI kEATjO" > <div> .20 (CACHET) </div> <div> 240.64 XEC </div> <h3> $0.0072 USD </h3> <button class="sc-hORach sc-GMQeP dRjpLn" > Cancel your offer </button> </div> </div> </div> </div> </div> </div> </div> <div class="sc-keFjpB epyvJQ" > <button class="sc-fKGOjr fUlMuB" > <svg /> </button> <button aria-label="Send Screen" class="sc-fKGOjr fUlMuB" style="padding-bottom: 10px;" > <div class="sc-iwsKbI cuDgAv" > <svg title="tx-sent" /> </div> </button> <button aria-label="Tokens" class="sc-fKGOjr fUlMuB" > <svg title="Tokens" /> </button> <button aria-label="Receive" class="sc-fKGOjr fUlMuB" > <svg title="tx-received" /> </button> <div class="sc-jWojfa dBenOO" title="Show Other Screens" > <span class="sc-kVrTmx kZpItY" /> <div class="sc-ekkqgF ijSjpP" title="Other Screens" > <button class="sc-iBmynh ezGUUm" > <p> Wallet Backup </p> <svg title="wallet" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Wallets </p> <svg title="wallets" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Listed NFTs </p> <svg title="NFT" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Agora </p> <svg title="Meme Agora" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Contacts </p> <svg title="Contact List" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Airdrop </p> <svg title="tx-airdrop" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Rewards </p> <svg title="Cashtab Rewards" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Swap </p> <svg title="swap" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Sign & Verify </p> <svg class="sc-htpNat bPFBeM" /> </button> <button class="sc-iBmynh ezGUUm" > <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.findByText (/work/cashtab/src/components/Agora/__tests__/index.test.js:509:29) ====== CashTab Unit Tests: <Agora /> We can buy an offer ====== Error: Unable to find an element with the text: .20. 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-eitiEO kCxyt" > <div class="Toastify" /> <div class="sc-bhlBdH dKnoNj" > <div class="sc-AnqlK ddpYa" > <div class="sc-hycgNl OaVeU" > <img alt="cashtab" class="sc-chAAoq fyvXko" src="test-file-stub" /> </div> <div class="sc-ciodno gKGePj" > <select class="sc-gGCbJM kVsgqI" data-testid="wallet-select" id="wallets" name="wallets" > <option class="sc-lcpuFF ffVCEK" value="Agora Partial Alpha" > Agora Partial Alpha </option> <option class="sc-lcpuFF ffVCEK" value="Agora Partial Beta" > Agora Partial Beta </option> </select> <div class="sc-ekulBa cOrKFe" > <button aria-label="Copy ecash:qqpmsv8yh8wwx3lnf92rrc0e6yq97j6zqs8av8vx8h" class="sc-cQFLBn jGCEIx" > <svg title="copy-paste" /> </button> <div class="sc-gFaPwZ bhfoic" > <div class="sc-fhYwyz kXwmEk" > <input checked="" class="sc-bMvGRv dnGmSn" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-jzgbtB hsNhPD" for="show-hide-balance" > <span class="sc-gJWqzi dYGNll" data-off="" data-on="" /> <span class="sc-rBLzX gWpmmy" /> </label> </div> </div> </div> </div> <div class="sc-cCbXAZ kqkefR" title="Wallet Info" > <div class="sc-jkCMRl lpgFuI" title="Balance in XEC" > 4,200.00 XEC </div> <div class="sc-crNyjn geQHnh" title="Balance in Local Currency" > $ 0.13 USD </div> <p class="sc-cpHetk dSDwNK" title="Price in Local Currency" > 1 XEC = 0.00003000 USD </p> </div> <div class="sc-jvEmr bczZPX" > <div class="sc-jUpvKA cIpSyn" title="Active Offers" > <div class="sc-etwtAo eenSFC" > <div class="sc-gFaPwZ bhfoic" > <div class="sc-fhYwyz kZTqdd" > <input class="sc-bMvGRv dnGmSn" id="Toggle Active Offers" name="Toggle Active Offers" title="Toggle Active Offers" type="checkbox" /> <label class="sc-jzgbtB hsNhPD" for="Toggle Active Offers" > <span class="sc-gJWqzi gEydeL" data-off="" data-on="" /> <span class="sc-rBLzX hAekJS" /> </label> </div> </div> <div class="sc-hqyNC ctrwFD" > Toggle Buy / Manage Listings </div> </div> <div class="sc-jdfcpN cpDNg" > Token Offers </div> <div class="sc-jRuhRL ezqcLL" > <div class="sc-eopZyb gIpewM" > <div class="sc-eNNmBn eBthwK" > <button aria-label="View larger icon for Bull" class="sc-RbTVP cUbRra" size="64" title="01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" /> <div class="sc-eEieub iCvyUs" > <a href="https://explorer.e.cash/tx/01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" rel="noopener noreferrer" target="_blank" > Bull (BULL) </a> </div> </div> <div class="sc-hMrMfs elyrpY" > <div class="sc-drlKqa hUObvl" > <button class="sc-bIqbHp emUWCs" > <div class="sc-gacfCG emFCEN" /> <div class="sc-dEfkYy bHSHqT" /> <div class="sc-jxGEyO kbVFhg" > $1.50 USD </div> </button> </div> <div class="sc-cqPOvA hJfZTr" > <span> Buy </span> <div class="sc-lhVmIH gvtphN" > <input aria-labelledby="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" class="sc-bwCtUz cRbAUS" max="888" min="8" name="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" step="1" type="range" value="8" /> <div class="sc-esjQYD iHrgtF" /> </div> </div> <div class="sc-gNJABI kEATjO" > <div> 8 (BULL) </div> <div> 400.42k XEC </div> <h3> $12.01 USD </h3> <button class="sc-hORach sc-GMQeP dRjpLn" > Cancel your offer </button> </div> </div> </div> <div class="sc-eopZyb gIpewM" > <div class="sc-eNNmBn eBthwK" > <button aria-label="View larger icon for Cachet" class="sc-RbTVP nqsGM" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-eEieub iCvyUs" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-hMrMfs elyrpY" > <div class="sc-drlKqa hUObvl" > <button class="sc-bIqbHp emUWCs" > <div class="sc-gacfCG bHvSDz" /> <div class="sc-dEfkYy icvLKW" /> <div class="sc-jxGEyO kbVFhg" > $0.036 USD </div> </button> <button class="sc-bIqbHp ieJgON" > <div class="sc-gacfCG ldAVRE" /> <div class="sc-jxGEyO kbVFhg" > $0.30 USD </div> </button> <button class="sc-bIqbHp ieJgON" > <div class="sc-gacfCG emFCEN" /> <div class="sc-jxGEyO kbVFhg" > $0.36 USD </div> </button> </div> <div class="sc-cqPOvA hJfZTr" > <span> Buy </span> <div class="sc-lhVmIH gvtphN" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-bwCtUz cRbAUS" max="20000" min="20" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="20" /> <div class="sc-esjQYD iHrgtF" /> </div> </div> <div class="sc-gNJABI kEATjO" > <div> .20 (CACHET) </div> <div> 240.64 XEC </div> <h3> $0.0072 USD </h3> <button class="sc-hORach sc-GMQeP dRjpLn" > Cancel your offer </button> </div> </div> </div> </div> </div> </div> </div> <div class="sc-keFjpB epyvJQ" > <button class="sc-fKGOjr fUlMuB" > <svg /> </button> <button aria-label="Send Screen" class="sc-fKGOjr fUlMuB" style="padding-bottom: 10px;" > <div class="sc-iwsKbI cuDgAv" > <svg title="tx-sent" /> </div> </button> <button aria-label="Tokens" class="sc-fKGOjr fUlMuB" > <svg title="Tokens" /> </button> <button aria-label="Receive" class="sc-fKGOjr fUlMuB" > <svg title="tx-received" /> </button> <div class="sc-jWojfa dBenOO" title="Show Other Screens" > <span class="sc-kVrTmx kZpItY" /> <div class="sc-ekkqgF ijSjpP" title="Other Screens" > <button class="sc-iBmynh ezGUUm" > <p> Wallet Backup </p> <svg title="wallet" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Wallets </p> <svg title="wallets" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Listed NFTs </p> <svg title="NFT" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Agora </p> <svg title="Meme Agora" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Contacts </p> <svg title="Contact List" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Airdrop </p> <svg title="tx-airdrop" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Rewards </p> <svg title="Cashtab Rewards" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Swap </p> <svg title="swap" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Sign & Verify </p> <svg class="sc-htpNat bPFBeM" /> </button> <button class="sc-iBmynh ezGUUm" > <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.findByText (/work/cashtab/src/components/Agora/__tests__/index.test.js:798:26) ====== CashTab Unit Tests: <Agora /> We get expected error if we try to buy an offer we cannot afford ====== Error: Unable to find an element with the text: .20. 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-eitiEO kCxyt" > <div class="Toastify" /> <div class="sc-bhlBdH dKnoNj" > <div class="sc-AnqlK ddpYa" > <div class="sc-hycgNl OaVeU" > <img alt="cashtab" class="sc-chAAoq fyvXko" src="test-file-stub" /> </div> <div class="sc-ciodno gKGePj" > <select class="sc-gGCbJM kVsgqI" data-testid="wallet-select" id="wallets" name="wallets" > <option class="sc-lcpuFF ffVCEK" value="Agora Partial Alpha" > Agora Partial Alpha </option> <option class="sc-lcpuFF ffVCEK" value="Agora Partial Beta" > Agora Partial Beta </option> </select> <div class="sc-ekulBa cOrKFe" > <button aria-label="Copy ecash:qqpmsv8yh8wwx3lnf92rrc0e6yq97j6zqs8av8vx8h" class="sc-cQFLBn jGCEIx" > <svg title="copy-paste" /> </button> <div class="sc-gFaPwZ bhfoic" > <div class="sc-fhYwyz kXwmEk" > <input checked="" class="sc-bMvGRv dnGmSn" id="show-hide-balance" name="show-hide-balance" title="show-hide-balance" type="checkbox" /> <label class="sc-jzgbtB hsNhPD" for="show-hide-balance" > <span class="sc-gJWqzi dYGNll" data-off="" data-on="" /> <span class="sc-rBLzX gWpmmy" /> </label> </div> </div> </div> </div> <div class="sc-cCbXAZ kqkefR" title="Wallet Info" > <div class="sc-jkCMRl lpgFuI" title="Balance in XEC" > 0.00 XEC </div> <div class="sc-crNyjn geQHnh" title="Balance in Local Currency" > $ 0.00 USD </div> <p class="sc-cpHetk dSDwNK" title="Price in Local Currency" > 1 XEC = 0.00003000 USD </p> </div> <div class="sc-jvEmr bczZPX" > <div class="sc-jUpvKA cIpSyn" title="Active Offers" > <div class="sc-etwtAo eenSFC" > <div class="sc-gFaPwZ bhfoic" > <div class="sc-fhYwyz kZTqdd" > <input class="sc-bMvGRv dnGmSn" id="Toggle Active Offers" name="Toggle Active Offers" title="Toggle Active Offers" type="checkbox" /> <label class="sc-jzgbtB hsNhPD" for="Toggle Active Offers" > <span class="sc-gJWqzi gEydeL" data-off="" data-on="" /> <span class="sc-rBLzX hAekJS" /> </label> </div> </div> <div class="sc-hqyNC ctrwFD" > Toggle Buy / Manage Listings </div> </div> <div class="sc-jdfcpN cpDNg" > Token Offers </div> <div class="sc-jRuhRL ezqcLL" > <div class="sc-eopZyb gIpewM" > <div class="sc-eNNmBn eBthwK" > <button aria-label="View larger icon for Bull" class="sc-RbTVP cUbRra" size="64" title="01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" /> <div class="sc-eEieub iCvyUs" > <a href="https://explorer.e.cash/tx/01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" rel="noopener noreferrer" target="_blank" > Bull (BULL) </a> </div> </div> <div class="sc-hMrMfs elyrpY" > <div class="sc-drlKqa hUObvl" > <button class="sc-bIqbHp emUWCs" > <div class="sc-gacfCG emFCEN" /> <div class="sc-dEfkYy bHSHqT" /> <div class="sc-jxGEyO kbVFhg" > $1.50 USD </div> </button> </div> <div class="sc-cqPOvA hJfZTr" > <span> Buy </span> <div class="sc-lhVmIH gvtphN" > <input aria-labelledby="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" class="sc-bwCtUz cRbAUS" max="888" min="8" name="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896" step="1" type="range" value="8" /> <div class="sc-esjQYD iHrgtF" /> </div> </div> <div class="sc-gNJABI kEATjO" > <div> 8 (BULL) </div> <div> 400.42k XEC </div> <h3> $12.01 USD </h3> <button class="sc-hORach sc-GMQeP dRjpLn" > Cancel your offer </button> </div> </div> </div> <div class="sc-eopZyb gIpewM" > <div class="sc-eNNmBn eBthwK" > <button aria-label="View larger icon for Cachet" class="sc-RbTVP nqsGM" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-eEieub iCvyUs" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-hMrMfs elyrpY" > <div class="sc-drlKqa hUObvl" > <button class="sc-bIqbHp emUWCs" > <div class="sc-gacfCG bHvSDz" /> <div class="sc-dEfkYy icvLKW" /> <div class="sc-jxGEyO kbVFhg" > $0.036 USD </div> </button> <button class="sc-bIqbHp ieJgON" > <div class="sc-gacfCG ldAVRE" /> <div class="sc-jxGEyO kbVFhg" > $0.30 USD </div> </button> <button class="sc-bIqbHp ieJgON" > <div class="sc-gacfCG emFCEN" /> <div class="sc-jxGEyO kbVFhg" > $0.36 USD </div> </button> </div> <div class="sc-cqPOvA hJfZTr" > <span> Buy </span> <div class="sc-lhVmIH gvtphN" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-bwCtUz cRbAUS" max="20000" min="20" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="20" /> <div class="sc-esjQYD iHrgtF" /> </div> </div> <div class="sc-gNJABI kEATjO" > <div> .20 (CACHET) </div> <div> 240.64 XEC </div> <h3> $0.0072 USD </h3> <button class="sc-hORach sc-GMQeP dRjpLn" > Cancel your offer </button> </div> </div> </div> </div> </div> </div> </div> <div class="sc-keFjpB epyvJQ" > <button class="sc-fKGOjr fUlMuB" > <svg /> </button> <button aria-label="Send Screen" class="sc-fKGOjr fUlMuB" style="padding-bottom: 10px;" > <div class="sc-iwsKbI cuDgAv" > <svg title="tx-sent" /> </div> </button> <button aria-label="Tokens" class="sc-fKGOjr fUlMuB" > <svg title="Tokens" /> </button> <button aria-label="Receive" class="sc-fKGOjr fUlMuB" > <svg title="tx-received" /> </button> <div class="sc-jWojfa dBenOO" title="Show Other Screens" > <span class="sc-kVrTmx kZpItY" /> <div class="sc-ekkqgF ijSjpP" title="Other Screens" > <button class="sc-iBmynh ezGUUm" > <p> Wallet Backup </p> <svg title="wallet" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Wallets </p> <svg title="wallets" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Listed NFTs </p> <svg title="NFT" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Agora </p> <svg title="Meme Agora" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Contacts </p> <svg title="Contact List" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Airdrop </p> <svg title="tx-airdrop" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Rewards </p> <svg title="Cashtab Rewards" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Swap </p> <svg title="swap" /> </button> <button class="sc-iBmynh ezGUUm" > <p> Sign & Verify </p> <svg class="sc-htpNat bPFBeM" /> </button> <button class="sc-iBmynh ezGUUm" > <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.findByText (/work/cashtab/src/components/Agora/__tests__/index.test.js:955:26) at runNextTicks (node:internal/process/task_queues:60:5) at listOnTimeout (node:internal/timers:545:9) at processTimers (node:internal/timers:519:7)
Each failure log is accessible here:
CashTab Unit Tests: <Agora /> We can see multiple offers, some we made, others we did not, and we can cancel an offer
CashTab Unit Tests: <Agora /> We can buy an offer
CashTab Unit Tests: <Agora /> We get expected error if we try to buy an offer we cannot afford
Tail of the build log:
1 moderate severity vulnerability To address all issues, run: npm audit fix Run `npm audit` for details. > ecash-agora@0.1.1 build > tsc && tsc -p ./tsconfig.build.json /work/cashtab /work/modules/ecash-agora /work/modules/ecash-lib /work/modules/ecash-lib-wasm /work/modules/ecash-script /work/modules/chronik-client /work/modules/mock-chronik-client /work/modules/ecashaddrjs /work/abc-ci-builds/cashtab-tests npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful. npm warn deprecated @babel/plugin-proposal-private-methods@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead. npm warn deprecated @babel/plugin-proposal-nullish-coalescing-operator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead. npm warn deprecated @babel/plugin-proposal-numeric-separator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead. npm warn deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead. npm warn deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported npm warn deprecated @babel/plugin-proposal-optional-chaining@7.21.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead. npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported npm warn deprecated @humanwhocodes/object-schema@2.0.3: Use @eslint/object-schema instead npm warn deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility npm warn deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead npm warn deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser npm warn deprecated workbox-cacheable-response@6.6.0: workbox-background-sync@6.6.0 npm warn deprecated workbox-google-analytics@6.6.0: It is not compatible with newer versions of GA starting with v4, as long as you are using GAv3 it should be ok, but the package is not longer being maintained npm warn deprecated domexception@4.0.0: Use your platform's native DOMException instead npm warn deprecated abab@2.0.6: Use your platform's native atob() and btoa() methods instead npm warn deprecated @humanwhocodes/config-array@0.13.0: Use @eslint/config-array instead npm warn deprecated @babel/plugin-proposal-private-property-in-object@7.21.11: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead. npm warn deprecated eslint@8.57.1: This version is no longer supported. Please see https://eslint.org/version-support for other options. added 1645 packages, and audited 1651 packages in 18s 270 packages are looking for funding run `npm fund` for details 1 low severity vulnerability To address all issues, run: npm audit fix Run `npm audit` for details. > cashtab@2.52.1 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/Agora/OrderBook/index.js Line 54:5: 'OrderBookContainer' is defined but never used @typescript-eslint/no-unused-vars Line 55:5: 'ButtonRow' is defined but never used @typescript-eslint/no-unused-vars Build cashtab-tests failed with exit code 1
Failed tests logs:
====== CashTab Unit Tests: <OrderBook /> We can see a rendered offer ====== TestingLibraryElementError: Unable to find an element with the text: .10. 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-hZSUBg bWKVJt" > <div class="sc-cMhqgX kWnuTb" > <button aria-label="View larger icon for Cachet" class="sc-esOvli hPuxIx" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-iuJeZd djdrqE" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-cmthru iiWdbB" > <div class="sc-hMFtBS ktldut" > <button class="sc-cLQEGU eQKKit" > <div class="sc-hORach doIOJF" /> <div class="sc-bMVAic cKgNMr" /> <div class="sc-gqPbQI joaLKR" > $0.33 USD </div> </button> </div> <div class="sc-bAeIUo enPink" > <span> Buy </span> <div class="sc-Rmtcm kTXkhf" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-kvZOFW eaRDDl" max="10000" min="10" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="10" /> <div class="sc-TOsTZ enqgSn" /> </div> </div> <div class="sc-iujRgT kNNMjo" > <div> .10 CACHET </div> <div> 0 XEC </div> <h3> $0.00 USD </h3> <button class="sc-GMQeP sc-daURTG iiJqEF" > Cancel your offer </button> </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.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:199:23) 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: <OrderBook /> We can see a rendered offer in an OrderBook with noIcon ====== TestingLibraryElementError: Unable to find an element with the text: .10. 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-hZSUBg iXcdLx" > <div class="sc-cmthru iiWdbB" > <div class="sc-hMFtBS ktldut" > <button class="sc-cLQEGU eQKKit" > <div class="sc-hORach doIOJF" /> <div class="sc-bMVAic cKgNMr" /> <div class="sc-gqPbQI joaLKR" > $0.33 USD </div> </button> </div> <div class="sc-bAeIUo enPink" > <span> Buy </span> <div class="sc-Rmtcm kTXkhf" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-kvZOFW eaRDDl" max="10000" min="10" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="10" /> <div class="sc-TOsTZ enqgSn" /> </div> </div> <div class="sc-iujRgT kNNMjo" > <div> .10 CACHET </div> <div> 1k XEC </div> <h3> $0.033 USD </h3> <button class="sc-GMQeP sc-daURTG iiJqEF" > Cancel your offer </button> </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.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:267:23) ====== 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 text: .20. 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="Toastify" /> <div class="sc-hZSUBg bWKVJt" > <div class="sc-cMhqgX kWnuTb" > <button aria-label="View larger icon for Cachet" class="sc-esOvli hPuxIx" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-iuJeZd djdrqE" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-cmthru iiWdbB" > <div class="sc-hMFtBS ktldut" > <button class="sc-cLQEGU eQKKit" > <div class="sc-hORach dLOpgg" /> <div class="sc-bMVAic bChApj" /> <div class="sc-gqPbQI joaLKR" > $0.036 USD </div> </button> <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach eKfzXP" /> <div class="sc-gqPbQI joaLKR" > $0.30 USD </div> </button> <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach doIOJF" /> <div class="sc-gqPbQI joaLKR" > $0.36 USD </div> </button> </div> <div class="sc-bAeIUo enPink" > <span> Buy </span> <div class="sc-Rmtcm kTXkhf" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-kvZOFW eaRDDl" max="20000" min="20" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="20" /> <div class="sc-TOsTZ enqgSn" /> </div> </div> <div class="sc-iujRgT kNNMjo" > <div> .20 CACHET </div> <div> 240.64 XEC </div> <h3> $0.0072 USD </h3> <button class="sc-GMQeP sc-daURTG iiJqEF" > 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 Object.findByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:368:26) 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: <OrderBook /> We can buy an offer ====== Error: Unable to find an element with the text: .20. 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="Toastify" /> <div class="sc-hZSUBg bWKVJt" > <div class="sc-cMhqgX kWnuTb" > <button aria-label="View larger icon for Cachet" class="sc-esOvli hPuxIx" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-iuJeZd djdrqE" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-cmthru iiWdbB" > <div class="sc-hMFtBS ktldut" > <button class="sc-cLQEGU eQKKit" > <div class="sc-hORach dLOpgg" /> <div class="sc-bMVAic bChApj" /> <div class="sc-gqPbQI joaLKR" > $0.036 USD </div> </button> <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach eKfzXP" /> <div class="sc-gqPbQI joaLKR" > $0.30 USD </div> </button> <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach doIOJF" /> <div class="sc-gqPbQI joaLKR" > $0.36 USD </div> </button> </div> <div class="sc-bAeIUo enPink" > <span> Buy </span> <div class="sc-Rmtcm kTXkhf" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-kvZOFW eaRDDl" max="20000" min="20" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="20" /> <div class="sc-TOsTZ enqgSn" /> </div> </div> <div class="sc-iujRgT kNNMjo" > <div> .20 CACHET </div> <div> 240.64 XEC </div> <h3> $0.0072 USD </h3> <button class="sc-GMQeP sc-daURTG iiJqEF" > 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 Object.findByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:507:26) at runNextTicks (node:internal/process/task_queues:60:5) at listOnTimeout (node:internal/timers:545:9) at processTimers (node:internal/timers:519:7)
Each failure log is accessible here:
CashTab Unit Tests: <OrderBook /> We can see a rendered offer
CashTab Unit Tests: <OrderBook /> We can see a rendered offer in an OrderBook with noIcon
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
Failed tests logs:
====== CashTab Unit Tests: <OrderBook /> We can see a rendered offer ====== TestingLibraryElementError: Unable to find an element with the text: 1.70. 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-hZSUBg bWKVJt" > <div class="sc-cMhqgX kWnuTb" > <button aria-label="View larger icon for Cachet" class="sc-esOvli hPuxIx" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-iuJeZd djdrqE" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-cmthru iiWdbB" > <div class="sc-hMFtBS ktldut" > <button class="sc-cLQEGU eQKKit" > <div class="sc-hORach doIOJF" /> <div class="sc-bMVAic jTKApa" /> <div class="sc-gqPbQI joaLKR" > $0.33 USD </div> </button> </div> <div class="sc-bAeIUo enPink" > <span> Buy </span> <div class="sc-Rmtcm kTXkhf" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-kvZOFW eaRDDl" max="10000" min="10" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="170" /> <div class="sc-TOsTZ enqgSn" /> </div> </div> <div class="sc-iujRgT kNNMjo" > <div> 1.70 CACHET </div> <div> 17k XEC </div> <h3> $0.56 USD </h3> <button class="sc-GMQeP sc-daURTG iiJqEF" > Cancel your offer </button> </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.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:213:23) ====== CashTab Unit Tests: <OrderBook /> We can see a rendered offer in an OrderBook with noIcon ====== TestingLibraryElementError: Unable to find an element with the text: 1.70. 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-hZSUBg iXcdLx" > <div class="sc-cmthru iiWdbB" > <div class="sc-hMFtBS ktldut" > <button class="sc-cLQEGU eQKKit" > <div class="sc-hORach doIOJF" /> <div class="sc-bMVAic jTKApa" /> <div class="sc-gqPbQI joaLKR" > $0.33 USD </div> </button> </div> <div class="sc-bAeIUo enPink" > <span> Buy </span> <div class="sc-Rmtcm kTXkhf" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-kvZOFW eaRDDl" max="10000" min="10" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="170" /> <div class="sc-TOsTZ enqgSn" /> </div> </div> <div class="sc-iujRgT kNNMjo" > <div> 1.70 CACHET </div> <div> 17k XEC </div> <h3> $0.56 USD </h3> <button class="sc-GMQeP sc-daURTG iiJqEF" > Cancel your offer </button> </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.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:281:23) ====== CashTab Unit Tests: <OrderBook /> We can see multiple offers, some we made, others we did not, and we can cancel an offer ====== TestingLibraryElementError: Unable to find an element with the text: .30. 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="Toastify" /> <div class="sc-hZSUBg bWKVJt" > <div class="sc-cMhqgX kWnuTb" > <button aria-label="View larger icon for Cachet" class="sc-esOvli hPuxIx" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-iuJeZd djdrqE" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-cmthru iiWdbB" > <div class="sc-hMFtBS ktldut" > <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach dLOpgg" /> <div class="sc-gqPbQI joaLKR" > $0.036 USD </div> </button> <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach eKfzXP" /> <div class="sc-gqPbQI joaLKR" > $0.30 USD </div> </button> <button class="sc-cLQEGU eQKKit" > <div class="sc-hORach doIOJF" /> <div class="sc-bMVAic cKgNMr" /> <div class="sc-gqPbQI joaLKR" > $0.36 USD </div> </button> </div> <div class="sc-bAeIUo enPink" > <span> Buy </span> <div class="sc-Rmtcm kTXkhf" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-kvZOFW eaRDDl" max="30000" min="30" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="30" /> <div class="sc-TOsTZ enqgSn" /> </div> </div> <div class="sc-iujRgT kNNMjo" > <div> .30 CACHET </div> <div> 3.6k XEC </div> <h3> $0.11 USD </h3> <button class="sc-GMQeP sc-cQFLBn cPLJjc" > Buy Cachet (CACHET) </button> </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.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:388:20) ====== CashTab Unit Tests: <OrderBook /> We can buy an offer ====== TestingLibraryElementError: Unable to find an element with the text: .30. 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="Toastify" /> <div class="sc-hZSUBg bWKVJt" > <div class="sc-cMhqgX kWnuTb" > <button aria-label="View larger icon for Cachet" class="sc-esOvli hPuxIx" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-iuJeZd djdrqE" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-cmthru iiWdbB" > <div class="sc-hMFtBS ktldut" > <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach dLOpgg" /> <div class="sc-gqPbQI joaLKR" > $0.036 USD </div> </button> <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach eKfzXP" /> <div class="sc-gqPbQI joaLKR" > $0.30 USD </div> </button> <button class="sc-cLQEGU eQKKit" > <div class="sc-hORach doIOJF" /> <div class="sc-bMVAic cKgNMr" /> <div class="sc-gqPbQI joaLKR" > $0.36 USD </div> </button> </div> <div class="sc-bAeIUo enPink" > <span> Buy </span> <div class="sc-Rmtcm kTXkhf" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-kvZOFW eaRDDl" max="30000" min="30" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="30" /> <div class="sc-TOsTZ enqgSn" /> </div> </div> <div class="sc-iujRgT kNNMjo" > <div> .30 CACHET </div> <div> 3.6k XEC </div> <h3> $0.11 USD </h3> <button class="sc-GMQeP sc-cQFLBn cPLJjc" > Buy Cachet (CACHET) </button> </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.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:522:20)
Each failure log is accessible here:
CashTab Unit Tests: <OrderBook /> We can see a rendered offer
CashTab Unit Tests: <OrderBook /> We can see a rendered offer in an OrderBook with noIcon
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
Failed tests logs:
====== CashTab Unit Tests: <OrderBook /> We can buy an offer ====== Error: Unable to find an element with the text: Bought .30 CACHET Cachet (CACHET) for 3,601.92 XEC ($0.11 USD). 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="Toastify" > <div class="Toastify__toast-container Toastify__toast-container--top-right sc-cbkKFq krzyvb" > <div class="Toastify__toast Toastify__toast-theme--light Toastify__toast--default Toastify__toast--close-on-click Toastify--animate Toastify__bounce-enter--top-right" data-in="true" id="3" > <div class="Toastify__toast-body" role="alert" > <div class="Toastify__toast-icon Toastify--animate-icon Toastify__zoom-enter" > <img alt="icon for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" height="32" src="https://icons.etokens.cash/32/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1.png" width="32" /> </div> <div> <a class="sc-iyvyFf eSQwEk" href="https://explorer.e.cash/tx/eb298e786a91676f5b88b45d31d3979d6a8f96771ed99a69f3fa1aa1306238b0" rel="noopener noreferrer" target="_blank" > Bought .30 Cachet (CACHET) for 3,601.92 XEC ($0.11 USD) </a> </div> </div> <button aria-label="close" class="Toastify__close-button Toastify__close-button--light" type="button" > <svg aria-hidden="true" viewBox="0 0 14 16" > <path d="M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z" fill-rule="evenodd" /> </svg> </button> <div class="Toastify__progress-bar--wrp" data-hidden="false" > <div class="Toastify__progress-bar--bg Toastify__progress-bar-theme--light Toastify__progress-bar--default" /> <div aria-hidden="false" aria-label="notification timer" class="Toastify__progress-bar Toastify__progress-bar--animated Toastify__progress-bar-theme--light Toastify__progress-bar--default" role="progressbar" style="animation-duration: 5000ms; animation-play-state: paused;" /> </div> </div> <div class="Toastify__toast Toastify__toast-theme--light Toastify__toast--error Toastify__toast--close-on-click Toastify--animate Toastify__bounce-enter--top-right" data-in="true" id="2" > <div class="Toastify__toast-body" role="alert" > <div class="Toastify__toast-icon Toastify--animate-icon Toastify__zoom-enter" > <svg fill="var(--toastify-icon-color-error)" height="100%" viewBox="0 0 24 24" width="100%" > <path d="M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z" /> </svg> </div> <div> Error: Insufficient utxos to accept this offer </div> </div> <button aria-label="close" class="Toastify__close-button Toastify__close-button--light" type="button" > <svg aria-hidden="true" viewBox="0 0 14 16" > <path d="M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z" fill-rule="evenodd" /> </svg> </button> <div class="Toastify__progress-bar--wrp" data-hidden="false" > <div class="Toastify__progress-bar--bg Toastify__progress-bar-theme--light Toastify__progress-bar--error" /> <div aria-hidden="false" aria-label="notification timer" class="Toastify__progress-bar Toastify__progress-bar--animated Toastify__progress-bar-theme--light Toastify__progress-bar--error" role="progressbar" style="animation-duration: 5000ms; animation-play-state: paused;" /> </div> </div> </div> </div> <div class="sc-hZSUBg bWKVJt" > <div class="sc-cMhqgX kWnuTb" > <button aria-label="View larger icon for Cachet" class="sc-esOvli hPuxIx" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-iuJeZd djdrqE" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-cmthru iiWdbB" > <div class="sc-hMFtBS ktldut" > <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach dLOpgg" /> <div class="sc-gqPbQI joaLKR" > $0.036 USD </div> </button> <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach eKfzXP" /> <div class="sc-gqPbQI joaLKR" > $0.30 USD </div> </button> <button class="sc-cLQEGU eQKKit" > <div class="sc-hORach doIOJF" /> <div class="sc-bMVAic cKgNMr" /> <div class="sc-gqPbQI joaLKR" > $0.36 USD </div> </button> </div> <div class="sc-bAeIUo enPink" > <span> Buy </span> <div class="sc-Rmtcm kTXkhf" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-kvZOFW eaRDDl" max="30000" min="30" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="30" /> <div class="sc-TOsTZ enqgSn" /> </div> </div> <div class="sc-iujRgT kNNMjo" > <div> .30 CACHET </div> <div> 3.6k XEC </div> <h3> $0.11 USD </h3> <button class="sc-GMQeP sc-cQFLBn cPLJjc" > Buy Cachet (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 Object.findByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:592:26)
Each failure log is accessible here:
CashTab Unit Tests: <OrderBook /> We can buy an offer
Failed tests logs:
====== CashTab Unit Tests: <OrderBook /> We can buy an offer ====== TestingLibraryElementError: Unable to find an element with the text: .30. 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="Toastify" /> <div class="sc-hZSUBg bWKVJt" > <div class="sc-cMhqgX kWnuTb" > <button aria-label="View larger icon for Cachet" class="sc-esOvli hPuxIx" size="64" title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" /> <div class="sc-iuJeZd djdrqE" > <a href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" rel="noopener noreferrer" target="_blank" > Cachet (CACHET) </a> </div> </div> <div class="sc-cmthru iiWdbB" > <div class="sc-hMFtBS ktldut" > <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach dLOpgg" /> <div class="sc-gqPbQI joaLKR" > $0.036 USD </div> </button> <button class="sc-cLQEGU hgTsLt" > <div class="sc-hORach eKfzXP" /> <div class="sc-gqPbQI joaLKR" > $0.30 USD </div> </button> <button class="sc-cLQEGU eQKKit" > <div class="sc-hORach doIOJF" /> <div class="sc-bMVAic cKgNMr" /> <div class="sc-gqPbQI joaLKR" > $0.36 USD </div> </button> </div> <div class="sc-bAeIUo enPink" > <span> Buy </span> <div class="sc-Rmtcm kTXkhf" > <input aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" class="sc-kvZOFW eaRDDl" max="30000" min="30" name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1" step="1" type="range" value="30" /> <div class="sc-TOsTZ enqgSn" /> </div> </div> <div class="sc-iujRgT kNNMjo" > <div> .30 CACHET </div> <div> 3.6k XEC </div> <h3> $0.11 USD </h3> <button class="sc-GMQeP sc-cQFLBn cPLJjc" > Buy Cachet (CACHET) </button> </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.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:522:20)
Each failure log is accessible here:
CashTab Unit Tests: <OrderBook /> We can buy an offer
awesome this is much better than the current component
colors are off in noIcon version on token landing page vs Agora version
z-index interference with menu
z-index interference with bottom nav
cashtab/src/components/Agora/OrderBook/__tests__/index.test.js | ||
---|---|---|
522 ↗ | (On Diff #50685) | why + 'CACHET' here where the others the variable was set to include the ticker? both approaches are ok, but keep it consistent. |
cashtab/src/components/Agora/OrderBook/index.js | ||
731 | tokenTicker here is either (<ticker>) or an empty string (for tokens without a ticker. It is cleaner to just use the ticker. But in that case, we don't want to use '()'. And also we can't use '' if the token has no ticker. So logic here needs to be `{tokenT | |
cashtab/src/components/Agora/__tests__/index.test.js | ||
645 ↗ | (On Diff #50685) | yet another option for this info. here we keep the variable the same but expect a combined string the easiest approach is prob the one that appears earliest in this diff, just changing the variable name....assuming it isn't used in any other way. |
still seeing the color issue on the token screen, e.g. http://localhost:3000/#/token/01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896
yeah my bad I pushed before I had all the changes in. Guess I shouldve marked it as changes planned...think shes ready now though