Page MenuHomePhabricator

[Cashtab] More style improvements to Orderbook
AbandonedPublicDraft

Authored by bytesofman on Fri, Nov 1, 22:41.

Details

Reviewers
None
Group Reviewers
Restricted Project
Summary

Diff based on John code contributions

Test Plan

npm test

Diff Detail

Repository
rABC Bitcoin ABC
Branch
cashtab-better-orderbooks
Lint
Lint Passed
Unit
No Test Coverage
Build Status
Buildable 30967
Build 61437: Build Diffcashtab-tests
Build 61436: 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 gqYAzZ"
                      >
                        <div
                          class="sc-gacfCG eNILnu"
                        />
                        <div
                          class="sc-dEfkYy kDrQgj"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $1.50 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA kgiXaq"
                    >
                      <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 gqYAzZ"
                      >
                        <div
                          class="sc-gacfCG hqGwmq"
                        />
                        <div
                          class="sc-dEfkYy lkTsVh"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.036 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp jCUojs"
                      >
                        <div
                          class="sc-gacfCG ipKgUF"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.30 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp jCUojs"
                      >
                        <div
                          class="sc-gacfCG eNILnu"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.36 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA kgiXaq"
                    >
                      <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 gqYAzZ"
                      >
                        <div
                          class="sc-gacfCG eNILnu"
                        />
                        <div
                          class="sc-dEfkYy kDrQgj"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $1.50 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA kgiXaq"
                    >
                      <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 gqYAzZ"
                      >
                        <div
                          class="sc-gacfCG hqGwmq"
                        />
                        <div
                          class="sc-dEfkYy lkTsVh"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.036 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp jCUojs"
                      >
                        <div
                          class="sc-gacfCG ipKgUF"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.30 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp jCUojs"
                      >
                        <div
                          class="sc-gacfCG eNILnu"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.36 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA kgiXaq"
                    >
                      <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)
    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: <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 gqYAzZ"
                      >
                        <div
                          class="sc-gacfCG eNILnu"
                        />
                        <div
                          class="sc-dEfkYy kDrQgj"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $1.50 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA kgiXaq"
                    >
                      <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 gqYAzZ"
                      >
                        <div
                          class="sc-gacfCG hqGwmq"
                        />
                        <div
                          class="sc-dEfkYy lkTsVh"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.036 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp jCUojs"
                      >
                        <div
                          class="sc-gacfCG ipKgUF"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.30 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp jCUojs"
                      >
                        <div
                          class="sc-gacfCG eNILnu"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.36 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA kgiXaq"
                    >
                      <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