Page MenuHomePhabricator

[Cashtab] Build our own modal to stop using antd
ClosedPublic

Authored by bytesofman on Mar 14 2024, 17:37.

Details

Reviewers
emack
Group Reviewers
Restricted Project
Commits
rABC68676654c078: [Cashtab] Build our own modal to stop using antd
Summary

T2207

Build a custom modal for Cashtab. Can be maintained and modified easier than current antd modals.

Does not clear out all the antd modals but it's a good start.

Test Plan

npm test

Diff Detail

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

Event Timeline

Failed tests logs:

====== CashTab Unit Tests: <CreateTokenForm /> User can input valid token parameters, generate a token, and view a success notification ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-kxynE sc-cooIXK hRcVUX"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD iFSmCb"
    >
      <button
        class="sc-gmeYpB cdTwjS"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modal
        </div>
        <input
          class="sc-hzNEM dNTrAm"
        />
        <div
          class="sc-chbbiW fcdakP"
        >
          <button
            class="sc-kxynE sc-cooIXK hRcVUX"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-hgHYgh iyvBLw"
        >
          <div
            class="sc-bEjcJn fIGcdH"
          >
            <div
              class="sc-ePZHVD OwwaU"
            >
              <div
                class="sc-gtfDJT gaVlmd"
              >
                <div
                  class="sc-likbZx hvtQZT"
                >
                  <img
                    alt="cashtab"
                    class="sc-eKZiaR hyLbaL"
                    src="test-file-stub"
                  />
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-clNaTc iufXmX"
                  >
                    <div
                      class="sc-etwtAo eppehU"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-jXQZqI jvBRkl"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-iGPElx UdylC"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-kasBVs hHFKSo"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-btzYZH hekFVg"
              >
                <div
                  class="sc-bsbRJL gLPXlJ"
                >
                  <h3>
                    Create a Token
                  </h3>
                  <div
                    class="sc-cvbbAY kdxSAu"
                  >
                    <form
                      class="ant-form ant-form-horizontal ant-form-small css-dev-only-do-not-override-1rqnfsa"
                      style="width: auto;"
                    >
                      <label
                        class="sc-lhVmIH ffziWj"
                      >
                        Token Name
                      </label>
                      <div
                        class="ant-form-item css-dev-only-do-not-override-1rqnfsa ant-form-item-with-help"
                      >
                        <div
                          class="ant-row ant-form-item-row css-dev-only-do-not-override-1rqnfsa"
                        >
                          <div
                            class="ant-col ant-form-item-control...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Etokens/__tests__/CreateTokenForm.test.js:134:33)
====== CashTab Unit Tests: <Configure /> We can add, delete, rename, contacts from the Configure screen, and add a savedWallet as a contact ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-kxynE sc-cooIXK hRcVUX"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD iFSmCb"
    >
      <button
        class="sc-gmeYpB cdTwjS"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modal
        </div>
        <input
          class="sc-hzNEM dNTrAm"
        />
        <div
          class="sc-chbbiW fcdakP"
        >
          <button
            class="sc-kxynE sc-cooIXK hRcVUX"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-hgHYgh iyvBLw"
        >
          <div
            class="sc-bEjcJn fIGcdH"
          >
            <div
              class="sc-ePZHVD OwwaU"
            >
              <div
                class="sc-gtfDJT gaVlmd"
              >
                <div
                  class="sc-likbZx hvtQZT"
                >
                  <img
                    alt="cashtab"
                    class="sc-eKZiaR hyLbaL"
                    src="test-file-stub"
                  />
                  <div
                    class="sc-hIVACf jFFKWJ"
                  >
                    Settings
                    <svg
                      height="33px"
                      width="30px"
                    />
                  </div>
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-clNaTc iufXmX"
                  >
                    <div
                      class="sc-etwtAo eppehU"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-jXQZqI jvBRkl"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-iGPElx UdylC"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-kasBVs hHFKSo"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-btzYZH hekFVg"
                data-testid="configure-ctn"
              >
                <div
                  class="sc-gPWkxV fPJZLd"
                >
                  <h2>
                    <span
                      aria-label="copy"
                      class="anticon anticon-copy sc-bwzfXH gJwWNq"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="copy"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      ...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Configure/__tests__/Configure.test.js:153:33)
====== CashTab Unit Tests: <Configure /> We can rename the active wallet or a saved wallet, we can add a wallet, we can import a wallet, we can delete a wallet ======
TestingLibraryElementError: Found multiple elements with the role "button" and name "OK"

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-kxynE sc-cooIXK hRcVUX"
>
  OK
</button>

Ignored nodes: comments, script, style
<button
  class="ant-btn css-dev-only-do-not-override-1rqnfsa ant-btn-primary"
  type="button"
>
  <span>
    OK
  </span>
</button>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD iFSmCb"
    >
      <button
        class="sc-gmeYpB cdTwjS"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modal
        </div>
        <input
          class="sc-hzNEM dNTrAm"
        />
        <div
          class="sc-chbbiW fcdakP"
        >
          <button
            class="sc-kxynE sc-cooIXK hRcVUX"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-hgHYgh iyvBLw"
        >
          <div
            class="sc-bEjcJn fIGcdH"
          >
            <div
              class="sc-ePZHVD OwwaU"
            >
              <div
                class="sc-gtfDJT gaVlmd"
              >
                <div
                  class="sc-likbZx hvtQZT"
                >
                  <img
                    alt="cashtab"
                    class="sc-eKZiaR hyLbaL"
                    src="test-file-stub"
                  />
                  <div
                    class="sc-hIVACf jFFKWJ"
                  >
                    Settings
                    <svg
                      height="33px"
                      width="30px"
                    />
                  </div>
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-clNaTc iufXmX"
                  >
                    <div
                      class="sc-etwtAo eppehU"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-jXQZqI jvBRkl"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-iGPElx UdylC"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-kasBVs hHFKSo"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-btzYZH hekFVg"
                data-testid="configure-ctn"
              >
                <div
                  class="sc-gPWkxV fPJZLd"
                >
                  <h2>
                    <span
                      aria-label="copy"
                      class="anticon anticon-copy sc-bwzfXH gJwWNq"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="copy"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      ...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByRole (/work/cashtab/src/components/Configure/__tests__/Configure.test.js:369:33)
====== CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon successfully signing a message ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-kxynE sc-cooIXK hRcVUX"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD iFSmCb"
    >
      <button
        class="sc-gmeYpB cdTwjS"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modal
        </div>
        <input
          class="sc-hzNEM dNTrAm"
        />
        <div
          class="sc-chbbiW fcdakP"
        >
          <button
            class="sc-kxynE sc-cooIXK hRcVUX"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-hgHYgh iyvBLw"
        >
          <div
            class="sc-bEjcJn fIGcdH"
          >
            <div
              class="sc-ePZHVD OwwaU"
            >
              <div
                class="sc-gtfDJT gaVlmd"
              >
                <div
                  class="sc-likbZx hvtQZT"
                >
                  <img
                    alt="cashtab"
                    class="sc-eKZiaR hyLbaL"
                    src="test-file-stub"
                  />
                  <div
                    class="sc-hIVACf jFFKWJ"
                  >
                     
                    Sign & Verify Msg
                    <svg
                      class="sc-chPdSV kiHcnD"
                    />
                  </div>
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-clNaTc iufXmX"
                  >
                    <div
                      class="sc-etwtAo eppehU"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-jXQZqI jvBRkl"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-iGPElx UdylC"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-kasBVs hHFKSo"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-ipXKqB fnQgHb"
              >
                <div
                  class="sc-btzYZH hekFVg"
                  data-testid="signverifymsg-ctn"
                >
                  <div
                    class="sc-iuJeZd fbkGmg"
                  >
                    <div
                      class="ant-collapse ant-collapse-icon-position-start sc-cmthru bLbIvy css-dev-only-do-not-override-1rqnfsa"
                      style="margin-bottom: 24px;"
                    >
                      <div
                        class="ant-collapse-item ant-collapse-item-active"
                      >
                        <div
                          aria-disabled="false"
                          aria-expanded="true"
                          class...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/SignVerifyMsg/__tests__/SignVerifyMsg.test.js:106:33)
====== CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon successfully verifying a message ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-kxynE sc-cooIXK hRcVUX"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD iFSmCb"
    >
      <button
        class="sc-gmeYpB cdTwjS"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modal
        </div>
        <input
          class="sc-hzNEM dNTrAm"
        />
        <div
          class="sc-chbbiW fcdakP"
        >
          <button
            class="sc-kxynE sc-cooIXK hRcVUX"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-hgHYgh iyvBLw"
        >
          <div
            class="sc-bEjcJn fIGcdH"
          >
            <div
              class="sc-ePZHVD OwwaU"
            >
              <div
                class="sc-gtfDJT gaVlmd"
              >
                <div
                  class="sc-likbZx hvtQZT"
                >
                  <img
                    alt="cashtab"
                    class="sc-eKZiaR hyLbaL"
                    src="test-file-stub"
                  />
                  <div
                    class="sc-hIVACf jFFKWJ"
                  >
                     
                    Sign & Verify Msg
                    <svg
                      class="sc-chPdSV kiHcnD"
                    />
                  </div>
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-clNaTc iufXmX"
                  >
                    <div
                      class="sc-etwtAo eppehU"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-jXQZqI jvBRkl"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-iGPElx UdylC"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-kasBVs hHFKSo"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-ipXKqB fnQgHb"
              >
                <div
                  class="sc-btzYZH hekFVg"
                  data-testid="signverifymsg-ctn"
                >
                  <div
                    class="sc-iuJeZd fbkGmg"
                  >
                    <div
                      class="ant-collapse ant-collapse-icon-position-start sc-cmthru bLbIvy css-dev-only-do-not-override-1rqnfsa"
                      style="margin-bottom: 24px;"
                    >
                      <div
                        class="ant-collapse-item"
                      >
                        <div
                          aria-disabled="false"
                          aria-expanded="false"
                          class="ant-collapse...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/SignVerifyMsg/__tests__/SignVerifyMsg.test.js:153:38)
====== CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon signature verification error ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-kxynE sc-cooIXK hRcVUX"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD iFSmCb"
    >
      <button
        class="sc-gmeYpB cdTwjS"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modal
        </div>
        <input
          class="sc-hzNEM dNTrAm"
        />
        <div
          class="sc-chbbiW fcdakP"
        >
          <button
            class="sc-kxynE sc-cooIXK hRcVUX"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-hgHYgh iyvBLw"
        >
          <div
            class="sc-bEjcJn fIGcdH"
          >
            <div
              class="sc-ePZHVD OwwaU"
            >
              <div
                class="sc-gtfDJT gaVlmd"
              >
                <div
                  class="sc-likbZx hvtQZT"
                >
                  <img
                    alt="cashtab"
                    class="sc-eKZiaR hyLbaL"
                    src="test-file-stub"
                  />
                  <div
                    class="sc-hIVACf jFFKWJ"
                  >
                     
                    Sign & Verify Msg
                    <svg
                      class="sc-chPdSV kiHcnD"
                    />
                  </div>
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-clNaTc iufXmX"
                  >
                    <div
                      class="sc-etwtAo eppehU"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-jXQZqI jvBRkl"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-iGPElx UdylC"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-kasBVs hHFKSo"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-ipXKqB fnQgHb"
              >
                <div
                  class="sc-btzYZH hekFVg"
                  data-testid="signverifymsg-ctn"
                >
                  <div
                    class="sc-iuJeZd fbkGmg"
                  >
                    <div
                      class="ant-collapse ant-collapse-icon-position-start sc-cmthru bLbIvy css-dev-only-do-not-override-1rqnfsa"
                      style="margin-bottom: 24px;"
                    >
                      <div
                        class="ant-collapse-item"
                      >
                        <div
                          aria-disabled="false"
                          aria-expanded="false"
                          class="ant-collapse...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/SignVerifyMsg/__tests__/SignVerifyMsg.test.js:200:38)
====== CashTab Unit Tests: <App /> Setting "Send Confirmations" settings will show send confirmations ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-kxynE sc-cooIXK hRcVUX"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD iFSmCb"
    >
      <button
        class="sc-gmeYpB cdTwjS"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modal
        </div>
        <input
          class="sc-hzNEM dNTrAm"
        />
        <div
          class="sc-chbbiW fcdakP"
        >
          <button
            class="sc-kxynE sc-cooIXK hRcVUX"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-hgHYgh iyvBLw"
        >
          <div
            class="sc-bEjcJn fIGcdH"
          >
            <div
              class="sc-ePZHVD OwwaU"
            >
              <div
                class="sc-gtfDJT gaVlmd"
              >
                <div
                  class="sc-likbZx hvtQZT"
                >
                  <img
                    alt="cashtab"
                    class="sc-eKZiaR hyLbaL"
                    src="test-file-stub"
                  />
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-clNaTc iufXmX"
                  >
                    <div
                      class="sc-etwtAo eppehU"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-jXQZqI jvBRkl"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-iGPElx UdylC"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-kasBVs hHFKSo"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-btzYZH hekFVg"
                data-testid="send-xec-ctn"
              >
                <div
                  class="ant-row css-dev-only-do-not-override-1rqnfsa"
                  type="flex"
                >
                  <div
                    class="ant-col ant-col-24 css-dev-only-do-not-override-1rqnfsa"
                  >
                    <form
                      class="ant-form ant-form-horizontal css-dev-only-do-not-override-1rqnfsa"
                      style="width: auto; margin-top: 40px;"
                    >
                      <div
                        class="sc-iujRgT bugtRy"
                      >
                         
                        <label
                          class="sc-lhVmIH ffziWj"
                        >
                          Send to
                        </label>
                        <div
                          class="sc-hMFtBS hvGbKu"
                        >
                          Multiple Recipients:  
                          <button
         ...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/__tests__/App.test.js:492:33)

Each failure log is accessible here:
CashTab Unit Tests: <CreateTokenForm /> User can input valid token parameters, generate a token, and view a success notification
CashTab Unit Tests: <Configure /> We can add, delete, rename, contacts from the Configure screen, and add a savedWallet as a contact
CashTab Unit Tests: <Configure /> We can rename the active wallet or a saved wallet, we can add a wallet, we can import a wallet, we can delete a wallet
CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon successfully signing a message
CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon successfully verifying a message
CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon signature verification error
CashTab Unit Tests: <App /> Setting "Send Confirmations" settings will show send confirmations

Failed tests logs:

====== CashTab Unit Tests: <CreateTokenForm /> User can input valid token parameters, generate a token, and view a success notification ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-cooIXK sc-fcdeBU dUoidx"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD jrWOGk"
    >
      <button
        class="sc-kZmsYB gKSRpu"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modalThis is a test modalThis is a test modalThis is a
        </div>
        <div
          class="sc-hzNEM iqmgPM"
        >
          <input
            class="sc-chbbiW jZYfOp"
            name="modalinput"
            placeholder="Modal input"
          />
        </div>
        <div
          class="sc-kxynE fMznLS"
        >
          <button
            class="sc-cooIXK sc-fcdeBU dUoidx"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-eInJlc ercjxP"
        >
          <div
            class="sc-ePZHVD kfPCZI"
          >
            <div
              class="sc-likbZx iFqtAr"
            >
              <div
                class="sc-fOICqy ezfPtd"
              >
                <div
                  class="sc-eKZiaR jFPXxA"
                >
                  <img
                    alt="cashtab"
                    class="sc-drMfKT dXplKY"
                    src="test-file-stub"
                  />
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-etwtAo QBDyi"
                  >
                    <div
                      class="sc-jXQZqI kyvgTB"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-iGPElx faLMuL"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-kasBVs hZfnGa"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-hgHYgh czfwJw"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-btzYZH hekFVg"
              >
                <div
                  class="sc-bsbRJL gLPXlJ"
                >
                  <h3>
                    Create a Token
                  </h3>
                  <div
                    class="sc-cvbbAY kdxSAu"
                  >
                    <form
                      class="ant-form ant-form-horizontal ant-form-small css-dev-only-do-not-override-1rqnfsa"
                      style="width: auto;"
                    >
                      <label
                        class="sc-lhVmIH ffziWj"
                      >
                        Token Name
                      </label>
                      <div
                        class="ant-form-item css-dev-only-do-not-override-1rqnfsa ant-form-item-with-help"
                      >
                        ...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Etokens/__tests__/CreateTokenForm.test.js:134:33)
====== CashTab Unit Tests: <Configure /> We can add, delete, rename, contacts from the Configure screen, and add a savedWallet as a contact ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-cooIXK sc-fcdeBU dUoidx"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD jrWOGk"
    >
      <button
        class="sc-kZmsYB gKSRpu"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modalThis is a test modalThis is a test modalThis is a
        </div>
        <div
          class="sc-hzNEM iqmgPM"
        >
          <input
            class="sc-chbbiW jZYfOp"
            name="modalinput"
            placeholder="Modal input"
          />
        </div>
        <div
          class="sc-kxynE fMznLS"
        >
          <button
            class="sc-cooIXK sc-fcdeBU dUoidx"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-eInJlc ercjxP"
        >
          <div
            class="sc-ePZHVD kfPCZI"
          >
            <div
              class="sc-likbZx iFqtAr"
            >
              <div
                class="sc-fOICqy ezfPtd"
              >
                <div
                  class="sc-eKZiaR jFPXxA"
                >
                  <img
                    alt="cashtab"
                    class="sc-drMfKT dXplKY"
                    src="test-file-stub"
                  />
                  <div
                    class="sc-gpHHfC cjeQwp"
                  >
                    Settings
                    <svg
                      height="33px"
                      width="30px"
                    />
                  </div>
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-etwtAo QBDyi"
                  >
                    <div
                      class="sc-jXQZqI kyvgTB"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-iGPElx faLMuL"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-kasBVs hZfnGa"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-hgHYgh czfwJw"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-btzYZH hekFVg"
                data-testid="configure-ctn"
              >
                <div
                  class="sc-gPWkxV fPJZLd"
                >
                  <h2>
                    <span
                      aria-label="copy"
                      class="anticon anticon-copy sc-bwzfXH gJwWNq"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="copy"
                        fill=...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/Configure/__tests__/Configure.test.js:153:33)
====== CashTab Unit Tests: <Configure /> We can rename the active wallet or a saved wallet, we can add a wallet, we can import a wallet, we can delete a wallet ======
TestingLibraryElementError: Found multiple elements with the role "button" and name "OK"

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-cooIXK sc-fcdeBU dUoidx"
>
  OK
</button>

Ignored nodes: comments, script, style
<button
  class="ant-btn css-dev-only-do-not-override-1rqnfsa ant-btn-primary"
  type="button"
>
  <span>
    OK
  </span>
</button>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD jrWOGk"
    >
      <button
        class="sc-kZmsYB gKSRpu"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modalThis is a test modalThis is a test modalThis is a
        </div>
        <div
          class="sc-hzNEM iqmgPM"
        >
          <input
            class="sc-chbbiW jZYfOp"
            name="modalinput"
            placeholder="Modal input"
          />
        </div>
        <div
          class="sc-kxynE fMznLS"
        >
          <button
            class="sc-cooIXK sc-fcdeBU dUoidx"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-eInJlc ercjxP"
        >
          <div
            class="sc-ePZHVD kfPCZI"
          >
            <div
              class="sc-likbZx iFqtAr"
            >
              <div
                class="sc-fOICqy ezfPtd"
              >
                <div
                  class="sc-eKZiaR jFPXxA"
                >
                  <img
                    alt="cashtab"
                    class="sc-drMfKT dXplKY"
                    src="test-file-stub"
                  />
                  <div
                    class="sc-gpHHfC cjeQwp"
                  >
                    Settings
                    <svg
                      height="33px"
                      width="30px"
                    />
                  </div>
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-etwtAo QBDyi"
                  >
                    <div
                      class="sc-jXQZqI kyvgTB"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-iGPElx faLMuL"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-kasBVs hZfnGa"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-hgHYgh czfwJw"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-btzYZH hekFVg"
                data-testid="configure-ctn"
              >
                <div
                  class="sc-gPWkxV fPJZLd"
                >
                  <h2>
                    <span
                      aria-label="copy"
                      class="anticon anticon-copy sc-bwzfXH gJwWNq"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="copy"
                        fill=...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByRole (/work/cashtab/src/components/Configure/__tests__/Configure.test.js:369:33)
====== CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon successfully signing a message ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-cooIXK sc-fcdeBU dUoidx"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD jrWOGk"
    >
      <button
        class="sc-kZmsYB gKSRpu"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modalThis is a test modalThis is a test modalThis is a
        </div>
        <div
          class="sc-hzNEM iqmgPM"
        >
          <input
            class="sc-chbbiW jZYfOp"
            name="modalinput"
            placeholder="Modal input"
          />
        </div>
        <div
          class="sc-kxynE fMznLS"
        >
          <button
            class="sc-cooIXK sc-fcdeBU dUoidx"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-eInJlc ercjxP"
        >
          <div
            class="sc-ePZHVD kfPCZI"
          >
            <div
              class="sc-likbZx iFqtAr"
            >
              <div
                class="sc-fOICqy ezfPtd"
              >
                <div
                  class="sc-eKZiaR jFPXxA"
                >
                  <img
                    alt="cashtab"
                    class="sc-drMfKT dXplKY"
                    src="test-file-stub"
                  />
                  <div
                    class="sc-gpHHfC cjeQwp"
                  >
                     
                    Sign & Verify Msg
                    <svg
                      class="sc-chPdSV kiHcnD"
                    />
                  </div>
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-etwtAo QBDyi"
                  >
                    <div
                      class="sc-jXQZqI kyvgTB"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-iGPElx faLMuL"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-kasBVs hZfnGa"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-hgHYgh czfwJw"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-ipXKqB fnQgHb"
              >
                <div
                  class="sc-btzYZH hekFVg"
                  data-testid="signverifymsg-ctn"
                >
                  <div
                    class="sc-iuJeZd fbkGmg"
                  >
                    <div
                      class="ant-collapse ant-collapse-icon-position-start sc-cmthru bLbIvy css-dev-only-do-not-override-1rqnfsa"
                      style="margin-bottom: 24px;"
                    >
                      <div
                        class="ant-co...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/SignVerifyMsg/__tests__/SignVerifyMsg.test.js:106:33)
====== CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon successfully verifying a message ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-cooIXK sc-fcdeBU dUoidx"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD jrWOGk"
    >
      <button
        class="sc-kZmsYB gKSRpu"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modalThis is a test modalThis is a test modalThis is a
        </div>
        <div
          class="sc-hzNEM iqmgPM"
        >
          <input
            class="sc-chbbiW jZYfOp"
            name="modalinput"
            placeholder="Modal input"
          />
        </div>
        <div
          class="sc-kxynE fMznLS"
        >
          <button
            class="sc-cooIXK sc-fcdeBU dUoidx"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-eInJlc ercjxP"
        >
          <div
            class="sc-ePZHVD kfPCZI"
          >
            <div
              class="sc-likbZx iFqtAr"
            >
              <div
                class="sc-fOICqy ezfPtd"
              >
                <div
                  class="sc-eKZiaR jFPXxA"
                >
                  <img
                    alt="cashtab"
                    class="sc-drMfKT dXplKY"
                    src="test-file-stub"
                  />
                  <div
                    class="sc-gpHHfC cjeQwp"
                  >
                     
                    Sign & Verify Msg
                    <svg
                      class="sc-chPdSV kiHcnD"
                    />
                  </div>
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-etwtAo QBDyi"
                  >
                    <div
                      class="sc-jXQZqI kyvgTB"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-iGPElx faLMuL"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-kasBVs hZfnGa"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-hgHYgh czfwJw"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-ipXKqB fnQgHb"
              >
                <div
                  class="sc-btzYZH hekFVg"
                  data-testid="signverifymsg-ctn"
                >
                  <div
                    class="sc-iuJeZd fbkGmg"
                  >
                    <div
                      class="ant-collapse ant-collapse-icon-position-start sc-cmthru bLbIvy css-dev-only-do-not-override-1rqnfsa"
                      style="margin-bottom: 24px;"
                    >
                      <div
                        class="ant-co...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/SignVerifyMsg/__tests__/SignVerifyMsg.test.js:153:38)
====== CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon signature verification error ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-cooIXK sc-fcdeBU dUoidx"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD jrWOGk"
    >
      <button
        class="sc-kZmsYB gKSRpu"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modalThis is a test modalThis is a test modalThis is a
        </div>
        <div
          class="sc-hzNEM iqmgPM"
        >
          <input
            class="sc-chbbiW jZYfOp"
            name="modalinput"
            placeholder="Modal input"
          />
        </div>
        <div
          class="sc-kxynE fMznLS"
        >
          <button
            class="sc-cooIXK sc-fcdeBU dUoidx"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-eInJlc ercjxP"
        >
          <div
            class="sc-ePZHVD kfPCZI"
          >
            <div
              class="sc-likbZx iFqtAr"
            >
              <div
                class="sc-fOICqy ezfPtd"
              >
                <div
                  class="sc-eKZiaR jFPXxA"
                >
                  <img
                    alt="cashtab"
                    class="sc-drMfKT dXplKY"
                    src="test-file-stub"
                  />
                  <div
                    class="sc-gpHHfC cjeQwp"
                  >
                     
                    Sign & Verify Msg
                    <svg
                      class="sc-chPdSV kiHcnD"
                    />
                  </div>
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-etwtAo QBDyi"
                  >
                    <div
                      class="sc-jXQZqI kyvgTB"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-iGPElx faLMuL"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-kasBVs hZfnGa"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-hgHYgh czfwJw"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-ipXKqB fnQgHb"
              >
                <div
                  class="sc-btzYZH hekFVg"
                  data-testid="signverifymsg-ctn"
                >
                  <div
                    class="sc-iuJeZd fbkGmg"
                  >
                    <div
                      class="ant-collapse ant-collapse-icon-position-start sc-cmthru bLbIvy css-dev-only-do-not-override-1rqnfsa"
                      style="margin-bottom: 24px;"
                    >
                      <div
                        class="ant-co...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/SignVerifyMsg/__tests__/SignVerifyMsg.test.js:200:38)
====== CashTab Unit Tests: <App /> Setting "Send Confirmations" settings will show send confirmations ======
TestingLibraryElementError: Found multiple elements with the text: OK

Here are the matching elements:

Ignored nodes: comments, script, style
<button
  class="sc-cooIXK sc-fcdeBU dUoidx"
>
  OK
</button>

Ignored nodes: comments, script, style
<span>
  OK
</span>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="sc-jKVCRD jrWOGk"
    >
      <button
        class="sc-kZmsYB gKSRpu"
      >
        X
      </button>
      <div
        class="sc-LKuAh jkFHqD"
      >
        <div
          class="sc-kaNhvL euYYlM"
        >
          Test Modal
        </div>
        <div
          class="sc-iBEsjs wqqVV"
        >
          This is a test modalThis is a test modalThis is a test modalThis is a
        </div>
        <div
          class="sc-hzNEM iqmgPM"
        >
          <input
            class="sc-chbbiW jZYfOp"
            name="modalinput"
            placeholder="Modal input"
          />
        </div>
        <div
          class="sc-kxynE fMznLS"
        >
          <button
            class="sc-cooIXK sc-fcdeBU dUoidx"
          >
            OK
          </button>
        </div>
      </div>
    </div>
    <div
      class="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-eInJlc ercjxP"
        >
          <div
            class="sc-ePZHVD kfPCZI"
          >
            <div
              class="sc-likbZx iFqtAr"
            >
              <div
                class="sc-fOICqy ezfPtd"
              >
                <div
                  class="sc-eKZiaR jFPXxA"
                >
                  <img
                    alt="cashtab"
                    class="sc-drMfKT dXplKY"
                    src="test-file-stub"
                  />
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-etwtAo QBDyi"
                  >
                    <div
                      class="sc-jXQZqI kyvgTB"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-iGPElx faLMuL"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-kasBVs hZfnGa"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-hgHYgh czfwJw"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-btzYZH hekFVg"
                data-testid="send-xec-ctn"
              >
                <div
                  class="ant-row css-dev-only-do-not-override-1rqnfsa"
                  type="flex"
                >
                  <div
                    class="ant-col ant-col-24 css-dev-only-do-not-override-1rqnfsa"
                  >
                    <form
                      class="ant-form ant-form-horizontal css-dev-only-do-not-override-1rqnfsa"
                      style="width: auto; margin-top: 40px;"
                    >
                      <div
                        class="sc-iujRgT bugtRy"
                      >
                         
                        <label
                          class="sc-lhVmIH ffziWj"
                        >
                          Send to
            ...
    at Object.getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/config.js:37:19)
    at getElementError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (/work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:23:10)
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
    at /work/cashtab/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/work/cashtab/src/components/__tests__/App.test.js:492:33)

Each failure log is accessible here:
CashTab Unit Tests: <CreateTokenForm /> User can input valid token parameters, generate a token, and view a success notification
CashTab Unit Tests: <Configure /> We can add, delete, rename, contacts from the Configure screen, and add a savedWallet as a contact
CashTab Unit Tests: <Configure /> We can rename the active wallet or a saved wallet, we can add a wallet, we can import a wallet, we can delete a wallet
CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon successfully signing a message
CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon successfully verifying a message
CashTab Unit Tests: <SignVerifyMsg /> Notification is rendered upon signature verification error
CashTab Unit Tests: <App /> Setting "Send Confirmations" settings will show send confirmations

More progress, still needs some work

Failed tests logs:

====== CashTab Unit Tests: <App /> Setting "Send Confirmations" settings will show send confirmations ======
Error: Unable to find an element with the text: Are you sure you want to send 55 XEC to ecash:qphlhe78677sz227k83hrh542qeehh8el5lcjwk72y?. 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="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-eInJlc ercjxP"
        >
          <div
            class="sc-ePZHVD kfPCZI"
          >
            <div
              class="sc-likbZx iFqtAr"
            >
              <div
                class="sc-fOICqy ezfPtd"
              >
                <div
                  class="sc-eKZiaR jFPXxA"
                >
                  <img
                    alt="cashtab"
                    class="sc-drMfKT dXplKY"
                    src="test-file-stub"
                  />
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-etwtAo QBDyi"
                  >
                    <div
                      class="sc-jXQZqI kyvgTB"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-iGPElx faLMuL"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-kasBVs hZfnGa"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-hgHYgh czfwJw"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-hMFtBS hetsHv"
                height="210"
                width="320"
              >
                <button
                  class="sc-gojNiO bkxMSt"
                >
                  X
                </button>
                <div
                  class="sc-gqPbQI bsnqYe"
                >
                  <div
                    class="sc-cLQEGU bjlvlg"
                  >
                    Confirm Send
                  </div>
                  <div
                    class="sc-hORach jguJzG"
                  >
                    Send 55 
                  XEC to ecash:qphlhe78677sz227k83hrh542qeehh8el5lcjwk72y
                  </div>
                  <div
                    class="sc-iujRgT gRrpVG"
                  >
                    <button
                      class="sc-GMQeP sc-exAgwC dCVabf"
                    >
                      OK
                    </button>
                    <button
                      class="sc-GMQeP sc-cQFLBn khBVau"
                    >
                      Cancel
                    </button>
                  </div>
                </div>
              </div>
              <div
                class="sc-btzYZH hekFVg"
                data-testid="send-xec-ctn"
              >
                <div
                  class="ant-row css-dev-only-do-not-override-1rqnfsa"
                  type="flex"
                >
                  <div
                    class="ant-col ant-col-24 css-dev-only-do-not-override-1rqnfsa"
                  >
                    <form
                      class="ant-form ant-form-horizontal css-dev-only-do-not-override-1rqnfsa"
                      style="width: auto; margin-top: 40px;"
                    >
                      <div
                   ...
    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/__tests__/App.test.js:486:26)

Each failure log is accessible here:
CashTab Unit Tests: <App /> Setting "Send Confirmations" settings will show send confirmations

implementing for most modals on Configure

Failed tests logs:

====== CashTab Unit Tests: <Configure /> We can rename the active wallet or a saved wallet, we can add a wallet, we can import a wallet, we can delete a wallet ======
Error: Unable to find an element with the text: Rename Wallet alpha. 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
    class="ant-notification ant-notification-topRight css-dev-only-do-not-override-1rqnfsa ant-notification-stack ant-notification-stack-expanded"
    style="right: 0px; top: 24px;"
  >
    <div
      class="ant-notification-notice-wrapper"
      style="transform: translate3d(0, 16px, 0) scaleX(1); height: 0px;"
    >
      <div
        class="ant-notification-notice ant-notification-notice-error ant-notification-notice-closable"
      >
        <div
          class="ant-notification-notice-content"
        >
          <div
            class="ant-notification-notice-with-icon"
            role="alert"
          >
            <span
              aria-label="close-circle"
              class="anticon anticon-close-circle ant-notification-notice-icon ant-notification-notice-icon-error"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="close-circle"
                fill="currentColor"
                fill-rule="evenodd"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
                />
              </svg>
            </span>
            <div
              class="ant-notification-notice-message"
            >
              Error
            </div>
            <div
              class="ant-notification-notice-description"
            >
              ecash:qqxefwshnmppcsjp0fc6w7rnkdsexc7cagdus7ugd0 already exists in the Contact List
            </div>
          </div>
        </div>
        <a
          class="ant-notification-notice-close"
          tabindex="0"
        >
          <span
            class="ant-notification-notice-close-x"
          >
            <span
              aria-label="close"
              class="anticon anticon-close ant-notification-notice-close-icon"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="close"
                fill="currentColor"
                fill-rule="evenodd"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
                />
              </svg>
            </span>
          </span>
        </a>
      </div>
    </div>
    <div
      class="ant-notification-notice-wrapper"
      style="transform: translate3d(0, 0, 0);"
    >
      <div
        class="ant-notification-notice ant-notification-notice-success ant-notification-notice-closable"
      >
        <div
          class="ant-notification-notice-content"
        >
          <div
            class="ant-notification-notice-with-icon"
            role="alert"
          >
            <span
              aria-label="check-circle"
              class="anticon anticon-check-circle ant-notification-notice-icon ant-notification-notice-icon-success"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="check-circle"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
                />
              </svg>
            </span>
            <div
              class="ant-notification-notice-message"
            >
              Success
            </div>
            <div
              class="ant-notificatio...
    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/Configure/__tests__/Configure.test.js:359:26)
====== CashTab Unit Tests: <App /> Setting "Send Confirmations" settings will show send confirmations ======
Error: Unable to find an element with the text: Are you sure you want to send 55 XEC to ecash:qphlhe78677sz227k83hrh542qeehh8el5lcjwk72y?. 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="ant-spin-nested-loading css-dev-only-do-not-override-1rqnfsa"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="sc-eInJlc ercjxP"
        >
          <div
            class="sc-ePZHVD kfPCZI"
          >
            <div
              class="sc-likbZx iFqtAr"
            >
              <div
                class="sc-fOICqy ezfPtd"
              >
                <div
                  class="sc-eKZiaR jFPXxA"
                >
                  <img
                    alt="cashtab"
                    class="sc-drMfKT dXplKY"
                    src="test-file-stub"
                  />
                </div>
                <div
                  class="sc-bYSBpT dbDmUC"
                  data-testid="wallet-info-ctn"
                >
                  <div
                    class="sc-etwtAo QBDyi"
                  >
                    <div
                      class="sc-jXQZqI kyvgTB"
                    >
                      Transaction Fixtures
                    </div>
                    <div>
                       
                      <button
                        aria-checked="true"
                        class="ant-switch ant-switch-small css-dev-only-do-not-override-1rqnfsa ant-switch-checked"
                        role="switch"
                        type="button"
                      >
                        <div
                          class="ant-switch-handle"
                        />
                        <span
                          class="ant-switch-inner"
                        >
                          <span
                            class="ant-switch-inner-checked"
                          >
                            <svg
                              class="sc-cSHVUG bgwEHu"
                            />
                          </span>
                          <span
                            class="ant-switch-inner-unchecked"
                          >
                            <svg
                              class="sc-kAzzGY fUTkYj"
                            />
                          </span>
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="sc-iGPElx faLMuL"
                    data-testid="balance-xec"
                  >
                    9,513.12
                     
                    XEC
                     
                  </div>
                  <div
                    class="sc-kasBVs hZfnGa"
                    data-testid="balance-fiat"
                  >
                    $
                    0.29
                     
                    USD
                  </div>
                  <p
                    class="sc-hgHYgh czfwJw"
                    data-testid="ecash-price"
                  >
                    1 
                    XEC
                     = 
                    0.00003000
                     
                    USD
                  </p>
                </div>
              </div>
              <div
                class="sc-hMFtBS dnPEKD"
                height="210"
                width="320"
              >
                <button
                  class="sc-gojNiO bkxMSt"
                >
                  X
                </button>
                <div
                  class="sc-gqPbQI bsnqYe"
                >
                  <div
                    class="sc-cLQEGU bjlvlg"
                  >
                    Confirm Send
                  </div>
                  <div
                    class="sc-hORach jguJzG"
                  >
                    Send 55 
                  XEC to ecash:qphlhe78677sz227k83hrh542qeehh8el5lcjwk72y
                  </div>
                  <div
                    class="sc-iujRgT gRrpVG"
                  >
                    <button
                      class="sc-GMQeP sc-exAgwC dCVabf"
                    >
                      OK
                    </button>
                    <button
                      class="sc-GMQeP sc-cQFLBn khBVau"
                    >
                      Cancel
                    </button>
                  </div>
                </div>
              </div>
              <div
                class="sc-btzYZH hekFVg"
                data-testid="send-xec-ctn"
              >
                <div
                  class="ant-row css-dev-only-do-not-override-1rqnfsa"
                  type="flex"
                >
                  <div
                    class="ant-col ant-col-24 css-dev-only-do-not-override-1rqnfsa"
                  >
                    <form
                      class="ant-form ant-form-horizontal css-dev-only-do-not-override-1rqnfsa"
                      style="width: auto; margin-top: 40px;"
                    >
                      <div
                   ...
    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/__tests__/App.test.js:486:26)

Each failure log is accessible here:
CashTab Unit Tests: <Configure /> We can rename the active wallet or a saved wallet, we can add a wallet, we can import a wallet, we can delete a wallet
CashTab Unit Tests: <App /> Setting "Send Confirmations" settings will show send confirmations

Replace Configure screen non-popup modals, replace sendtoken modals, update tests

remove unrelated changes, clean up config

If you toggle Send Confirmations in config to true, then send a normal XEC tx, that setting resets to false after tx broadcast.

cashtab/src/components/Send/SendXec.js
796 ↗(On Diff #46239)

image.png (182×344 px, 27 KB)

emack requested changes to this revision.Mar 16 2024, 09:47
emack added inline comments.
cashtab/src/components/Send/SendXec.js
796 ↗(On Diff #46239)

A second warning flagged when sending multiple recipients tx

image.png (76×347 px, 12 KB)

This revision now requires changes to proceed.Mar 16 2024, 09:47

rebase, patch proptypes issues from in-line comments

If you toggle Send Confirmations in config to true, then send a normal XEC tx, that setting resets to false after tx broadcast.

I'm able to repeat this in master and know what the cause is, unrelated to this diff. will get a patch up separately.

D15728

This revision is now accepted and ready to land.Mar 19 2024, 06:25