Page MenuHomePhabricator

[Cashtab] More style improvements to Orderbook
DraftPublic

Authored by bytesofman on Fri, Nov 1, 22:41.
This is a draft revision that has not yet been submitted for review.

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