Staging

[ajimeno04]

No description provided.

[github-actions]

Branch preview

❌ Deploy failed!

[github-actions]

📦 Next.js Bundle Analysis for safe-wallet-web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

🎉 Global Bundle Size Decreased

Page	Size (compressed)
global	1004.71 KB (🟢 -7.92 KB)

Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

Forty-one Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page	Size (compressed)	First Load
/	511 B (🟡 +1 B)	1005.21 KB
/403	471 B (🟢 -123 B)	1005.17 KB
/404	698 B (🟢 -5 B)	1005.39 KB
/_error	228 B (🟢 -12 B)	1004.93 KB
/_offline	1.09 KB (🟢 -5 B)	1005.8 KB
/addOwner	534 B (🟢 -30 B)	1005.23 KB
/address-book	26.08 KB (🟡 +3.01 KB)	1.01 MB
/apps	48.42 KB (🔴 +14.7 KB)	1.03 MB
/apps/bookmarked	443 B (🟢 -32 B)	1005.14 KB
/apps/custom	40.05 KB (🔴 +8.27 KB)	1.02 MB
/apps/open	55.15 KB (🟡 +1.54 KB)	1.04 MB
/balances	38.26 KB (🔴 +8.55 KB)	1.02 MB
/balances/nfts	19.2 KB (🔴 +9.66 KB)	1023.91 KB
/cookie	33.25 KB (🔴 +24.48 KB)	1.01 MB
/home	59.49 KB (🟡 +238 B)	1.04 MB
/new-safe/advanced-create	34.86 KB (🔴 +8.41 KB)	1.02 MB
/new-safe/create	34.12 KB (🔴 +8.53 KB)	1.01 MB
/new-safe/load	14.64 KB (🔴 +8.55 KB)	1019.35 KB
/settings	449 B (🟢 -26 B)	1005.15 KB
/settings/appearance	8.06 KB (🔴 +5.81 KB)	1012.76 KB
/settings/cookies	7.68 KB (🔴 +5.81 KB)	1012.39 KB
/settings/data	7.58 KB (🔴 +5.79 KB)	1012.29 KB
/settings/environment-variables	9.17 KB (🔴 +5.89 KB)	1013.87 KB
/settings/modules	9.84 KB (🔴 +5.78 KB)	1014.54 KB
/settings/notifications	26.76 KB (🔴 +5.45 KB)	1.01 MB
/settings/safe-apps	23.93 KB (🔴 +5.66 KB)	1 MB
/settings/security	8.1 KB (🔴 +5.77 KB)	1012.81 KB
/settings/setup	36 KB (🟡 +5.26 KB)	1.02 MB
/share/safe-app	9.73 KB (🔴 +2.17 KB)	1014.44 KB
/stake	597 B (🟢 -22 B)	1005.29 KB
/swap	729 B (🟢 -31 B)	1005.42 KB
/terms	33.29 KB (🔴 +20.36 KB)	1.01 MB
/transactions	73.69 KB (🟢 -22.88 KB)	1.05 MB
/transactions/history	73.65 KB (🟢 -22.88 KB)	1.05 MB
/transactions/messages	39.2 KB (🟢 -19.1 KB)	1.02 MB
/transactions/msg	29.53 KB (🟢 -25.02 KB)	1.01 MB
/transactions/queue	31.3 KB (🟢 -16.1 KB)	1.01 MB
/transactions/tx	21.08 KB (🟢 -25.68 KB)	1 MB
/wc	687 B (🟢 -20 B)	1005.38 KB
/welcome	3.52 KB (🟢 -3.41 KB)	1008.23 KB
/welcome/accounts	377 B (🟢 -30 B)	1005.08 KB

Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

[github-actions]

Coverage report

Caution

Test run failed

St.❔	Category	Percentage	Covered / Total
🟡	Statements	73.55% (+0% 🔼)	13665/18578
🔴	Branches	51.35%	3312/6450
🔴	Functions	57.14%	1985/3474
🟡	Lines	75.26% (+0% 🔼)	12428/16514

Test suite run failed

Failed tests: 7/1584. Failed suites: 6/210.

  ● transactions › prependSafeToL2Migration › should modify single txs if applicable

    expect(received).not.toEqual(expected) // deep equality

    Expected: not {"addSignature": [Function addSignature], "data": {"baseGas": "[object Object]", "data": "0x4c81b6b48d", "gasPrice": "[object Object]", "gasToken": "0x0000000000000000000000000000000000000000", "nonce": 0, "operation": 0, "refundReceiver": "0xda11ba8bffc001bdbfbea64f75f5dc9e1d7719ed", "safeTxGas": "[object Object]", "to": "0x919dbc629dd9b141a8ff6147fc1b870627d2f65e", "value": "0"}, "encodedSignatures": [Function encodedSignatures], "signatures": Map {}}

      423 |       )
      424 |
    > 425 |       expect(modifiedTx).not.toEqual(safeTx)
          |                              ^
      426 |       expect(modifiedTx?.data.to).toEqual(getMultiSendDeployment()?.defaultAddress)
      427 |       const decodedMultiSend = decodeMultiSendData(modifiedTx!.data.data)
      428 |       expect(decodedMultiSend).toHaveLength(2)

      at Object.toEqual (src/utils/__tests__/transactions.test.ts:425:30)

---

  ● useCompatibleNetworks › should set everything to available except zkSync and GnosisChain Chiado for 1.4.1 Safes

    expect(received).toEqual(expected) // deep equality

    - Expected  - 1
    + Received  + 1

      Array [
        true,
    -   true,
    +   false,
        true,
        false,
        true,
        false,
      ]

      92 |       expect(result.current).toHaveLength(6)
      93 |       expect(result.current.map((chain) => chain.chainId)).toEqual(['1', '10', '100', '324', '480', '10200'])
    > 94 |       expect(result.current.map((chain) => chain.available)).toEqual([true, true, true, false, true, false])
         |                                                              ^
      95 |     }
      96 |
      97 |     {

      at Object.toEqual (src/features/multichain/hooks/__tests__/useCompatibleNetworks.test.ts:94:62)

  ● useCompatibleNetworks › should mark compatible chains as available

    expect(received).toEqual(expected) // deep equality

    - Expected  - 1
    + Received  + 1

      Array [
        true,
    -   true,
    +   false,
        true,
        false,
        true,
        false,
      ]

      134 |       expect(result.current).toHaveLength(6)
      135 |       expect(result.current.map((chain) => chain.chainId)).toEqual(['1', '10', '100', '324', '480', '10200'])
    > 136 |       expect(result.current.map((chain) => chain.available)).toEqual([true, true, true, false, true, false])
          |                                                              ^
      137 |     }
      138 |
      139 |     // 1.3.0, L2 and canonical

      at Object.toEqual (src/features/multichain/hooks/__tests__/useCompatibleNetworks.test.ts:136:62)

---

  ● NetworkMultiSelector › should be possible to select and deselect networks

    expect(element).toHaveAttribute("aria-disabled", "false") // element.getAttribute("aria-disabled") === "false"

    Expected the element to have attribute:
      aria-disabled="false"
    Received:
      aria-disabled="true"

    Ignored nodes: comments, script, style
    <html>
      <head />
      <body>
        <div>
          <form>
            <div
              aria-owns=":r0:-listbox"
              class="MuiAutocomplete-root Mui-expanded Mui-focused MuiAutocomplete-hasClearIcon MuiAutocomplete-hasPopupIcon css-1x6bjyf-MuiAutocomplete-root"
              name="networks"
            >
              <div
                class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
              >
                <div
                  class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-16549ak-MuiInputBase-root-MuiOutlinedInput-root"
                >
                  <div
                    class="MuiButtonBase-root MuiChip-root MuiChip-outlined MuiChip-sizeMedium MuiChip-colorDefault MuiChip-deletable MuiChip-deletableColorDefault MuiChip-outlinedDefault multiChainChip css-1kfnfw-MuiButtonBase-root-MuiChip-root"
                    role="button"
                    tabindex="0"
                  >
                    <span
                      class="MuiChip-avatar MuiChip-avatarMedium MuiChip-avatarColorDefault inlineIndicator withLogo onlyLogo"
                      data-testid="chain-logo"
                    >
                      <img
                        alt="Ethereum Logo"
                        height="24"
                        loading="lazy"
                        width="24"
                      />
                    </span>
                    <span
                      class="MuiChip-label MuiChip-labelMedium css-1ig3q7n-MuiChip-label"
                    >
                      Ethereum
                    </span>
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-deleteIcon MuiChip-deleteIconMedium MuiChip-deleteIconColorDefault MuiChip-deleteIconOutlinedColorDefault css-17ceore-MuiSvgIcon-root"
                      data-testid="CancelIcon"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
                      />
                    </svg>
                  </div>
                  <input
                    aria-activedescendant=":r0:-option-0"
                    aria-autocomplete="list"
                    aria-controls=":r0:-listbox"
                    aria-expanded="true"
                    aria-invalid="false"
                    autocapitalize="none"
                    autocomplete="off"
                    class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1qiaqwv-MuiInputBase-input-MuiOutlinedInput-input"
                    id=":r0:"
                    role="combobox"
                    spellcheck="false"
                    type="text"
                    value=""
                  />
                  <div
                    class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment"
                  >
                    <button
                      aria-label="Clear"
                      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-clearIndicator css-1ihl7t8-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator"
                      tabindex="-1"
                      title="Clear"
                      type="button"
                    >
                      <svg
                        aria-hidden="true"
                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-11dtfly-MuiSvgIcon-root"
                        data-testid="CloseIcon"
                        focusable="false"
                        viewBox="0 0 24 24"
                      >
                        <path
                          d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                        />
                      </svg>
                      <span
                        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                      />
                    </button>
                    <button
                      aria-label="Close"
                      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium MuiAutocomplete-popupIndicator MuiAutocomplete-popupIndicatorOpen css-1mm2bg-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator"
                      tabindex="-1"
                      title="Close"
                      type="button"
                    >
                      <svg
                        aria-hidden="true"
                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-17ceore-MuiSvgIcon-root"
                        data-testid="ArrowDropDownIcon"
                        focusable="false"
                        viewBox="0 0 24 24"
                      >
                        <path
                          d="M7 10l5 5 5-5z"
                        />
                      </svg>
                      <span
                        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                      />
                    </button>
                  </div>
                  <fieldset
                    aria-hidden="true"
                    class="MuiOutlinedInput-notchedOutline css-p7vjcx-MuiOutlinedInput-notchedOutline"
                  >
                    <legend
                      class="css-ihdtdm"
                    >
                      <span
                        class="notranslate"
                      >
                        ​
                      </span>
                    </legend>
                  </fieldset>
                </div>
              </div>
            </div>
          </form>
        </div>
        <div
          class="MuiPopper-root MuiAutocomplete-popper css-1s5lphu-MuiPopper-root-MuiAutocomplete-popper"
          data-popper-escaped=""
          data-popper-placement="bottom"
          data-popper-reference-hidden=""
          role="presentation"
          style="position: absolute; top: 0px; left: 0px; width: 0px; margin: 0px; transform: translate(0px, 0px);"
        >
          <div
            class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAutocomplete-paper css-1a12pq3-MuiPaper-root-MuiAutocomplete-paper"
          >
            <ul
              aria-labelledby=":r0:-label"
              class="MuiAutocomplete-listbox css-1v8b822-MuiAutocomplete-listbox"
              id=":r0:-listbox"
              role="listbox"
            >
              <li
                aria-disabled="false"
                aria-selected="true"
                class="MuiAutocomplete-option Mui-focused"
                data-option-index="0"
                id=":r0:-option-0"
                role="option"
                tabindex="-1"
              >
                <span
                  class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-5gpa3u-MuiButtonBase-root-MuiCheckbox-root"
                  data-testid="network-checkbox"
                >
                  <input
                    class="PrivateSwitchBase-input css-1m9pwf3"
                    data-indeterminate="false"
                    type="checkbox"
                  />
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-11dtfly-MuiSvgIcon-root"
                    data-testid="CheckBoxIcon"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
                    />
                  </svg>
                  <span
                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                  />
                </span>
                <span
                  class="inlineIndicator withLogo"
                  data-testid="chain-logo"
                >
                  <img
                    alt="Ethereum Logo"
                    height="24"
                    loading="lazy"
                    width="24"
                  />
                  <div
                    class="MuiStack-root css-nen11g-MuiStack-root"
                  >
                    <span
                      class="name"
                    >
                      Ethereum
                    </span>
                  </div>
                </span>
              </li>
              <li
                aria-disabled="true"
                aria-selected="false"
                class="MuiAutocomplete-option"
                data-option-index="1"
                id=":r0:-option-1"
                role="option"
                tabindex="-1"
              >
                <span
                  class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-5gpa3u-MuiButtonBase-root-MuiCheckbox-root"
                  data-testid="network-checkbox"
                >
                  <input
                    class="PrivateSwitchBase-input css-1m9pwf3"
                    data-indeterminate="false"
                    type="checkbox"
                  />
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-11dtfly-MuiSvgIcon-root"
                    data-testid="CheckBoxOutlineBlankIcon"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                    />
                  </svg>
                  <span
                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                  />
                </span>
                <span
                  class="inlineIndicator withLogo"
                  data-testid="chain-logo"
                >
                  <img
                    alt="Optimism Logo"
                    height="24"
                    loading="lazy"
                    width="24"
                  />
                  <div
                    class="MuiStack-root css-nen11g-MuiStack-root"
                  >
                    <span
                      class="name"
                    >
                      Optimism
                    </span>
                  </div>
                </span>
              </li>
              <li
                aria-disabled="false"
                aria-selected="false"
                class="MuiAutocomplete-option"
                data-option-index="2"
                id=":r0:-option-2"
                role="option"
                tabindex="-1"
              >
                <span
                  class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-5gpa3u-MuiButtonBase-root-MuiCheckbox-root"
                  data-testid="network-checkbox"
                >
                  <input
                    class="PrivateSwitchBase-input css-1m9pwf3"
                    data-indeterminate="false"
                    type="checkbox"
                  />
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-11dtfly-MuiSvgIcon-root"
                    data-testid="CheckBoxOutlineBlankIcon"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                    />
                  </svg>
                  <span
                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                  />
                </span>
                <span
                  class="inlineIndicator withLogo"
                  data-testid="chain-logo"
                >
                  <img
                    alt="Gnosis Chain Logo"
                    height="24"
                    loading="lazy"
                    width="24"
                  />
                  <div
                    class="MuiStack-root css-nen11g-MuiStack-root"
                  >
                    <span
                      class="name"
                    >
                      Gnosis Chain
                    </span>
                  </div>
                </span>
              </li>
              <li
                aria-disabled="true"
                aria-selected="false"
                class="MuiAutocomplete-option"
                data-option-index="3"
                id=":r0:-option-3"
                role="option"
                tabindex="-1"
              >
                <span
                  class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-5gpa3u-MuiButtonBase-root-MuiCheckbox-root"
                  data-testid="network-checkbox"
                >
                  <input
                    class="PrivateSwitchBase-input css-1m9pwf3"
                    data-indeterminate="false"
                    type="checkbox"
                  />
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-11dtfly-MuiSvgIcon-root"
                    data-testid="CheckBoxOutlineBlankIcon"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                    />
                  </svg>
                  <span
                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                  />
                </span>
                <span
                  class="inlineIndicator withLogo"
                  data-testid="chain-logo"
                >
                  <img
                    alt="ZkSync Era Logo"
                    height="24"
                    loading="lazy"
                    width="24"
                  />
                  <div
                    class="MuiStack-root css-nen11g-MuiStack-root"
                  >
                    <span
                      class="name"
                    >
                      ZkSync Era
                    </span>
                  </div>
                </span>
              </li>
              <li
                aria-disabled="false"
                aria-selected="false"
                class="MuiAutocomplete-option"
                data-option-index="4"
                id=":r0:-option-4"
                role="option"
                tabindex="-1"
              >
                <span
                  class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-5gpa3u-MuiButtonBase-root-MuiCheckbox-root"
                  data-testid="network-checkbox"
                >
                  <input
                    class="PrivateSwitchBase-input css-1m9pwf3"
                    data-indeterminate="false"
                    type="checkbox"
                  />
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-11dtfly-MuiSvgIcon-root"
                    data-testid="CheckBoxOutlineBlankIcon"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                    />
                  </svg>
                  <span
                    class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
                  />
                </span>
                <span
                  class="inlineIndicator withLogo"
                  data-testid="chain-logo"
                >
                  <img
                    alt="Worldchain Logo"
                    height="24"
                    loading="lazy"
                    width="24"
                  />
                  <div
                    class="MuiStack-root css-nen11g-MuiStack-root"
                  >
                    <span
                      class="name"
                    >
                      Worldchain
                    </span>
                  </div>
                </span>
              </li>
            </ul>
          </div>
        </div>
      </body>
    </html>

       98 |       expect(allOptions).toHaveLength(5)
       99 |       expect(allOptions[0]).toHaveAttribute('aria-disabled', 'false')
    > 100 |       expect(allOptions[1]).toHaveAttribute('aria-disabled', 'false')
          |                             ^
      101 |       expect(allOptions[2]).toHaveAttribute('aria-disabled', 'false')
      102 |       // ZkSync era is now disabled
      103 |       expect(allOptions[3]).toHaveAttribute('aria-disabled', 'true')

      at toHaveAttribute (src/components/common/NetworkSelector/__tests__/NetworkMultiSelector.test.tsx:100:29)
      at runWithExpensiveErrorDiagnosticsDisabled (node_modules/@testing-library/dom/dist/config.js:47:12)
      at checkCallback (node_modules/@testing-library/dom/dist/wait-for.js:127:77)
      at checkRealTimersCallback (node_modules/@testing-library/dom/dist/wait-for.js:121:16)
      at Timeout.task [as _onTimeout] (node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)

---

  ● useSafeNotifications › Invalid mastercopy › should show a notification when the mastercopy is invalid but can be migrated

    expect(jest.fn()).toHaveBeenCalledWith(...expected)

    - Expected
    + Received

      Object {
        "groupKey": "invalid-mastercopy",
    -   "link": undefined,
    +   "link": Object {
    +     "href": "https://github.com/5afe/safe-cli",
    +     "title": "Get CLI",
    +   },
        "message": "This Safe Account was created with an unsupported base contract.
    -            It is possible to migrate it to a compatible base contract. This migration will be automatically included with your first transaction.",
    -   "variant": "info",
    +            The web interface might not work correctly.
    +            We recommend using the command line interface instead.",
    +   "variant": "warning",
      },

    Number of calls: 1

      175 |       // check that the notification was shown
      176 |       expect(result.current).toBeUndefined()
    > 177 |       expect(showNotification).toHaveBeenCalledWith({
          |                                ^
      178 |         variant: 'info',
      179 |         message: `This Safe Account was created with an unsupported base contract.
      180 |            It is possible to migrate it to a compatible base contract. This migration will be automatically included with your first transaction.`,

      at Object.toHaveBeenCalledWith (src/hooks/__tests__/useSafeNotifications.test.ts:177:32)

---

  ● safeContracts › isMigrationToL2Possible › should be possible to migrate Safes with nonce 0 on chains with migration lib

    expect(received).toBeTruthy()

    Received: false

      81 |
      82 |     it('should be possible to migrate Safes with nonce 0 on chains with migration lib', () => {
    > 83 |       expect(isMigrationToL2Possible(safeInfoBuilder().with({ nonce: 0, chainId: '10' }).build())).toBeTruthy()
         |                                                                                                    ^
      84 |     })
      85 |   })
      86 | })

      at Object.toBeTruthy (src/services/contracts/__tests__/safeContracts.test.ts:83:100)

---

  ● useChainId hook › should return the default chainId if no query params

    expect(received).toBe(expected) // Object.is equality

    Expected: "11155111"
    Received: "545"

      57 |   it('should return the default chainId if no query params', () => {
      58 |     const { result } = renderHook(() => useChainId())
    > 59 |     expect(result.current).toBe('11155111')
         |                            ^
      60 |   })
      61 |
      62 |   it('should return the chainId based on the chain query', () => {

      at Object.toBe (src/hooks/__tests__/useChainId.test.ts:59:28)

Report generated by 🧪jest coverage report action from 801ee1c