Skip to content

PR #4807

PR #4807 #3862

GitHub Actions / Tests annotations (🧪 jest-coverage-report-action) failed Jan 21, 2025 in 0s

Test suite run failed

Failed tests: 1/1800. Failed suites: 1/243.

Details

Created failed tests' annotations. To disable them, see documentation.

  ● CreateTokenTransfer › should display a type selection if a spending limit token is selected

    TestingLibraryElementError: Unable to find an element with the text: Send as. 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="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
          style="--Paper-shadow: none;"
        >
          <div
            class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
          >
            <form
              class="form"
            >
              <div
                class="MuiFormControl-root MuiFormControl-fullWidth css-uynini-MuiFormControl-root"
              >
                <div
                  class="MuiAutocomplete-root Mui-focused input css-1tlcqt-MuiAutocomplete-root"
                  name="recipient"
                >
                  <div
                    class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root input css-cmpglg-MuiFormControl-root-MuiTextField-root"
                    data-testid="address-item"
                    spellcheck="false"
                  >
                    <label
                      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-focused MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-1atr8w-MuiFormLabel-root-MuiInputLabel-root"
                      data-shrink="true"
                      for=":ra:"
                      id=":ra:-label"
                    >
                      Recipient address
                    </label>
                    <div
                      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-1rx36jo-MuiInputBase-root-MuiOutlinedInput-root"
                    >
                      <div
                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-14v94yw-MuiInputAdornment-root"
                      >
                        <span
                          class="MuiSkeleton-root MuiSkeleton-circular css-fwhamj-MuiSkeleton-root"
                          style="width: 32px; height: 32px;"
                        />
                        :
                      </div>
                      <input
                        aria-autocomplete="list"
                        aria-expanded="false"
                        aria-invalid="false"
                        autocapitalize="none"
                        autocomplete="off"
                        class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1pmlxf8-MuiInputBase-input-MuiOutlinedInput-input"
                        id=":ra:"
                        name="recipient"
                        role="combobox"
                        spellcheck="false"
                        type="text"
                        value=""
                      />
                      <div
                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-elo8k2-MuiInputAdornment-root"
                      />
                      <fieldset
                        aria-hidden="true"
                        class="MuiOutlinedInput-notchedOutline css-1focg1t-MuiOutlinedInput-notchedOutline"
                      >
                        <legend
                          class="css-w1u3ce"
                        >
                          <span>
                            Recipient address
                          </span>
                        </legend>
                      </fieldset>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="MuiFormControl-root MuiFormControl-fullWidth outline css-ytlejw-MuiFormControl-root"
                data-testid="token-amount-section"
              >
                <label
                  class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-required MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined label css-1atr8w-MuiFormLabel-root-MuiInputLabel-root"
                  data-shrink="true"
                >
                  Amount
                  <span
                    aria-hidden="true"
                    class="MuiFormLabel-asterisk MuiInputLabel-asterisk css-1f718y-MuiFormLabel-asterisk"
                  >
                     
                    *
                  </span>
                </label>
                <div
                  class="inputs"
                >
                  <div
                    class="MuiFormControl-root MuiTextField-root amount css-1xp5r68-MuiFormControl-root-MuiTextField-root"
                    data-testid="token-amount-field"
                  >
                    <div
                      class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-adornedEnd css-vqb85-MuiInputBase-root-MuiInput-root"
                    >
                      <input
                        aria-invalid="false"
                        autocomplete="off"
                        class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd css-37tu94-MuiInputBase-input-MuiInput-input"
                        id=":rc:"
                        name="amount"
                        placeholder="0"
                        required=""
                        type="text"
                      />
                      <button
                        class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary max css-1oee2vj-MuiButtonBase-root-MuiButton-root"
                        data-testid="max-btn"
                        tabindex="0"
                        type="button"
                      >
                        Max
                      </button>
                    </div>
                  </div>
                  <div
                    aria-orientation="vertical"
                    class="MuiDivider-root MuiDivider-fullWidth MuiDivider-vertical MuiDivider-flexItem css-1mii36w-MuiDivider-root"
                    role="separator"
                  />
                  <div
                    class="MuiFormControl-root MuiTextField-root select css-1xp5r68-MuiFormControl-root-MuiTextField-root"
                    data-testid="token-balance"
                  >
                    <div
                      class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-vqb85-MuiInputBase-root-MuiInput-root"
                    >
                      <div
                        aria-controls=":re:"
                        aria-expanded="false"
                        aria-haspopup="listbox"
                        aria-labelledby=":rd:"
                        aria-required="true"
                        class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1l92beu-MuiSelect-select-MuiInputBase-input-MuiInput-input"
                        id=":rd:"
                        role="combobox"
                        tabindex="0"
                      >
                        <span
                          aria-hidden="true"
                          class="notranslate"
                        >
                          ​
                        </span>
                      </div>
                      <input
                        aria-hidden="true"
                        aria-invalid="false"
                        class="MuiSelect-nativeInput css-j0riat-MuiSelect-nativeInput"
                        name="tokenAddress"
                        required=""
                        tabindex="-1"
                        value="0x0000000000000000000000000000000000000000"
                      />
                      <svg
                        aria-hidden="true"
                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-1402tjo-MuiSvgIcon-root-MuiSelect-icon"
                        data-testid="ArrowDropDownIcon"
                        focusable="false"
                        viewBox="0 0 24 24"
                      >
                        <path
                          d="M7 10l5 5 5-5z"
                        />
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
              <hr
                class="MuiDivider-root MuiDivider-fullWidth nestedDivider css-1facvfi-MuiDivider-root"
              />
              <div
                class="MuiCardActions-root MuiCardActions-spacing css-1q4nm6f-MuiCardActions-root"
              >
                <button
                  class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1gsxpsb-MuiButtonBase-root-MuiButton-root"
                  tabindex="0"
                  type="submit"
                >
                  Next
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </body>

      36 |     const { getByText } = render(<CreateTokenTransfer params={mockParams} onSubmit={jest.fn()} />)
      37 |
    > 38 |     expect(getByText('Send as')).toBeInTheDocument()
         |            ^
      39 |   })
      40 |
      41 |   it('should not display a type selection if there is a txNonce', () => {

      at Object.getElementError (../../node_modules/@testing-library/dom/dist/config.js:37:19)
      at ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
      at ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
      at ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
      at Object.getByText (src/components/tx-flow/flows/TokenTransfer/__tests__/CreateTokenTransfer.test.tsx:38:12)

Annotations

Check failure on line 31 in apps/web/src/components/tx-flow/flows/TokenTransfer/__tests__/CreateTokenTransfer.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Tests annotations (🧪 jest-coverage-report-action)

CreateTokenTransfer > should display a type selection if a spending limit token is selected

TestingLibraryElementError: Unable to find an element with the text: Send as. 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="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root"
      style="--Paper-shadow: none;"
    >
      <div
        class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root"
      >
        <form
          class="form"
        >
          <div
            class="MuiFormControl-root MuiFormControl-fullWidth css-uynini-MuiFormControl-root"
          >
            <div
              class="MuiAutocomplete-root Mui-focused input css-1tlcqt-MuiAutocomplete-root"
              name="recipient"
            >
              <div
                class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root input css-cmpglg-MuiFormControl-root-MuiTextField-root"
                data-testid="address-item"
                spellcheck="false"
              >
                <label
                  class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-focused MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-1atr8w-MuiFormLabel-root-MuiInputLabel-root"
                  data-shrink="true"
                  for=":ra:"
                  id=":ra:-label"
                >
                  Recipient address
                </label>
                <div
                  class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-1rx36jo-MuiInputBase-root-MuiOutlinedInput-root"
                >
                  <div
                    class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-14v94yw-MuiInputAdornment-root"
                  >
                    <span
                      class="MuiSkeleton-root MuiSkeleton-circular css-fwhamj-MuiSkeleton-root"
                      style="width: 32px; height: 32px;"
                    />
                    :
                  </div>
                  <input
                    aria-autocomplete="list"
                    aria-expanded="false"
                    aria-invalid="false"
                    autocapitalize="none"
                    autocomplete="off"
                    class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1pmlxf8-MuiInputBase-input-MuiOutlinedInput-input"
                    id=":ra:"
                    name="recipient"
                    role="combobox"
                    spellcheck="false"
                    type="text"
                    value=""
                  />
                  <div
                    class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-elo8k2-MuiInputAdornment-root"
                  />
                  <fieldset
                    aria-hidden="true"
                    class="MuiOutlinedInput-notchedOutline css-1focg1t-MuiOutlinedInput-notchedOutline"
                  >
                    <legend
                      class="css-w1u3ce"
                    >
                      <span>
                        Recipient address
                      </span>
                    </legend>
                  </fieldset>
                </div>
              </div>
            </div>
          </div>
          <div
            class="MuiFormControl-root MuiFormControl-fullWidth outline css-ytlejw-MuiFormControl-root"
            data-testid="token-amount-section"
          >
            <label
              class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-required MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined label css-1atr8w-MuiFormLabel-root-MuiInputLabel-root"
              data-shrink="true"
            >
              Amount
              <span
                aria-hidden="true"
                class="MuiFormLabel-asterisk MuiInputLabel-asterisk css-1f718y-MuiFormLabel-asterisk"
              >
                 
                *
              </span>
            </label>
            <div
              class="inputs"
            >
              <div
                class="MuiFormControl-root MuiTextField-root amount css-1xp5r68-MuiFormControl-root-MuiTextField-root"
                data-testid="token-amount-field"
              >
                <div
                  class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-adornedEnd css-vqb85-MuiInputBase-root-MuiInput-root"
                >
                  <input
                    aria-invalid="false"
                    autocomplete="off"
                    class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd css-37tu94-MuiInputBase-input-MuiInput-input"
                    id=":rc:"
                    name="amount"
                    placeholder="0"
                    required=""
                    type="text"
                  />
                  <button
                    class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary max css-1oee2vj-MuiButtonBase-root-MuiButton-root"
                    data-testid="max-btn"
                    tabindex="0"
                    type="button"
                  >
                    Max
                  </button>
                </div>
              </div>
              <div
                aria-orientation="vertical"
                class="MuiDivider-root MuiDivider-fullWidth MuiDivider-vertical MuiDivider-flexItem css-1mii36w-MuiDivider-root"
                role="separator"
              />
              <div
                class="MuiFormControl-root MuiTextField-root select css-1xp5r68-MuiFormControl-root-MuiTextField-root"
                data-testid="token-balance"
              >
                <div
                  class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-vqb85-MuiInputBase-root-MuiInput-root"
                >
                  <div
                    aria-controls=":re:"
                    aria-expanded="false"
                    aria-haspopup="listbox"
                    aria-labelledby=":rd:"
                    aria-required="true"
                    class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1l92beu-MuiSelect-select-MuiInputBase-input-MuiInput-input"
                    id=":rd:"
                    role="combobox"
                    tabindex="0"
                  >
                    <span
                      aria-hidden="true"
                      class="notranslate"
                    >
                      ​
                    </span>
                  </div>
                  <input
                    aria-hidden="true"
                    aria-invalid="false"
                    class="MuiSelect-nativeInput css-j0riat-MuiSelect-nativeInput"
                    name="tokenAddress"
                    required=""
                    tabindex="-1"
                    value="0x0000000000000000000000000000000000000000"
                  />
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-1402tjo-MuiSvgIcon-root-MuiSelect-icon"
                    data-testid="ArrowDropDownIcon"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M7 10l5 5 5-5z"
                    />
                  </svg>
                </div>
              </div>
            </div>
          </div>
          <hr
            class="MuiDivider-root MuiDivider-fullWidth nestedDivider css-1facvfi-MuiDivider-root"
          />
          <div
            class="MuiCardActions-root MuiCardActions-spacing css-1q4nm6f-MuiCardActions-root"
          >
            <button
              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1gsxpsb-MuiButtonBase-root-MuiButton-root"
              tabindex="0"
              type="submit"
            >
              Next
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</body>
    at Object.getElementError (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/@testing-library/dom/dist/config.js:37:19)
    at /home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
    at /home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
    at /home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
    at Object.getByText (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/apps/web/src/components/tx-flow/flows/TokenTransfer/__tests__/CreateTokenTransfer.test.tsx:38:12)
    at Promise.then.completed (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-circus/build/run.js:121:9)
    at run (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/node_modules/jest-runner/build/testWorker.js:106:12)