Page MenuHomePhabricator

[Cashtab] Update dependencies
ClosedPublic

Authored by bytesofman on Oct 12 2024, 13:07.

Details

Reviewers
emack
Group Reviewers
Restricted Project
Commits
rABCa9a9ce50e265: [Cashtab] Update dependencies
Summary

Have had intermittent issues with npm start

Diff made by

rm -rf node_modules
rm package-lock.json
npm i

This resolves dependency alerts and gives clean output from npm audit. However, we get a new polyfill issue from a dependency of crypto-browserify. Resolve this with

https://www.npmjs.com/package/node-polyfill-webpack-plugin

Updated https://www.npmjs.com/package/@testing-library/react to latest version to resolve mysterious test failures caused by dep upgrades.

Test Plan

npm test
npm start and app runs in dev mode
npm audit and found 0 vulnerabilities

Diff Detail

Repository
rABC Bitcoin ABC
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

Failed tests logs:

====== CashTab Unit Tests: <Etokens /> Large token list is rendered and searchable ======
TestingLibraryElementError: Unable to find an element with the text: No tokens matching vsp. 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-dEfkYy gCfMiu"
    >
      <div
        class="Toastify"
      />
      <div
        class="sc-cqPOvA clVrIX"
      >
        <div
          class="sc-gNJABI jWsBXr"
        >
          <div
            class="sc-kEmuub hIthwo"
          >
            <img
              alt="cashtab"
              class="sc-bbkauy jKzBhk"
              src="test-file-stub"
            />
            <img
              alt="tabcash"
              class="sc-fihHvN jTSqdI"
              src="test-file-stub"
            />
          </div>
          <div
            class="sc-eNNmBn edTXfc"
          >
            <select
              class="sc-eEieub iBVdYg"
              data-testid="wallet-select"
              id="wallets"
              name="wallets"
            >
              <option
                class="sc-RbTVP hMcPpG"
                value="Etokens Test"
              >
                Etokens Test
              </option>
            </select>
            <div
              class="sc-eopZyb iDutwN"
            >
              <button
                aria-label="Copy ecash:qz2708636snqhsxu8wnlka78h6fdp77ar59jrf5035"
                class="sc-iQNlJl dQNUoI"
              >
                <svg
                  title="copy-paste"
                />
              </button>
              <div
                class="sc-cpmLhU dyeBXy"
              >
                <div
                  class="sc-dymIpo gyYfmt"
                >
                  <input
                    checked=""
                    class="sc-jzgbtB jgfSAg"
                    id="show-hide-balance"
                    name="show-hide-balance"
                    title="show-hide-balance"
                    type="checkbox"
                  />
                  <label
                    class="sc-bnXvFD hBMwJl"
                    for="show-hide-balance"
                  >
                    <span
                      class="sc-gFaPwZ jegjwl"
                      data-off=""
                      data-on=""
                    />
                    <span
                      class="sc-fhYwyz jdgzKk"
                    />
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div
            class="sc-dznXNo epBKIx"
            title="Wallet Info"
          >
            <div
              class="sc-drlKqa gzObdq"
              title="Balance in XEC"
            >
              975,110.71
               
              XEC
               
            </div>
            <div
              class="sc-bIqbHp eQIbJZ"
              title="Balance in Local Currency"
            >
              $
              29.25
               
              USD
            </div>
            <p
              class="sc-jxGEyO dzLOSG"
              title="Price in Local Currency"
            >
              1 
              XEC
               = 
              0.00003000
               
              USD
            </p>
          </div>
          <div
            class="sc-iuDHTM bRkhcV"
          >
            <div
              class="sc-cmjSyW cKyNvW"
              title="Wallet Tokens"
            >
              <div
                class="sc-sdtwF enOmdD"
                title="Create eToken"
              >
                <a
                  class="sc-hrWEMg sc-gwVKww kNgIIa"
                  href="/create-token"
                >
                  Create eToken
                </a>
              </div>
              <div
                class="sc-sdtwF enOmdD"
                title="Create NFT Collection"
              >
                <a
                  class="sc-hrWEMg sc-epnACN fxkZQe"
                  href="/create-nft-collection"
                >
                  Create NFT Collection
                </a>
              </div>
              <div
                class="sc-gGBfsJ bcyGFW"
              >
                <div
                  class="sc-jnlKLf iMOzHB"
                >
                  <input
                    class="sc-fYxtnH klrORb"
                    name="tokenSearch"
                    placeholder="Start typing a token ticker or name"
                    value="vsp"
                  />
                </div>
                <div
                  class="sc-lhVmIH kOeoRj"
                />
              </div>
              <div
                class="sc-iYUSvU ikTcPD"
              >
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo bckJer"
                    >
                      <input
                        checked=""
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle All"
                        name="Toggle All"
                        title="Toggle All"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle All"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="All"
                          data-on="All"
                        />
                        <span
                          class="sc-fhYwyz dqlgzj"
                        />
                      </label>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo dFwjMz"
                    >
                      <input
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle Collections"
                        name="Toggle Collections"
                        title="Toggle Collections"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle Collections"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="Collections"
                          data-on="Collections"
                        />
                        <span
                          class="sc-fhYwyz cGDvLD"
                        />
                      </label>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo ctJxQR"
                    >
                      <input
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle NFTs"
                        name="Toggle NFTs"
                        title="Toggle NFTs"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle NFTs"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="NFTs"
                          data-on="NFTs"
                        />
                        <span
                          class="sc-fhYwyz gvbCbg"
                        />
                      </label>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo cfhLox"
                    >
                      <input
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle Fungible Tokens"
                        name="Toggle Fungible Tokens"
                        title="Toggle Fungible Tokens"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle Fungible Tokens"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="eTokens"
                          data-on="eTokens"
                        />
                        <span
                          class="sc-fhYwyz bJpYhW"
                        />
                      </label>
                    </div>
                  </div>
                </div>
              </div>
              <a
                class="sc-gRnDUn iFMMXa"
                href="/token/20a0b9337a78603c6681ed2bc541593375535dcd9979196620ce71f233f2f6f8"
              >
                <div
                  class="sc-drKuOJ dWjTJn"
                  title="Token List Item"
                >
                  <div
                    class="sc-dyGzUR frRtrK"
                  >
                    <div
                      class="sc-hBbWxd iNTAkK"
                    >
                      <img
                        alt="icon for 20a0b9337a78603c6681ed2bc541593375535dcd9979196620ce71f233f2f6f8"
                        height="32"
                        src="https://icons.etokens.cash/32/20a0b9337a78603c6681ed2bc541593375535dcd9979196620ce71f233f2f6f8.png"
                        width="32"
                      />
                    </div>
                    <h4>
                      VSP
                    </h4>
                  </div>
                  <h4>
                    2,998,978,719.999999999
                  </h4>
                </div>
              </a>
            </div>
          </div>
        </div>
        <div
          class="sc-yZwTr cWMKbM"
        >
          <button
            class="sc-FQuPU doSOrh"
          >
            <svg />
          </button>
          <button
            aria-label="Send Screen"
            class="sc-FQuPU doSOrh"
            style="padding-bottom: 10px;"
          >
            <div
              class="sc-iwsKbI cuDgAv"
            >
              <svg
                title="tx-sent"
              />
            </div>
          </button>
          <button
            aria-label="Tokens"
            class="sc-FQuPU eSnnLf"
          >
            <svg
              title="Tokens"
            />
          </button>
          <button
            aria-label="Receive"
            class="sc-FQuPU doSOrh"
          >
            <svg
              title="tx-received"
            />
          </button>
          <div
            class="sc-fjhmcy jOtBOs"
            title="Show Other Screens"
          >
            <span
              class="sc-hwcHae jiKkID"
            />
            <div
              class="sc-lnmtFM dXSWsQ"
              title="Other Screens"
            >
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Wallet Backup
                </p>
                <svg
                  title="wallet"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Wallets
                </p>
                <svg
                  title="wallets"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Listed NFTs
                </p>
                <svg
                  title="NFT"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Contacts
                </p>
                <svg
                  title="Contact List"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Airdrop
                </p>
                <svg
                  title="tx-airdrop"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Rewards
                </p>
                <svg
                  title="Cashtab Rewards"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Swap
                </p>
                <svg
                  title="swap"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                <p>
                  Sign & Verify
                </p>
                <svg
                  class="sc-htpNat bPFBeM"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                <p>
                  Settings
                </p>
                <svg
                  title="settings"
                />
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Etokens/__tests__/Etokens.test.js:142: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: <App /> A new user can import a mnemonic of a wallet with a balance ======
Error: expect(element).toHaveTextContent()

Expected element to have text content:
  9,513.12 XEC
Received:
  0.00 XEC
    at Object.toHaveTextContent (/work/cashtab/src/components/App/__tests__/App.test.js:734:60)
    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: <Etokens /> Large token list is rendered and searchable
CashTab Unit Tests: <App /> A new user can import a mnemonic of a wallet with a balance

Failed tests logs:

====== CashTab Unit Tests: <Etokens /> Large token list is rendered and searchable ======
TestingLibraryElementError: Unable to find an element with the text: No tokens matching vsp. 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-dEfkYy gCfMiu"
    >
      <div
        class="Toastify"
      />
      <div
        class="sc-cqPOvA clVrIX"
      >
        <div
          class="sc-gNJABI jWsBXr"
        >
          <div
            class="sc-kEmuub hIthwo"
          >
            <img
              alt="cashtab"
              class="sc-bbkauy jKzBhk"
              src="test-file-stub"
            />
            <img
              alt="tabcash"
              class="sc-fihHvN jTSqdI"
              src="test-file-stub"
            />
          </div>
          <div
            class="sc-eNNmBn edTXfc"
          >
            <select
              class="sc-eEieub iBVdYg"
              data-testid="wallet-select"
              id="wallets"
              name="wallets"
            >
              <option
                class="sc-RbTVP hMcPpG"
                value="Etokens Test"
              >
                Etokens Test
              </option>
            </select>
            <div
              class="sc-eopZyb iDutwN"
            >
              <button
                aria-label="Copy ecash:qz2708636snqhsxu8wnlka78h6fdp77ar59jrf5035"
                class="sc-iQNlJl dQNUoI"
              >
                <svg
                  title="copy-paste"
                />
              </button>
              <div
                class="sc-cpmLhU dyeBXy"
              >
                <div
                  class="sc-dymIpo gyYfmt"
                >
                  <input
                    checked=""
                    class="sc-jzgbtB jgfSAg"
                    id="show-hide-balance"
                    name="show-hide-balance"
                    title="show-hide-balance"
                    type="checkbox"
                  />
                  <label
                    class="sc-bnXvFD hBMwJl"
                    for="show-hide-balance"
                  >
                    <span
                      class="sc-gFaPwZ jegjwl"
                      data-off=""
                      data-on=""
                    />
                    <span
                      class="sc-fhYwyz jdgzKk"
                    />
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div
            class="sc-dznXNo epBKIx"
            title="Wallet Info"
          >
            <div
              class="sc-drlKqa gzObdq"
              title="Balance in XEC"
            >
              975,110.71
               
              XEC
               
            </div>
            <div
              class="sc-bIqbHp eQIbJZ"
              title="Balance in Local Currency"
            >
              $
              29.25
               
              USD
            </div>
            <p
              class="sc-jxGEyO dzLOSG"
              title="Price in Local Currency"
            >
              1 
              XEC
               = 
              0.00003000
               
              USD
            </p>
          </div>
          <div
            class="sc-iuDHTM bRkhcV"
          >
            <div
              class="sc-cmjSyW cKyNvW"
              title="Wallet Tokens"
            >
              <div
                class="sc-sdtwF enOmdD"
                title="Create eToken"
              >
                <a
                  class="sc-hrWEMg sc-gwVKww kNgIIa"
                  href="/create-token"
                >
                  Create eToken
                </a>
              </div>
              <div
                class="sc-sdtwF enOmdD"
                title="Create NFT Collection"
              >
                <a
                  class="sc-hrWEMg sc-epnACN fxkZQe"
                  href="/create-nft-collection"
                >
                  Create NFT Collection
                </a>
              </div>
              <div
                class="sc-gGBfsJ bcyGFW"
              >
                <div
                  class="sc-jnlKLf iMOzHB"
                >
                  <input
                    class="sc-fYxtnH klrORb"
                    name="tokenSearch"
                    placeholder="Start typing a token ticker or name"
                    value="vsp"
                  />
                </div>
                <div
                  class="sc-lhVmIH kOeoRj"
                />
              </div>
              <div
                class="sc-iYUSvU ikTcPD"
              >
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo bckJer"
                    >
                      <input
                        checked=""
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle All"
                        name="Toggle All"
                        title="Toggle All"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle All"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="All"
                          data-on="All"
                        />
                        <span
                          class="sc-fhYwyz dqlgzj"
                        />
                      </label>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo dFwjMz"
                    >
                      <input
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle Collections"
                        name="Toggle Collections"
                        title="Toggle Collections"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle Collections"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="Collections"
                          data-on="Collections"
                        />
                        <span
                          class="sc-fhYwyz cGDvLD"
                        />
                      </label>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo ctJxQR"
                    >
                      <input
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle NFTs"
                        name="Toggle NFTs"
                        title="Toggle NFTs"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle NFTs"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="NFTs"
                          data-on="NFTs"
                        />
                        <span
                          class="sc-fhYwyz gvbCbg"
                        />
                      </label>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo cfhLox"
                    >
                      <input
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle Fungible Tokens"
                        name="Toggle Fungible Tokens"
                        title="Toggle Fungible Tokens"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle Fungible Tokens"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="eTokens"
                          data-on="eTokens"
                        />
                        <span
                          class="sc-fhYwyz bJpYhW"
                        />
                      </label>
                    </div>
                  </div>
                </div>
              </div>
              <a
                class="sc-gRnDUn iFMMXa"
                href="/token/20a0b9337a78603c6681ed2bc541593375535dcd9979196620ce71f233f2f6f8"
              >
                <div
                  class="sc-drKuOJ dWjTJn"
                  title="Token List Item"
                >
                  <div
                    class="sc-dyGzUR frRtrK"
                  >
                    <div
                      class="sc-hBbWxd iNTAkK"
                    >
                      <img
                        alt="icon for 20a0b9337a78603c6681ed2bc541593375535dcd9979196620ce71f233f2f6f8"
                        height="32"
                        src="https://icons.etokens.cash/32/20a0b9337a78603c6681ed2bc541593375535dcd9979196620ce71f233f2f6f8.png"
                        width="32"
                      />
                    </div>
                    <h4>
                      VSP
                    </h4>
                  </div>
                  <h4>
                    2,998,978,719.999999999
                  </h4>
                </div>
              </a>
            </div>
          </div>
        </div>
        <div
          class="sc-yZwTr cWMKbM"
        >
          <button
            class="sc-FQuPU doSOrh"
          >
            <svg />
          </button>
          <button
            aria-label="Send Screen"
            class="sc-FQuPU doSOrh"
            style="padding-bottom: 10px;"
          >
            <div
              class="sc-iwsKbI cuDgAv"
            >
              <svg
                title="tx-sent"
              />
            </div>
          </button>
          <button
            aria-label="Tokens"
            class="sc-FQuPU eSnnLf"
          >
            <svg
              title="Tokens"
            />
          </button>
          <button
            aria-label="Receive"
            class="sc-FQuPU doSOrh"
          >
            <svg
              title="tx-received"
            />
          </button>
          <div
            class="sc-fjhmcy jOtBOs"
            title="Show Other Screens"
          >
            <span
              class="sc-hwcHae jiKkID"
            />
            <div
              class="sc-lnmtFM dXSWsQ"
              title="Other Screens"
            >
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Wallet Backup
                </p>
                <svg
                  title="wallet"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Wallets
                </p>
                <svg
                  title="wallets"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Listed NFTs
                </p>
                <svg
                  title="NFT"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Contacts
                </p>
                <svg
                  title="Contact List"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Airdrop
                </p>
                <svg
                  title="tx-airdrop"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Rewards
                </p>
                <svg
                  title="Cashtab Rewards"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Swap
                </p>
                <svg
                  title="swap"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                <p>
                  Sign & Verify
                </p>
                <svg
                  class="sc-htpNat bPFBeM"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                <p>
                  Settings
                </p>
                <svg
                  title="settings"
                />
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Etokens/__tests__/Etokens.test.js:142: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: <App /> A new user can import a mnemonic of a wallet with a balance ======
Error: expect(element).toHaveTextContent()

Expected element to have text content:
  9,513.12 XEC
Received:
  0.00 XEC
    at Object.toHaveTextContent (/work/cashtab/src/components/App/__tests__/App.test.js:734:60)

Each failure log is accessible here:
CashTab Unit Tests: <Etokens /> Large token list is rendered and searchable
CashTab Unit Tests: <App /> A new user can import a mnemonic of a wallet with a balance

Failed tests logs:

====== CashTab Unit Tests: <Etokens /> Large token list is rendered and searchable ======
TestingLibraryElementError: Unable to find an element with the title: Token List Item.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-dEfkYy gCfMiu"
    >
      <div
        class="Toastify"
      />
      <div
        class="sc-cqPOvA clVrIX"
      >
        <div
          class="sc-gNJABI jWsBXr"
        >
          <div
            class="sc-kEmuub hIthwo"
          >
            <img
              alt="cashtab"
              class="sc-bbkauy jKzBhk"
              src="test-file-stub"
            />
            <img
              alt="tabcash"
              class="sc-fihHvN jTSqdI"
              src="test-file-stub"
            />
          </div>
          <div
            class="sc-eNNmBn edTXfc"
          >
            <select
              class="sc-eEieub iBVdYg"
              data-testid="wallet-select"
              id="wallets"
              name="wallets"
            >
              <option
                class="sc-RbTVP hMcPpG"
                value="Etokens Test"
              >
                Etokens Test
              </option>
            </select>
            <div
              class="sc-eopZyb iDutwN"
            >
              <button
                aria-label="Copy ecash:qz2708636snqhsxu8wnlka78h6fdp77ar59jrf5035"
                class="sc-iQNlJl dQNUoI"
              >
                <svg
                  title="copy-paste"
                />
              </button>
              <div
                class="sc-cpmLhU dyeBXy"
              >
                <div
                  class="sc-dymIpo gyYfmt"
                >
                  <input
                    checked=""
                    class="sc-jzgbtB jgfSAg"
                    id="show-hide-balance"
                    name="show-hide-balance"
                    title="show-hide-balance"
                    type="checkbox"
                  />
                  <label
                    class="sc-bnXvFD hBMwJl"
                    for="show-hide-balance"
                  >
                    <span
                      class="sc-gFaPwZ jegjwl"
                      data-off=""
                      data-on=""
                    />
                    <span
                      class="sc-fhYwyz jdgzKk"
                    />
                  </label>
                </div>
              </div>
            </div>
          </div>
          <div
            class="sc-dznXNo epBKIx"
            title="Wallet Info"
          >
            <div
              class="sc-drlKqa gzObdq"
              title="Balance in XEC"
            >
              975,110.71
               
              XEC
               
            </div>
            <div
              class="sc-bIqbHp eQIbJZ"
              title="Balance in Local Currency"
            >
              $
              29.25
               
              USD
            </div>
            <p
              class="sc-jxGEyO dzLOSG"
              title="Price in Local Currency"
            >
              1 
              XEC
               = 
              0.00003000
               
              USD
            </p>
          </div>
          <div
            class="sc-iuDHTM bRkhcV"
          >
            <div
              class="sc-cmjSyW cKyNvW"
              title="Wallet Tokens"
            >
              <div
                class="sc-sdtwF enOmdD"
                title="Create eToken"
              >
                <a
                  class="sc-hrWEMg sc-gwVKww kNgIIa"
                  href="/create-token"
                >
                  Create eToken
                </a>
              </div>
              <div
                class="sc-sdtwF enOmdD"
                title="Create NFT Collection"
              >
                <a
                  class="sc-hrWEMg sc-epnACN fxkZQe"
                  href="/create-nft-collection"
                >
                  Create NFT Collection
                </a>
              </div>
              <div
                class="sc-gGBfsJ bcyGFW"
              >
                <div
                  class="sc-jnlKLf iMOzHB"
                >
                  <input
                    class="sc-fYxtnH klrORb"
                    name="tokenSearch"
                    placeholder="Start typing a token ticker or name"
                    value="vespene gas"
                  />
                </div>
                <div
                  class="sc-lhVmIH kOeoRj"
                />
              </div>
              <div
                class="sc-iYUSvU ikTcPD"
              >
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo bckJer"
                    >
                      <input
                        checked=""
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle All"
                        name="Toggle All"
                        title="Toggle All"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle All"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="All"
                          data-on="All"
                        />
                        <span
                          class="sc-fhYwyz dqlgzj"
                        />
                      </label>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo dFwjMz"
                    >
                      <input
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle Collections"
                        name="Toggle Collections"
                        title="Toggle Collections"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle Collections"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="Collections"
                          data-on="Collections"
                        />
                        <span
                          class="sc-fhYwyz cGDvLD"
                        />
                      </label>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo ctJxQR"
                    >
                      <input
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle NFTs"
                        name="Toggle NFTs"
                        title="Toggle NFTs"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle NFTs"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="NFTs"
                          data-on="NFTs"
                        />
                        <span
                          class="sc-fhYwyz gvbCbg"
                        />
                      </label>
                    </div>
                  </div>
                </div>
                <div
                  class="sc-cHSUfg dmxPcT"
                >
                  <div
                    class="sc-cpmLhU dyeBXy"
                  >
                    <div
                      class="sc-dymIpo cfhLox"
                    >
                      <input
                        class="sc-jzgbtB jgfSAg"
                        id="Toggle Fungible Tokens"
                        name="Toggle Fungible Tokens"
                        title="Toggle Fungible Tokens"
                        type="checkbox"
                      />
                      <label
                        class="sc-bnXvFD hBMwJl"
                        for="Toggle Fungible Tokens"
                      >
                        <span
                          class="sc-gFaPwZ hktLQl"
                          data-off="eTokens"
                          data-on="eTokens"
                        />
                        <span
                          class="sc-fhYwyz bJpYhW"
                        />
                      </label>
                    </div>
                  </div>
                </div>
              </div>
              <p>
                No tokens matching 
                vespene gas
              </p>
            </div>
          </div>
        </div>
        <div
          class="sc-yZwTr cWMKbM"
        >
          <button
            class="sc-FQuPU doSOrh"
          >
            <svg />
          </button>
          <button
            aria-label="Send Screen"
            class="sc-FQuPU doSOrh"
            style="padding-bottom: 10px;"
          >
            <div
              class="sc-iwsKbI cuDgAv"
            >
              <svg
                title="tx-sent"
              />
            </div>
          </button>
          <button
            aria-label="Tokens"
            class="sc-FQuPU eSnnLf"
          >
            <svg
              title="Tokens"
            />
          </button>
          <button
            aria-label="Receive"
            class="sc-FQuPU doSOrh"
          >
            <svg
              title="tx-received"
            />
          </button>
          <div
            class="sc-fjhmcy jOtBOs"
            title="Show Other Screens"
          >
            <span
              class="sc-hwcHae jiKkID"
            />
            <div
              class="sc-lnmtFM dXSWsQ"
              title="Other Screens"
            >
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Wallet Backup
                </p>
                <svg
                  title="wallet"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Wallets
                </p>
                <svg
                  title="wallets"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Listed NFTs
                </p>
                <svg
                  title="NFT"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Contacts
                </p>
                <svg
                  title="Contact List"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Airdrop
                </p>
                <svg
                  title="tx-airdrop"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Rewards
                </p>
                <svg
                  title="Cashtab Rewards"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                 
                <p>
                  Swap
                </p>
                <svg
                  title="swap"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                <p>
                  Sign & Verify
                </p>
                <svg
                  class="sc-htpNat bPFBeM"
                />
              </button>
              <button
                class="sc-erNlkL jUqjSc"
              >
                <p>
                  Settings
                </p>
                <svg
                  title="settings"
                />
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /work/cashtab/node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:109:15
    at Object.getAllByTitle (/work/cashtab/src/components/Etokens/__tests__/Etokens.test.js:173: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: <App /> A new user can import a mnemonic of a wallet with a balance ======
Error: expect(element).toHaveTextContent()

Expected element to have text content:
  9,513.12 XEC
Received:
  0.00 XEC
    at Object.toHaveTextContent (/work/cashtab/src/components/App/__tests__/App.test.js:734:60)

Each failure log is accessible here:
CashTab Unit Tests: <Etokens /> Large token list is rendered and searchable
CashTab Unit Tests: <App /> A new user can import a mnemonic of a wallet with a balance

update react testing library

nuking and rebuilding package-lock.json

This revision is now accepted and ready to land.Oct 13 2024, 01:35
This revision was automatically updated to reflect the committed changes.