Page MenuHomePhabricator

[cashtab] Agora order book UI adjustments
ClosedPublic

Authored by johnkuney on Tue, Nov 5, 16:43.

Details

Reviewers
bytesofman
Group Reviewers
Restricted Project
Commits
rABC141e038e3b77: [cashtab] Agora order book UI adjustments
Summary

Style edits to the order book on agora

Test Plan

preview the site and check out agora

Diff Detail

Repository
rABC Bitcoin ABC
Branch
cashtab-agora-ui
Lint
Lint Passed
Unit
No Test Coverage
Build Status
Buildable 31013
Build 61529: Build Diffcashtab-tests
Build 61528: arc lint + arc unit

Event Timeline

Failed tests logs:

====== CashTab Unit Tests: <Agora /> We can see multiple offers, some we made, others we did not, and we can cancel an offer ======
Error: Unable to find an element with the text: 8. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-eitiEO kCxyt"
    >
      <div
        class="Toastify"
      />
      <div
        class="sc-bhlBdH dKnoNj"
      >
        <div
          class="sc-AnqlK ddpYa"
        >
          <div
            class="sc-hycgNl OaVeU"
          >
            <img
              alt="cashtab"
              class="sc-chAAoq fyvXko"
              src="test-file-stub"
            />
          </div>
          <div
            class="sc-ciodno gKGePj"
          >
            <select
              class="sc-gGCbJM kVsgqI"
              data-testid="wallet-select"
              id="wallets"
              name="wallets"
            >
              <option
                class="sc-lcpuFF ffVCEK"
                value="Agora Partial Alpha"
              >
                Agora Partial Alpha
              </option>
              <option
                class="sc-lcpuFF ffVCEK"
                value="Agora Partial Beta"
              >
                Agora Partial Beta
              </option>
            </select>
            <div
              class="sc-ekulBa cOrKFe"
            >
              <button
                aria-label="Copy ecash:qqpmsv8yh8wwx3lnf92rrc0e6yq97j6zqs8av8vx8h"
                class="sc-cQFLBn jGCEIx"
              >
                <svg
                  title="copy-paste"
                />
              </button>
              <div
                class="sc-gFaPwZ bhfoic"
              >
                <div
                  class="sc-fhYwyz kXwmEk"
                >
                  <input
                    checked=""
                    class="sc-bMvGRv dnGmSn"
                    id="show-hide-balance"
                    name="show-hide-balance"
                    title="show-hide-balance"
                    type="checkbox"
                  />
                  <label
                    class="sc-jzgbtB hsNhPD"
                    for="show-hide-balance"
                  >
                    <span
                      class="sc-gJWqzi dYGNll"
                      data-off=""
                      data-on=""
                    />
                    <span
                      class="sc-rBLzX gWpmmy"
                    />
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div
            class="sc-cCbXAZ kqkefR"
            title="Wallet Info"
          >
            <div
              class="sc-jkCMRl lpgFuI"
              title="Balance in XEC"
            >
              4,200.00
               
              XEC
               
            </div>
            <div
              class="sc-crNyjn geQHnh"
              title="Balance in Local Currency"
            >
              $
              0.13
               
              USD
            </div>
            <p
              class="sc-cpHetk dSDwNK"
              title="Price in Local Currency"
            >
              1 
              XEC
               = 
              0.00003000
               
              USD
            </p>
          </div>
          <div
            class="sc-jvEmr bczZPX"
          >
            <div
              class="sc-jUpvKA cIpSyn"
              title="Active Offers"
            >
              <div
                class="sc-etwtAo eenSFC"
              >
                <div
                  class="sc-gFaPwZ bhfoic"
                >
                  <div
                    class="sc-fhYwyz kZTqdd"
                  >
                    <input
                      class="sc-bMvGRv dnGmSn"
                      id="Toggle Active Offers"
                      name="Toggle Active Offers"
                      title="Toggle Active Offers"
                      type="checkbox"
                    />
                    <label
                      class="sc-jzgbtB hsNhPD"
                      for="Toggle Active Offers"
                    >
                      <span
                        class="sc-gJWqzi gEydeL"
                        data-off=""
                        data-on=""
                      />
                      <span
                        class="sc-rBLzX hAekJS"
                      />
                    </label>
                  </div>
                </div>
                <div
                  class="sc-hqyNC ctrwFD"
                >
                  Toggle Buy / Manage Listings
                </div>
              </div>
              <div
                class="sc-jdfcpN cpDNg"
              >
                Token Offers
              </div>
              <div
                class="sc-jRuhRL ezqcLL"
              >
                <div
                  class="sc-eopZyb gIpewM"
                >
                  <div
                    class="sc-eNNmBn eBthwK"
                  >
                    <button
                      aria-label="View larger icon for Bull"
                      class="sc-RbTVP cUbRra"
                      size="64"
                      title="01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                    />
                    <div
                      class="sc-eEieub iCvyUs"
                    >
                      <a
                        href="https://explorer.e.cash/tx/01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                        rel="noopener noreferrer"
                        target="_blank"
                      >
                        Bull
                         
                         (BULL)
                      </a>
                    </div>
                  </div>
                  <div
                    class="sc-hMrMfs elyrpY"
                  >
                    <div
                      class="sc-drlKqa hUObvl"
                    >
                      <button
                        class="sc-bIqbHp emUWCs"
                      >
                        <div
                          class="sc-gacfCG emFCEN"
                        />
                        <div
                          class="sc-dEfkYy bHSHqT"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $1.50 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA hJfZTr"
                    >
                      <span>
                        Buy
                      </span>
                      <div
                        class="sc-lhVmIH gvtphN"
                      >
                        <input
                          aria-labelledby="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                          class="sc-bwCtUz cRbAUS"
                          max="888"
                          min="8"
                          name="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                          step="1"
                          type="range"
                          value="8"
                        />
                        <div
                          class="sc-esjQYD iHrgtF"
                        />
                      </div>
                    </div>
                    <div
                      class="sc-gNJABI kEATjO"
                    >
                      <div>
                        8
                         
                         (BULL)
                      </div>
                      <div>
                        400.42k
                         XEC
                      </div>
                      <h3>
                        $12.01 USD
                      </h3>
                      <button
                        class="sc-hORach sc-GMQeP dRjpLn"
                      >
                        Cancel your offer
                      </button>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-eopZyb gIpewM"
                >
                  <div
                    class="sc-eNNmBn eBthwK"
                  >
                    <button
                      aria-label="View larger icon for Cachet"
                      class="sc-RbTVP nqsGM"
                      size="64"
                      title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                    />
                    <div
                      class="sc-eEieub iCvyUs"
                    >
                      <a
                        href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                        rel="noopener noreferrer"
                        target="_blank"
                      >
                        Cachet
                         
                         (CACHET)
                      </a>
                    </div>
                  </div>
                  <div
                    class="sc-hMrMfs elyrpY"
                  >
                    <div
                      class="sc-drlKqa hUObvl"
                    >
                      <button
                        class="sc-bIqbHp emUWCs"
                      >
                        <div
                          class="sc-gacfCG bHvSDz"
                        />
                        <div
                          class="sc-dEfkYy icvLKW"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.036 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp ieJgON"
                      >
                        <div
                          class="sc-gacfCG ldAVRE"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.30 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp ieJgON"
                      >
                        <div
                          class="sc-gacfCG emFCEN"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.36 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA hJfZTr"
                    >
                      <span>
                        Buy
                      </span>
                      <div
                        class="sc-lhVmIH gvtphN"
                      >
                        <input
                          aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                          class="sc-bwCtUz cRbAUS"
                          max="20000"
                          min="20"
                          name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                          step="1"
                          type="range"
                          value="20"
                        />
                        <div
                          class="sc-esjQYD iHrgtF"
                        />
                      </div>
                    </div>
                    <div
                      class="sc-gNJABI kEATjO"
                    >
                      <div>
                        .20
                         
                         (CACHET)
                      </div>
                      <div>
                        240.64
                         XEC
                      </div>
                      <h3>
                        $0.0072 USD
                      </h3>
                      <button
                        class="sc-hORach sc-GMQeP dRjpLn"
                      >
                        Cancel your offer
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="sc-keFjpB epyvJQ"
        >
          <button
            class="sc-fKGOjr fUlMuB"
          >
            <svg />
          </button>
          <button
            aria-label="Send Screen"
            class="sc-fKGOjr fUlMuB"
            style="padding-bottom: 10px;"
          >
            <div
              class="sc-iwsKbI cuDgAv"
            >
              <svg
                title="tx-sent"
              />
            </div>
          </button>
          <button
            aria-label="Tokens"
            class="sc-fKGOjr fUlMuB"
          >
            <svg
              title="Tokens"
            />
          </button>
          <button
            aria-label="Receive"
            class="sc-fKGOjr fUlMuB"
          >
            <svg
              title="tx-received"
            />
          </button>
          <div
            class="sc-jWojfa dBenOO"
            title="Show Other Screens"
          >
            <span
              class="sc-kVrTmx kZpItY"
            />
            <div
              class="sc-ekkqgF ijSjpP"
              title="Other Screens"
            >
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Wallet Backup
                </p>
                <svg
                  title="wallet"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Wallets
                </p>
                <svg
                  title="wallets"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Listed NFTs
                </p>
                <svg
                  title="NFT"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Agora
                </p>
                <svg
                  title="Meme Agora"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Contacts
                </p>
                <svg
                  title="Contact List"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Airdrop
                </p>
                <svg
                  title="tx-airdrop"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Rewards
                </p>
                <svg
                  title="Cashtab Rewards"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Swap
                </p>
                <svg
                  title="swap"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                <p>
                  Sign & Verify
                </p>
                <svg
                  class="sc-htpNat bPFBeM"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                <p>
                  Settings
                </p>
                <svg
                  title="settings"
                />
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
    at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
    at Object.findByText (/work/cashtab/src/components/Agora/__tests__/index.test.js:509:29)
====== CashTab Unit Tests: <Agora /> We can buy an offer ======
Error: Unable to find an element with the text: .20. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-eitiEO kCxyt"
    >
      <div
        class="Toastify"
      />
      <div
        class="sc-bhlBdH dKnoNj"
      >
        <div
          class="sc-AnqlK ddpYa"
        >
          <div
            class="sc-hycgNl OaVeU"
          >
            <img
              alt="cashtab"
              class="sc-chAAoq fyvXko"
              src="test-file-stub"
            />
          </div>
          <div
            class="sc-ciodno gKGePj"
          >
            <select
              class="sc-gGCbJM kVsgqI"
              data-testid="wallet-select"
              id="wallets"
              name="wallets"
            >
              <option
                class="sc-lcpuFF ffVCEK"
                value="Agora Partial Alpha"
              >
                Agora Partial Alpha
              </option>
              <option
                class="sc-lcpuFF ffVCEK"
                value="Agora Partial Beta"
              >
                Agora Partial Beta
              </option>
            </select>
            <div
              class="sc-ekulBa cOrKFe"
            >
              <button
                aria-label="Copy ecash:qqpmsv8yh8wwx3lnf92rrc0e6yq97j6zqs8av8vx8h"
                class="sc-cQFLBn jGCEIx"
              >
                <svg
                  title="copy-paste"
                />
              </button>
              <div
                class="sc-gFaPwZ bhfoic"
              >
                <div
                  class="sc-fhYwyz kXwmEk"
                >
                  <input
                    checked=""
                    class="sc-bMvGRv dnGmSn"
                    id="show-hide-balance"
                    name="show-hide-balance"
                    title="show-hide-balance"
                    type="checkbox"
                  />
                  <label
                    class="sc-jzgbtB hsNhPD"
                    for="show-hide-balance"
                  >
                    <span
                      class="sc-gJWqzi dYGNll"
                      data-off=""
                      data-on=""
                    />
                    <span
                      class="sc-rBLzX gWpmmy"
                    />
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div
            class="sc-cCbXAZ kqkefR"
            title="Wallet Info"
          >
            <div
              class="sc-jkCMRl lpgFuI"
              title="Balance in XEC"
            >
              4,200.00
               
              XEC
               
            </div>
            <div
              class="sc-crNyjn geQHnh"
              title="Balance in Local Currency"
            >
              $
              0.13
               
              USD
            </div>
            <p
              class="sc-cpHetk dSDwNK"
              title="Price in Local Currency"
            >
              1 
              XEC
               = 
              0.00003000
               
              USD
            </p>
          </div>
          <div
            class="sc-jvEmr bczZPX"
          >
            <div
              class="sc-jUpvKA cIpSyn"
              title="Active Offers"
            >
              <div
                class="sc-etwtAo eenSFC"
              >
                <div
                  class="sc-gFaPwZ bhfoic"
                >
                  <div
                    class="sc-fhYwyz kZTqdd"
                  >
                    <input
                      class="sc-bMvGRv dnGmSn"
                      id="Toggle Active Offers"
                      name="Toggle Active Offers"
                      title="Toggle Active Offers"
                      type="checkbox"
                    />
                    <label
                      class="sc-jzgbtB hsNhPD"
                      for="Toggle Active Offers"
                    >
                      <span
                        class="sc-gJWqzi gEydeL"
                        data-off=""
                        data-on=""
                      />
                      <span
                        class="sc-rBLzX hAekJS"
                      />
                    </label>
                  </div>
                </div>
                <div
                  class="sc-hqyNC ctrwFD"
                >
                  Toggle Buy / Manage Listings
                </div>
              </div>
              <div
                class="sc-jdfcpN cpDNg"
              >
                Token Offers
              </div>
              <div
                class="sc-jRuhRL ezqcLL"
              >
                <div
                  class="sc-eopZyb gIpewM"
                >
                  <div
                    class="sc-eNNmBn eBthwK"
                  >
                    <button
                      aria-label="View larger icon for Bull"
                      class="sc-RbTVP cUbRra"
                      size="64"
                      title="01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                    />
                    <div
                      class="sc-eEieub iCvyUs"
                    >
                      <a
                        href="https://explorer.e.cash/tx/01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                        rel="noopener noreferrer"
                        target="_blank"
                      >
                        Bull
                         
                         (BULL)
                      </a>
                    </div>
                  </div>
                  <div
                    class="sc-hMrMfs elyrpY"
                  >
                    <div
                      class="sc-drlKqa hUObvl"
                    >
                      <button
                        class="sc-bIqbHp emUWCs"
                      >
                        <div
                          class="sc-gacfCG emFCEN"
                        />
                        <div
                          class="sc-dEfkYy bHSHqT"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $1.50 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA hJfZTr"
                    >
                      <span>
                        Buy
                      </span>
                      <div
                        class="sc-lhVmIH gvtphN"
                      >
                        <input
                          aria-labelledby="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                          class="sc-bwCtUz cRbAUS"
                          max="888"
                          min="8"
                          name="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                          step="1"
                          type="range"
                          value="8"
                        />
                        <div
                          class="sc-esjQYD iHrgtF"
                        />
                      </div>
                    </div>
                    <div
                      class="sc-gNJABI kEATjO"
                    >
                      <div>
                        8
                         
                         (BULL)
                      </div>
                      <div>
                        400.42k
                         XEC
                      </div>
                      <h3>
                        $12.01 USD
                      </h3>
                      <button
                        class="sc-hORach sc-GMQeP dRjpLn"
                      >
                        Cancel your offer
                      </button>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-eopZyb gIpewM"
                >
                  <div
                    class="sc-eNNmBn eBthwK"
                  >
                    <button
                      aria-label="View larger icon for Cachet"
                      class="sc-RbTVP nqsGM"
                      size="64"
                      title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                    />
                    <div
                      class="sc-eEieub iCvyUs"
                    >
                      <a
                        href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                        rel="noopener noreferrer"
                        target="_blank"
                      >
                        Cachet
                         
                         (CACHET)
                      </a>
                    </div>
                  </div>
                  <div
                    class="sc-hMrMfs elyrpY"
                  >
                    <div
                      class="sc-drlKqa hUObvl"
                    >
                      <button
                        class="sc-bIqbHp emUWCs"
                      >
                        <div
                          class="sc-gacfCG bHvSDz"
                        />
                        <div
                          class="sc-dEfkYy icvLKW"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.036 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp ieJgON"
                      >
                        <div
                          class="sc-gacfCG ldAVRE"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.30 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp ieJgON"
                      >
                        <div
                          class="sc-gacfCG emFCEN"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.36 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA hJfZTr"
                    >
                      <span>
                        Buy
                      </span>
                      <div
                        class="sc-lhVmIH gvtphN"
                      >
                        <input
                          aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                          class="sc-bwCtUz cRbAUS"
                          max="20000"
                          min="20"
                          name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                          step="1"
                          type="range"
                          value="20"
                        />
                        <div
                          class="sc-esjQYD iHrgtF"
                        />
                      </div>
                    </div>
                    <div
                      class="sc-gNJABI kEATjO"
                    >
                      <div>
                        .20
                         
                         (CACHET)
                      </div>
                      <div>
                        240.64
                         XEC
                      </div>
                      <h3>
                        $0.0072 USD
                      </h3>
                      <button
                        class="sc-hORach sc-GMQeP dRjpLn"
                      >
                        Cancel your offer
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="sc-keFjpB epyvJQ"
        >
          <button
            class="sc-fKGOjr fUlMuB"
          >
            <svg />
          </button>
          <button
            aria-label="Send Screen"
            class="sc-fKGOjr fUlMuB"
            style="padding-bottom: 10px;"
          >
            <div
              class="sc-iwsKbI cuDgAv"
            >
              <svg
                title="tx-sent"
              />
            </div>
          </button>
          <button
            aria-label="Tokens"
            class="sc-fKGOjr fUlMuB"
          >
            <svg
              title="Tokens"
            />
          </button>
          <button
            aria-label="Receive"
            class="sc-fKGOjr fUlMuB"
          >
            <svg
              title="tx-received"
            />
          </button>
          <div
            class="sc-jWojfa dBenOO"
            title="Show Other Screens"
          >
            <span
              class="sc-kVrTmx kZpItY"
            />
            <div
              class="sc-ekkqgF ijSjpP"
              title="Other Screens"
            >
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Wallet Backup
                </p>
                <svg
                  title="wallet"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Wallets
                </p>
                <svg
                  title="wallets"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Listed NFTs
                </p>
                <svg
                  title="NFT"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Agora
                </p>
                <svg
                  title="Meme Agora"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Contacts
                </p>
                <svg
                  title="Contact List"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Airdrop
                </p>
                <svg
                  title="tx-airdrop"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Rewards
                </p>
                <svg
                  title="Cashtab Rewards"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Swap
                </p>
                <svg
                  title="swap"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                <p>
                  Sign & Verify
                </p>
                <svg
                  class="sc-htpNat bPFBeM"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                <p>
                  Settings
                </p>
                <svg
                  title="settings"
                />
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
    at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
    at Object.findByText (/work/cashtab/src/components/Agora/__tests__/index.test.js:798:26)
====== CashTab Unit Tests: <Agora /> We get expected error if we try to buy an offer we cannot afford ======
Error: Unable to find an element with the text: .20. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-eitiEO kCxyt"
    >
      <div
        class="Toastify"
      />
      <div
        class="sc-bhlBdH dKnoNj"
      >
        <div
          class="sc-AnqlK ddpYa"
        >
          <div
            class="sc-hycgNl OaVeU"
          >
            <img
              alt="cashtab"
              class="sc-chAAoq fyvXko"
              src="test-file-stub"
            />
          </div>
          <div
            class="sc-ciodno gKGePj"
          >
            <select
              class="sc-gGCbJM kVsgqI"
              data-testid="wallet-select"
              id="wallets"
              name="wallets"
            >
              <option
                class="sc-lcpuFF ffVCEK"
                value="Agora Partial Alpha"
              >
                Agora Partial Alpha
              </option>
              <option
                class="sc-lcpuFF ffVCEK"
                value="Agora Partial Beta"
              >
                Agora Partial Beta
              </option>
            </select>
            <div
              class="sc-ekulBa cOrKFe"
            >
              <button
                aria-label="Copy ecash:qqpmsv8yh8wwx3lnf92rrc0e6yq97j6zqs8av8vx8h"
                class="sc-cQFLBn jGCEIx"
              >
                <svg
                  title="copy-paste"
                />
              </button>
              <div
                class="sc-gFaPwZ bhfoic"
              >
                <div
                  class="sc-fhYwyz kXwmEk"
                >
                  <input
                    checked=""
                    class="sc-bMvGRv dnGmSn"
                    id="show-hide-balance"
                    name="show-hide-balance"
                    title="show-hide-balance"
                    type="checkbox"
                  />
                  <label
                    class="sc-jzgbtB hsNhPD"
                    for="show-hide-balance"
                  >
                    <span
                      class="sc-gJWqzi dYGNll"
                      data-off=""
                      data-on=""
                    />
                    <span
                      class="sc-rBLzX gWpmmy"
                    />
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div
            class="sc-cCbXAZ kqkefR"
            title="Wallet Info"
          >
            <div
              class="sc-jkCMRl lpgFuI"
              title="Balance in XEC"
            >
              0.00
               
              XEC
               
            </div>
            <div
              class="sc-crNyjn geQHnh"
              title="Balance in Local Currency"
            >
              $
              0.00
               
              USD
            </div>
            <p
              class="sc-cpHetk dSDwNK"
              title="Price in Local Currency"
            >
              1 
              XEC
               = 
              0.00003000
               
              USD
            </p>
          </div>
          <div
            class="sc-jvEmr bczZPX"
          >
            <div
              class="sc-jUpvKA cIpSyn"
              title="Active Offers"
            >
              <div
                class="sc-etwtAo eenSFC"
              >
                <div
                  class="sc-gFaPwZ bhfoic"
                >
                  <div
                    class="sc-fhYwyz kZTqdd"
                  >
                    <input
                      class="sc-bMvGRv dnGmSn"
                      id="Toggle Active Offers"
                      name="Toggle Active Offers"
                      title="Toggle Active Offers"
                      type="checkbox"
                    />
                    <label
                      class="sc-jzgbtB hsNhPD"
                      for="Toggle Active Offers"
                    >
                      <span
                        class="sc-gJWqzi gEydeL"
                        data-off=""
                        data-on=""
                      />
                      <span
                        class="sc-rBLzX hAekJS"
                      />
                    </label>
                  </div>
                </div>
                <div
                  class="sc-hqyNC ctrwFD"
                >
                  Toggle Buy / Manage Listings
                </div>
              </div>
              <div
                class="sc-jdfcpN cpDNg"
              >
                Token Offers
              </div>
              <div
                class="sc-jRuhRL ezqcLL"
              >
                <div
                  class="sc-eopZyb gIpewM"
                >
                  <div
                    class="sc-eNNmBn eBthwK"
                  >
                    <button
                      aria-label="View larger icon for Bull"
                      class="sc-RbTVP cUbRra"
                      size="64"
                      title="01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                    />
                    <div
                      class="sc-eEieub iCvyUs"
                    >
                      <a
                        href="https://explorer.e.cash/tx/01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                        rel="noopener noreferrer"
                        target="_blank"
                      >
                        Bull
                         
                         (BULL)
                      </a>
                    </div>
                  </div>
                  <div
                    class="sc-hMrMfs elyrpY"
                  >
                    <div
                      class="sc-drlKqa hUObvl"
                    >
                      <button
                        class="sc-bIqbHp emUWCs"
                      >
                        <div
                          class="sc-gacfCG emFCEN"
                        />
                        <div
                          class="sc-dEfkYy bHSHqT"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $1.50 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA hJfZTr"
                    >
                      <span>
                        Buy
                      </span>
                      <div
                        class="sc-lhVmIH gvtphN"
                      >
                        <input
                          aria-labelledby="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                          class="sc-bwCtUz cRbAUS"
                          max="888"
                          min="8"
                          name="Select buy qty 01d63c4f4cb496829a6743f7b1805d086ea3877a1dd34b3f92ffba2c9c99f896"
                          step="1"
                          type="range"
                          value="8"
                        />
                        <div
                          class="sc-esjQYD iHrgtF"
                        />
                      </div>
                    </div>
                    <div
                      class="sc-gNJABI kEATjO"
                    >
                      <div>
                        8
                         
                         (BULL)
                      </div>
                      <div>
                        400.42k
                         XEC
                      </div>
                      <h3>
                        $12.01 USD
                      </h3>
                      <button
                        class="sc-hORach sc-GMQeP dRjpLn"
                      >
                        Cancel your offer
                      </button>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-eopZyb gIpewM"
                >
                  <div
                    class="sc-eNNmBn eBthwK"
                  >
                    <button
                      aria-label="View larger icon for Cachet"
                      class="sc-RbTVP nqsGM"
                      size="64"
                      title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                    />
                    <div
                      class="sc-eEieub iCvyUs"
                    >
                      <a
                        href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                        rel="noopener noreferrer"
                        target="_blank"
                      >
                        Cachet
                         
                         (CACHET)
                      </a>
                    </div>
                  </div>
                  <div
                    class="sc-hMrMfs elyrpY"
                  >
                    <div
                      class="sc-drlKqa hUObvl"
                    >
                      <button
                        class="sc-bIqbHp emUWCs"
                      >
                        <div
                          class="sc-gacfCG bHvSDz"
                        />
                        <div
                          class="sc-dEfkYy icvLKW"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.036 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp ieJgON"
                      >
                        <div
                          class="sc-gacfCG ldAVRE"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.30 USD
                        </div>
                      </button>
                      <button
                        class="sc-bIqbHp ieJgON"
                      >
                        <div
                          class="sc-gacfCG emFCEN"
                        />
                        <div
                          class="sc-jxGEyO kbVFhg"
                        >
                          $0.36 USD
                        </div>
                      </button>
                    </div>
                    <div
                      class="sc-cqPOvA hJfZTr"
                    >
                      <span>
                        Buy
                      </span>
                      <div
                        class="sc-lhVmIH gvtphN"
                      >
                        <input
                          aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                          class="sc-bwCtUz cRbAUS"
                          max="20000"
                          min="20"
                          name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                          step="1"
                          type="range"
                          value="20"
                        />
                        <div
                          class="sc-esjQYD iHrgtF"
                        />
                      </div>
                    </div>
                    <div
                      class="sc-gNJABI kEATjO"
                    >
                      <div>
                        .20
                         
                         (CACHET)
                      </div>
                      <div>
                        240.64
                         XEC
                      </div>
                      <h3>
                        $0.0072 USD
                      </h3>
                      <button
                        class="sc-hORach sc-GMQeP dRjpLn"
                      >
                        Cancel your offer
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="sc-keFjpB epyvJQ"
        >
          <button
            class="sc-fKGOjr fUlMuB"
          >
            <svg />
          </button>
          <button
            aria-label="Send Screen"
            class="sc-fKGOjr fUlMuB"
            style="padding-bottom: 10px;"
          >
            <div
              class="sc-iwsKbI cuDgAv"
            >
              <svg
                title="tx-sent"
              />
            </div>
          </button>
          <button
            aria-label="Tokens"
            class="sc-fKGOjr fUlMuB"
          >
            <svg
              title="Tokens"
            />
          </button>
          <button
            aria-label="Receive"
            class="sc-fKGOjr fUlMuB"
          >
            <svg
              title="tx-received"
            />
          </button>
          <div
            class="sc-jWojfa dBenOO"
            title="Show Other Screens"
          >
            <span
              class="sc-kVrTmx kZpItY"
            />
            <div
              class="sc-ekkqgF ijSjpP"
              title="Other Screens"
            >
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Wallet Backup
                </p>
                <svg
                  title="wallet"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Wallets
                </p>
                <svg
                  title="wallets"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Listed NFTs
                </p>
                <svg
                  title="NFT"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Agora
                </p>
                <svg
                  title="Meme Agora"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Contacts
                </p>
                <svg
                  title="Contact List"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Airdrop
                </p>
                <svg
                  title="tx-airdrop"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Rewards
                </p>
                <svg
                  title="Cashtab Rewards"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                 
                <p>
                  Swap
                </p>
                <svg
                  title="swap"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                <p>
                  Sign & Verify
                </p>
                <svg
                  class="sc-htpNat bPFBeM"
                />
              </button>
              <button
                class="sc-iBmynh ezGUUm"
              >
                <p>
                  Settings
                </p>
                <svg
                  title="settings"
                />
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
    at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
    at Object.findByText (/work/cashtab/src/components/Agora/__tests__/index.test.js:955:26)
    at runNextTicks (node:internal/process/task_queues:60:5)
    at listOnTimeout (node:internal/timers:545:9)
    at processTimers (node:internal/timers:519:7)

Each failure log is accessible here:
CashTab Unit Tests: <Agora /> We can see multiple offers, some we made, others we did not, and we can cancel an offer
CashTab Unit Tests: <Agora /> We can buy an offer
CashTab Unit Tests: <Agora /> We get expected error if we try to buy an offer we cannot afford

Tail of the build log:

1 moderate severity vulnerability

To address all issues, run:
  npm audit fix

Run `npm audit` for details.

> ecash-agora@0.1.1 build
> tsc && tsc -p ./tsconfig.build.json

/work/cashtab /work/modules/ecash-agora /work/modules/ecash-lib /work/modules/ecash-lib-wasm /work/modules/ecash-script /work/modules/chronik-client /work/modules/mock-chronik-client /work/modules/ecashaddrjs /work/abc-ci-builds/cashtab-tests
npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm warn deprecated @babel/plugin-proposal-private-methods@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
npm warn deprecated @babel/plugin-proposal-nullish-coalescing-operator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
npm warn deprecated @babel/plugin-proposal-numeric-separator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.
npm warn deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
npm warn deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported
npm warn deprecated @babel/plugin-proposal-optional-chaining@7.21.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm warn deprecated @humanwhocodes/object-schema@2.0.3: Use @eslint/object-schema instead
npm warn deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm warn deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
npm warn deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
npm warn deprecated workbox-cacheable-response@6.6.0: workbox-background-sync@6.6.0
npm warn deprecated workbox-google-analytics@6.6.0: It is not compatible with newer versions of GA starting with v4, as long as you are using GAv3 it should be ok, but the package is not longer being maintained
npm warn deprecated domexception@4.0.0: Use your platform's native DOMException instead
npm warn deprecated abab@2.0.6: Use your platform's native atob() and btoa() methods instead
npm warn deprecated @humanwhocodes/config-array@0.13.0: Use @eslint/config-array instead
npm warn deprecated @babel/plugin-proposal-private-property-in-object@7.21.11: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.
npm warn deprecated eslint@8.57.1: This version is no longer supported. Please see https://eslint.org/version-support for other options.

added 1645 packages, and audited 1651 packages in 18s

270 packages are looking for funding
  run `npm fund` for details

1 low severity vulnerability

To address all issues, run:
  npm audit fix

Run `npm audit` for details.

> cashtab@2.52.1 build
> node scripts/build.js

Creating an optimized production build...

Treating warnings as errors because process.env.CI = true.
Most CI servers set it automatically.

Failed to compile.

[eslint] 
src/components/Agora/OrderBook/index.js
  Line 54:5:  'OrderBookContainer' is defined but never used  @typescript-eslint/no-unused-vars
  Line 55:5:  'ButtonRow' is defined but never used           @typescript-eslint/no-unused-vars


Build cashtab-tests failed with exit code 1

Failed tests logs:

====== CashTab Unit Tests: <OrderBook /> We can see a rendered offer ======
TestingLibraryElementError: Unable to find an element with the text: .10. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-hZSUBg bWKVJt"
    >
      <div
        class="sc-cMhqgX kWnuTb"
      >
        <button
          aria-label="View larger icon for Cachet"
          class="sc-esOvli hPuxIx"
          size="64"
          title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
        />
        <div
          class="sc-iuJeZd djdrqE"
        >
          <a
            href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
            rel="noopener noreferrer"
            target="_blank"
          >
            Cachet
             (CACHET)
          </a>
        </div>
      </div>
      <div
        class="sc-cmthru iiWdbB"
      >
        <div
          class="sc-hMFtBS ktldut"
        >
          <button
            class="sc-cLQEGU eQKKit"
          >
            <div
              class="sc-hORach doIOJF"
            />
            <div
              class="sc-bMVAic cKgNMr"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.33 USD
            </div>
          </button>
        </div>
        <div
          class="sc-bAeIUo enPink"
        >
          <span>
            Buy
          </span>
          <div
            class="sc-Rmtcm kTXkhf"
          >
            <input
              aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              class="sc-kvZOFW eaRDDl"
              max="10000"
              min="10"
              name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              step="1"
              type="range"
              value="10"
            />
            <div
              class="sc-TOsTZ enqgSn"
            />
          </div>
        </div>
        <div
          class="sc-iujRgT kNNMjo"
        >
          <div>
            .10
             
            CACHET
          </div>
          <div>
            0
             XEC
          </div>
          <h3>
            $0.00 USD
          </h3>
          <button
            class="sc-GMQeP sc-daURTG iiJqEF"
          >
            Cancel your offer
          </button>
        </div>
      </div>
    </div>
    ,
  </div>
</body>
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:199:23)
    at runNextTicks (node:internal/process/task_queues:60:5)
    at listOnTimeout (node:internal/timers:545:9)
    at processTimers (node:internal/timers:519:7)
====== CashTab Unit Tests: <OrderBook /> We can see a rendered offer in an OrderBook with noIcon ======
TestingLibraryElementError: Unable to find an element with the text: .10. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-hZSUBg iXcdLx"
    >
      <div
        class="sc-cmthru iiWdbB"
      >
        <div
          class="sc-hMFtBS ktldut"
        >
          <button
            class="sc-cLQEGU eQKKit"
          >
            <div
              class="sc-hORach doIOJF"
            />
            <div
              class="sc-bMVAic cKgNMr"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.33 USD
            </div>
          </button>
        </div>
        <div
          class="sc-bAeIUo enPink"
        >
          <span>
            Buy
          </span>
          <div
            class="sc-Rmtcm kTXkhf"
          >
            <input
              aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              class="sc-kvZOFW eaRDDl"
              max="10000"
              min="10"
              name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              step="1"
              type="range"
              value="10"
            />
            <div
              class="sc-TOsTZ enqgSn"
            />
          </div>
        </div>
        <div
          class="sc-iujRgT kNNMjo"
        >
          <div>
            .10
             
            CACHET
          </div>
          <div>
            1k
             XEC
          </div>
          <h3>
            $0.033 USD
          </h3>
          <button
            class="sc-GMQeP sc-daURTG iiJqEF"
          >
            Cancel your offer
          </button>
        </div>
      </div>
    </div>
    ,
  </div>
</body>
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:267:23)
====== CashTab Unit Tests: <OrderBook /> We can see multiple offers, some we made, others we did not, and we can cancel an offer ======
Error: Unable to find an element with the text: .20. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="Toastify"
    />
    <div
      class="sc-hZSUBg bWKVJt"
    >
      <div
        class="sc-cMhqgX kWnuTb"
      >
        <button
          aria-label="View larger icon for Cachet"
          class="sc-esOvli hPuxIx"
          size="64"
          title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
        />
        <div
          class="sc-iuJeZd djdrqE"
        >
          <a
            href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
            rel="noopener noreferrer"
            target="_blank"
          >
            Cachet
             (CACHET)
          </a>
        </div>
      </div>
      <div
        class="sc-cmthru iiWdbB"
      >
        <div
          class="sc-hMFtBS ktldut"
        >
          <button
            class="sc-cLQEGU eQKKit"
          >
            <div
              class="sc-hORach dLOpgg"
            />
            <div
              class="sc-bMVAic bChApj"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.036 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach eKfzXP"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.30 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach doIOJF"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.36 USD
            </div>
          </button>
        </div>
        <div
          class="sc-bAeIUo enPink"
        >
          <span>
            Buy
          </span>
          <div
            class="sc-Rmtcm kTXkhf"
          >
            <input
              aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              class="sc-kvZOFW eaRDDl"
              max="20000"
              min="20"
              name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              step="1"
              type="range"
              value="20"
            />
            <div
              class="sc-TOsTZ enqgSn"
            />
          </div>
        </div>
        <div
          class="sc-iujRgT kNNMjo"
        >
          <div>
            .20
             
            CACHET
          </div>
          <div>
            240.64
             XEC
          </div>
          <h3>
            $0.0072 USD
          </h3>
          <button
            class="sc-GMQeP sc-daURTG iiJqEF"
          >
            Cancel your offer
          </button>
        </div>
      </div>
    </div>
  </div>
</body>
    at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
    at Object.findByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:368:26)
    at runNextTicks (node:internal/process/task_queues:60:5)
    at listOnTimeout (node:internal/timers:545:9)
    at processTimers (node:internal/timers:519:7)
====== CashTab Unit Tests: <OrderBook /> We can buy an offer ======
Error: Unable to find an element with the text: .20. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="Toastify"
    />
    <div
      class="sc-hZSUBg bWKVJt"
    >
      <div
        class="sc-cMhqgX kWnuTb"
      >
        <button
          aria-label="View larger icon for Cachet"
          class="sc-esOvli hPuxIx"
          size="64"
          title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
        />
        <div
          class="sc-iuJeZd djdrqE"
        >
          <a
            href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
            rel="noopener noreferrer"
            target="_blank"
          >
            Cachet
             (CACHET)
          </a>
        </div>
      </div>
      <div
        class="sc-cmthru iiWdbB"
      >
        <div
          class="sc-hMFtBS ktldut"
        >
          <button
            class="sc-cLQEGU eQKKit"
          >
            <div
              class="sc-hORach dLOpgg"
            />
            <div
              class="sc-bMVAic bChApj"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.036 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach eKfzXP"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.30 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach doIOJF"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.36 USD
            </div>
          </button>
        </div>
        <div
          class="sc-bAeIUo enPink"
        >
          <span>
            Buy
          </span>
          <div
            class="sc-Rmtcm kTXkhf"
          >
            <input
              aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              class="sc-kvZOFW eaRDDl"
              max="20000"
              min="20"
              name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              step="1"
              type="range"
              value="20"
            />
            <div
              class="sc-TOsTZ enqgSn"
            />
          </div>
        </div>
        <div
          class="sc-iujRgT kNNMjo"
        >
          <div>
            .20
             
            CACHET
          </div>
          <div>
            240.64
             XEC
          </div>
          <h3>
            $0.0072 USD
          </h3>
          <button
            class="sc-GMQeP sc-daURTG iiJqEF"
          >
            Cancel your offer
          </button>
        </div>
      </div>
    </div>
  </div>
</body>
    at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
    at Object.findByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:507:26)
    at runNextTicks (node:internal/process/task_queues:60:5)
    at listOnTimeout (node:internal/timers:545:9)
    at processTimers (node:internal/timers:519:7)

Each failure log is accessible here:
CashTab Unit Tests: <OrderBook /> We can see a rendered offer
CashTab Unit Tests: <OrderBook /> We can see a rendered offer in an OrderBook with noIcon
CashTab Unit Tests: <OrderBook /> We can see multiple offers, some we made, others we did not, and we can cancel an offer
CashTab Unit Tests: <OrderBook /> We can buy an offer

Failed tests logs:

====== CashTab Unit Tests: <OrderBook /> We can see a rendered offer ======
TestingLibraryElementError: Unable to find an element with the text: 1.70. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-hZSUBg bWKVJt"
    >
      <div
        class="sc-cMhqgX kWnuTb"
      >
        <button
          aria-label="View larger icon for Cachet"
          class="sc-esOvli hPuxIx"
          size="64"
          title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
        />
        <div
          class="sc-iuJeZd djdrqE"
        >
          <a
            href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
            rel="noopener noreferrer"
            target="_blank"
          >
            Cachet
             (CACHET)
          </a>
        </div>
      </div>
      <div
        class="sc-cmthru iiWdbB"
      >
        <div
          class="sc-hMFtBS ktldut"
        >
          <button
            class="sc-cLQEGU eQKKit"
          >
            <div
              class="sc-hORach doIOJF"
            />
            <div
              class="sc-bMVAic jTKApa"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.33 USD
            </div>
          </button>
        </div>
        <div
          class="sc-bAeIUo enPink"
        >
          <span>
            Buy
          </span>
          <div
            class="sc-Rmtcm kTXkhf"
          >
            <input
              aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              class="sc-kvZOFW eaRDDl"
              max="10000"
              min="10"
              name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              step="1"
              type="range"
              value="170"
            />
            <div
              class="sc-TOsTZ enqgSn"
            />
          </div>
        </div>
        <div
          class="sc-iujRgT kNNMjo"
        >
          <div>
            1.70
             
            CACHET
          </div>
          <div>
            17k
             XEC
          </div>
          <h3>
            $0.56 USD
          </h3>
          <button
            class="sc-GMQeP sc-daURTG iiJqEF"
          >
            Cancel your offer
          </button>
        </div>
      </div>
    </div>
    ,
  </div>
</body>
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:213:23)
====== CashTab Unit Tests: <OrderBook /> We can see a rendered offer in an OrderBook with noIcon ======
TestingLibraryElementError: Unable to find an element with the text: 1.70. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-hZSUBg iXcdLx"
    >
      <div
        class="sc-cmthru iiWdbB"
      >
        <div
          class="sc-hMFtBS ktldut"
        >
          <button
            class="sc-cLQEGU eQKKit"
          >
            <div
              class="sc-hORach doIOJF"
            />
            <div
              class="sc-bMVAic jTKApa"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.33 USD
            </div>
          </button>
        </div>
        <div
          class="sc-bAeIUo enPink"
        >
          <span>
            Buy
          </span>
          <div
            class="sc-Rmtcm kTXkhf"
          >
            <input
              aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              class="sc-kvZOFW eaRDDl"
              max="10000"
              min="10"
              name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              step="1"
              type="range"
              value="170"
            />
            <div
              class="sc-TOsTZ enqgSn"
            />
          </div>
        </div>
        <div
          class="sc-iujRgT kNNMjo"
        >
          <div>
            1.70
             
            CACHET
          </div>
          <div>
            17k
             XEC
          </div>
          <h3>
            $0.56 USD
          </h3>
          <button
            class="sc-GMQeP sc-daURTG iiJqEF"
          >
            Cancel your offer
          </button>
        </div>
      </div>
    </div>
    ,
  </div>
</body>
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:281:23)
====== CashTab Unit Tests: <OrderBook /> We can see multiple offers, some we made, others we did not, and we can cancel an offer ======
TestingLibraryElementError: Unable to find an element with the text: .30. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="Toastify"
    />
    <div
      class="sc-hZSUBg bWKVJt"
    >
      <div
        class="sc-cMhqgX kWnuTb"
      >
        <button
          aria-label="View larger icon for Cachet"
          class="sc-esOvli hPuxIx"
          size="64"
          title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
        />
        <div
          class="sc-iuJeZd djdrqE"
        >
          <a
            href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
            rel="noopener noreferrer"
            target="_blank"
          >
            Cachet
             (CACHET)
          </a>
        </div>
      </div>
      <div
        class="sc-cmthru iiWdbB"
      >
        <div
          class="sc-hMFtBS ktldut"
        >
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach dLOpgg"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.036 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach eKfzXP"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.30 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU eQKKit"
          >
            <div
              class="sc-hORach doIOJF"
            />
            <div
              class="sc-bMVAic cKgNMr"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.36 USD
            </div>
          </button>
        </div>
        <div
          class="sc-bAeIUo enPink"
        >
          <span>
            Buy
          </span>
          <div
            class="sc-Rmtcm kTXkhf"
          >
            <input
              aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              class="sc-kvZOFW eaRDDl"
              max="30000"
              min="30"
              name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              step="1"
              type="range"
              value="30"
            />
            <div
              class="sc-TOsTZ enqgSn"
            />
          </div>
        </div>
        <div
          class="sc-iujRgT kNNMjo"
        >
          <div>
            .30
             
            CACHET
          </div>
          <div>
            3.6k
             XEC
          </div>
          <h3>
            $0.11 USD
          </h3>
          <button
            class="sc-GMQeP sc-cQFLBn cPLJjc"
          >
            Buy 
            Cachet
             (CACHET)
          </button>
        </div>
      </div>
    </div>
  </div>
</body>
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:388:20)
====== CashTab Unit Tests: <OrderBook /> We can buy an offer ======
TestingLibraryElementError: Unable to find an element with the text: .30. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="Toastify"
    />
    <div
      class="sc-hZSUBg bWKVJt"
    >
      <div
        class="sc-cMhqgX kWnuTb"
      >
        <button
          aria-label="View larger icon for Cachet"
          class="sc-esOvli hPuxIx"
          size="64"
          title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
        />
        <div
          class="sc-iuJeZd djdrqE"
        >
          <a
            href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
            rel="noopener noreferrer"
            target="_blank"
          >
            Cachet
             (CACHET)
          </a>
        </div>
      </div>
      <div
        class="sc-cmthru iiWdbB"
      >
        <div
          class="sc-hMFtBS ktldut"
        >
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach dLOpgg"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.036 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach eKfzXP"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.30 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU eQKKit"
          >
            <div
              class="sc-hORach doIOJF"
            />
            <div
              class="sc-bMVAic cKgNMr"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.36 USD
            </div>
          </button>
        </div>
        <div
          class="sc-bAeIUo enPink"
        >
          <span>
            Buy
          </span>
          <div
            class="sc-Rmtcm kTXkhf"
          >
            <input
              aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              class="sc-kvZOFW eaRDDl"
              max="30000"
              min="30"
              name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              step="1"
              type="range"
              value="30"
            />
            <div
              class="sc-TOsTZ enqgSn"
            />
          </div>
        </div>
        <div
          class="sc-iujRgT kNNMjo"
        >
          <div>
            .30
             
            CACHET
          </div>
          <div>
            3.6k
             XEC
          </div>
          <h3>
            $0.11 USD
          </h3>
          <button
            class="sc-GMQeP sc-cQFLBn cPLJjc"
          >
            Buy 
            Cachet
             (CACHET)
          </button>
        </div>
      </div>
    </div>
  </div>
</body>
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:522:20)

Each failure log is accessible here:
CashTab Unit Tests: <OrderBook /> We can see a rendered offer
CashTab Unit Tests: <OrderBook /> We can see a rendered offer in an OrderBook with noIcon
CashTab Unit Tests: <OrderBook /> We can see multiple offers, some we made, others we did not, and we can cancel an offer
CashTab Unit Tests: <OrderBook /> We can buy an offer

Failed tests logs:

====== CashTab Unit Tests: <OrderBook /> We can buy an offer ======
Error: Unable to find an element with the text: Bought .30 CACHET Cachet (CACHET) for 3,601.92 XEC ($0.11 USD). This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="Toastify"
    >
      <div
        class="Toastify__toast-container Toastify__toast-container--top-right sc-cbkKFq krzyvb"
      >
        <div
          class="Toastify__toast Toastify__toast-theme--light Toastify__toast--default Toastify__toast--close-on-click Toastify--animate Toastify__bounce-enter--top-right"
          data-in="true"
          id="3"
        >
          <div
            class="Toastify__toast-body"
            role="alert"
          >
            <div
              class="Toastify__toast-icon Toastify--animate-icon Toastify__zoom-enter"
            >
              <img
                alt="icon for aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
                height="32"
                src="https://icons.etokens.cash/32/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1.png"
                width="32"
              />
            </div>
            <div>
              <a
                class="sc-iyvyFf eSQwEk"
                href="https://explorer.e.cash/tx/eb298e786a91676f5b88b45d31d3979d6a8f96771ed99a69f3fa1aa1306238b0"
                rel="noopener noreferrer"
                target="_blank"
              >
                Bought .30 Cachet (CACHET) for
                    3,601.92 XEC
                     ($0.11 USD)
              </a>
            </div>
          </div>
          <button
            aria-label="close"
            class="Toastify__close-button Toastify__close-button--light"
            type="button"
          >
            <svg
              aria-hidden="true"
              viewBox="0 0 14 16"
            >
              <path
                d="M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <div
            class="Toastify__progress-bar--wrp"
            data-hidden="false"
          >
            <div
              class="Toastify__progress-bar--bg Toastify__progress-bar-theme--light Toastify__progress-bar--default"
            />
            <div
              aria-hidden="false"
              aria-label="notification timer"
              class="Toastify__progress-bar Toastify__progress-bar--animated Toastify__progress-bar-theme--light Toastify__progress-bar--default"
              role="progressbar"
              style="animation-duration: 5000ms; animation-play-state: paused;"
            />
          </div>
        </div>
        <div
          class="Toastify__toast Toastify__toast-theme--light Toastify__toast--error Toastify__toast--close-on-click Toastify--animate Toastify__bounce-enter--top-right"
          data-in="true"
          id="2"
        >
          <div
            class="Toastify__toast-body"
            role="alert"
          >
            <div
              class="Toastify__toast-icon Toastify--animate-icon Toastify__zoom-enter"
            >
              <svg
                fill="var(--toastify-icon-color-error)"
                height="100%"
                viewBox="0 0 24 24"
                width="100%"
              >
                <path
                  d="M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"
                />
              </svg>
            </div>
            <div>
              Error: Insufficient utxos to accept this offer
            </div>
          </div>
          <button
            aria-label="close"
            class="Toastify__close-button Toastify__close-button--light"
            type="button"
          >
            <svg
              aria-hidden="true"
              viewBox="0 0 14 16"
            >
              <path
                d="M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"
                fill-rule="evenodd"
              />
            </svg>
          </button>
          <div
            class="Toastify__progress-bar--wrp"
            data-hidden="false"
          >
            <div
              class="Toastify__progress-bar--bg Toastify__progress-bar-theme--light Toastify__progress-bar--error"
            />
            <div
              aria-hidden="false"
              aria-label="notification timer"
              class="Toastify__progress-bar Toastify__progress-bar--animated Toastify__progress-bar-theme--light Toastify__progress-bar--error"
              role="progressbar"
              style="animation-duration: 5000ms; animation-play-state: paused;"
            />
          </div>
        </div>
      </div>
    </div>
    <div
      class="sc-hZSUBg bWKVJt"
    >
      <div
        class="sc-cMhqgX kWnuTb"
      >
        <button
          aria-label="View larger icon for Cachet"
          class="sc-esOvli hPuxIx"
          size="64"
          title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
        />
        <div
          class="sc-iuJeZd djdrqE"
        >
          <a
            href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
            rel="noopener noreferrer"
            target="_blank"
          >
            Cachet
             (CACHET)
          </a>
        </div>
      </div>
      <div
        class="sc-cmthru iiWdbB"
      >
        <div
          class="sc-hMFtBS ktldut"
        >
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach dLOpgg"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.036 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach eKfzXP"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.30 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU eQKKit"
          >
            <div
              class="sc-hORach doIOJF"
            />
            <div
              class="sc-bMVAic cKgNMr"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.36 USD
            </div>
          </button>
        </div>
        <div
          class="sc-bAeIUo enPink"
        >
          <span>
            Buy
          </span>
          <div
            class="sc-Rmtcm kTXkhf"
          >
            <input
              aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              class="sc-kvZOFW eaRDDl"
              max="30000"
              min="30"
              name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              step="1"
              type="range"
              value="30"
            />
            <div
              class="sc-TOsTZ enqgSn"
            />
          </div>
        </div>
        <div
          class="sc-iujRgT kNNMjo"
        >
          <div>
            .30
             
            CACHET
          </div>
          <div>
            3.6k
             XEC
          </div>
          <h3>
            $0.11 USD
          </h3>
          <button
            class="sc-GMQeP sc-cQFLBn cPLJjc"
          >
            Buy 
            Cachet
             (CACHET)
          </button>
        </div>
      </div>
    </div>
  </div>
</body>
    at waitForWrapper (/work/cashtab/node_modules/@testing-library/dom/dist/wait-for.js:163:27)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:86:33
    at Object.findByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:592:26)

Each failure log is accessible here:
CashTab Unit Tests: <OrderBook /> We can buy an offer

Failed tests logs:

====== CashTab Unit Tests: <OrderBook /> We can buy an offer ======
TestingLibraryElementError: Unable to find an element with the text: .30. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="Toastify"
    />
    <div
      class="sc-hZSUBg bWKVJt"
    >
      <div
        class="sc-cMhqgX kWnuTb"
      >
        <button
          aria-label="View larger icon for Cachet"
          class="sc-esOvli hPuxIx"
          size="64"
          title="aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
        />
        <div
          class="sc-iuJeZd djdrqE"
        >
          <a
            href="https://explorer.e.cash/tx/aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
            rel="noopener noreferrer"
            target="_blank"
          >
            Cachet
             (CACHET)
          </a>
        </div>
      </div>
      <div
        class="sc-cmthru iiWdbB"
      >
        <div
          class="sc-hMFtBS ktldut"
        >
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach dLOpgg"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.036 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU hgTsLt"
          >
            <div
              class="sc-hORach eKfzXP"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.30 USD
            </div>
          </button>
          <button
            class="sc-cLQEGU eQKKit"
          >
            <div
              class="sc-hORach doIOJF"
            />
            <div
              class="sc-bMVAic cKgNMr"
            />
            <div
              class="sc-gqPbQI joaLKR"
            >
              $0.36 USD
            </div>
          </button>
        </div>
        <div
          class="sc-bAeIUo enPink"
        >
          <span>
            Buy
          </span>
          <div
            class="sc-Rmtcm kTXkhf"
          >
            <input
              aria-labelledby="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              class="sc-kvZOFW eaRDDl"
              max="30000"
              min="30"
              name="Select buy qty aed861a31b96934b88c0252ede135cb9700d7649f69191235087a3030e553cb1"
              step="1"
              type="range"
              value="30"
            />
            <div
              class="sc-TOsTZ enqgSn"
            />
          </div>
        </div>
        <div
          class="sc-iujRgT kNNMjo"
        >
          <div>
            .30
             
            CACHET
          </div>
          <div>
            3.6k
             XEC
          </div>
          <h3>
            $0.11 USD
          </h3>
          <button
            class="sc-GMQeP sc-cQFLBn cPLJjc"
          >
            Buy 
            Cachet
             (CACHET)
          </button>
        </div>
      </div>
    </div>
  </div>
</body>
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Agora/OrderBook/__tests__/index.test.js:522:20)

Each failure log is accessible here:
CashTab Unit Tests: <OrderBook /> We can buy an offer

johnkuney published this revision for review.Tue, Nov 5, 20:30
johnkuney retitled this revision from [cashtab] Agora ui edits to [cashtab] Agora order book UI adjustments.
bytesofman requested changes to this revision.Tue, Nov 5, 21:18
bytesofman added a subscriber: bytesofman.

awesome this is much better than the current component

colors are off in noIcon version on token landing page vs Agora version

image.png (531×471 px, 43 KB)

image.png (614×471 px, 69 KB)

z-index interference with menu

image.png (614×471 px, 83 KB)

z-index interference with bottom nav

image.png (614×471 px, 56 KB)

cashtab/src/components/Agora/OrderBook/__tests__/index.test.js
522 ↗(On Diff #50685)

why + 'CACHET' here where the others the variable was set to include the ticker?

both approaches are ok, but keep it consistent.

cashtab/src/components/Agora/OrderBook/index.js
731 ↗(On Diff #50669)

tokenTicker here is either (<ticker>) or an empty string (for tokens without a ticker.

It is cleaner to just use the ticker. But in that case, we don't want to use '()'. And also we can't use '' if the token has no ticker.

So logic here needs to be

`{tokenT

cashtab/src/components/Agora/__tests__/index.test.js
645 ↗(On Diff #50685)

yet another option for this info. here we keep the variable the same but expect a combined string

the easiest approach is prob the one that appears earliest in this diff, just changing the variable name....assuming it isn't used in any other way.

This revision now requires changes to proceed.Tue, Nov 5, 21:18
This revision now requires changes to proceed.Wed, Nov 6, 03:48

etoken landing style match

yeah my bad I pushed before I had all the changes in. Guess I shouldve marked it as changes planned...think shes ready now though

This revision is now accepted and ready to land.Wed, Nov 6, 04:40
This revision was automatically updated to reflect the committed changes.