Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat(Tx flow): show full raw data in advanced details #5102

Merged
merged 1 commit into from
Feb 24, 2025

Feat(Tx flow): show full raw data in advanced details

ebb86b0
Select commit
Loading
Failed to load commit list.
Sign in for the full log view
Merged

Feat(Tx flow): show full raw data in advanced details #5102

Feat(Tx flow): show full raw data in advanced details
ebb86b0
Select commit
Loading
Failed to load commit list.
GitHub Actions / Tests annotations (🧪 jest-coverage-report-action) failed Feb 24, 2025 in 0s

Test suite run failed

Failed tests: 4/1819. Failed suites: 2/248.

Details

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

  ● ConfirmationView › should display a confirmation screen for a SETTINGS_CHANGE transaction

    expect(received).toMatchSnapshot()

    Snapshot name: `ConfirmationView should display a confirmation screen for a SETTINGS_CHANGE transaction 1`

    - Snapshot  - 35
    + Received  + 37

    @@ -511,55 +511,57 @@
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
    -                     class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
    +                     class="MuiBox-root css-164r41r"
                        >
                          <div
    -                       class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
    -                       data-testid="tx-row-title"
    -                       style="word-break: break-word;"
    +                       class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
                          >
    -                       <p
    -                         class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
    +                       <div
    +                         class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
    +                         data-testid="tx-row-title"
    +                         style="word-break: break-word;"
                            >
    -                         Raw data:
    -                       </p>
    -                     </div>
    -                     <div
    -                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
    -                       data-testid="tx-data-row"
    -                     >
    +                         <p
    +                           class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
    +                         >
    +                           Raw data:
    +                         </p>
    +                       </div>
                            <div
    -                         class="MuiBox-root css-70qvj9"
    +                         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
                              data-testid="tx-data-row"
                            >
    -                         <div>
    -                           0
    -                            bytes
    -                         </div>
    -                         <span
    -                           aria-label="Copy to clipboard"
    -                           class=""
    -                           data-mui-internal-clone-element="true"
    -                           style="cursor: pointer;"
    +                         <div
    +                           class="encodedData MuiBox-root css-0"
    +                           data-testid="tx-hexData"
                              >
    -                           <button
    +                           <span
                                  aria-label="Copy to clipboard"
    -                             class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
    -                             tabindex="0"
    -                             type="button"
    +                             class=""
    +                             data-mui-internal-clone-element="true"
    +                             style="cursor: pointer;"
                                >
    -                             <mock-icon
    -                               aria-hidden=""
    -                               class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
    -                               data-testid="copy-btn-icon"
    -                               focusable="false"
    -                             />
    -                           </button>
    -                         </span>
    +                             <button
    +                               aria-label="Copy to clipboard"
    +                               class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
    +                               tabindex="0"
    +                               type="button"
    +                             >
    +                               <mock-icon
    +                                 aria-hidden=""
    +                                 class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
    +                                 data-testid="copy-btn-icon"
    +                                 focusable="false"
    +                               />
    +                             </button>
    +                           </span>
    +                           0x
    +                            
    +                         </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

      116 |     )
      117 |
    > 118 |     expect(container).toMatchSnapshot()
          |                       ^
      119 |   })
      120 |
      121 |   it("should display a confirmation with method call when the transaction type is not found in the ConfirmationView's mapper", () => {

      at Object.toMatchSnapshot (src/components/tx/confirmation-views/ConfirmationView.test.tsx:118:23)

  ● ConfirmationView › should display a confirmation with method call when the transaction type is not found in the ConfirmationView's mapper

    expect(received).toMatchSnapshot()

    Snapshot name: `ConfirmationView should display a confirmation with method call when the transaction type is not found in the ConfirmationView's mapper 1`

    - Snapshot  - 35
    + Received  + 37

    @@ -400,55 +400,57 @@
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
    -                     class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
    +                     class="MuiBox-root css-164r41r"
                        >
                          <div
    -                       class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
    -                       data-testid="tx-row-title"
    -                       style="word-break: break-word;"
    +                       class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
                          >
    -                       <p
    -                         class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
    +                       <div
    +                         class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
    +                         data-testid="tx-row-title"
    +                         style="word-break: break-word;"
                            >
    -                         Raw data:
    -                       </p>
    -                     </div>
    -                     <div
    -                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
    -                       data-testid="tx-data-row"
    -                     >
    +                         <p
    +                           class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
    +                         >
    +                           Raw data:
    +                         </p>
    +                       </div>
                            <div
    -                         class="MuiBox-root css-70qvj9"
    +                         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
                              data-testid="tx-data-row"
                            >
    -                         <div>
    -                           0
    -                            bytes
    -                         </div>
    -                         <span
    -                           aria-label="Copy to clipboard"
    -                           class=""
    -                           data-mui-internal-clone-element="true"
    -                           style="cursor: pointer;"
    +                         <div
    +                           class="encodedData MuiBox-root css-0"
    +                           data-testid="tx-hexData"
                              >
    -                           <button
    +                           <span
                                  aria-label="Copy to clipboard"
    -                             class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
    -                             tabindex="0"
    -                             type="button"
    +                             class=""
    +                             data-mui-internal-clone-element="true"
    +                             style="cursor: pointer;"
                                >
    -                             <mock-icon
    -                               aria-hidden=""
    -                               class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
    -                               data-testid="copy-btn-icon"
    -                               focusable="false"
    -                             />
    -                           </button>
    -                         </span>
    +                             <button
    +                               aria-label="Copy to clipboard"
    +                               class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
    +                               tabindex="0"
    +                               type="button"
    +                             >
    +                               <mock-icon
    +                                 aria-hidden=""
    +                                 class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
    +                                 data-testid="copy-btn-icon"
    +                                 focusable="false"
    +                               />
    +                             </button>
    +                           </span>
    +                           0x
    +                            
    +                         </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

      131 |     )
      132 |
    > 133 |     expect(container).toMatchSnapshot()
          |                       ^
      134 |   })
      135 | })
      136 |

      at Object.toMatchSnapshot (src/components/tx/confirmation-views/ConfirmationView.test.tsx:133:23)


  ● SignOrExecute › should display a confirmation screen

    expect(received).toMatchSnapshot()

    Snapshot name: `SignOrExecute should display a confirmation screen 1`

    - Snapshot  - 35
    + Received  + 37

    @@ -104,55 +104,57 @@
                                  0
                                </div>
                              </div>
                            </div>
                            <div
    -                         class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
    +                         class="MuiBox-root css-164r41r"
                            >
                              <div
    -                           class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
    -                           data-testid="tx-row-title"
    -                           style="word-break: break-word;"
    +                           class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
                              >
    -                           <p
    -                             class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
    +                           <div
    +                             class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
    +                             data-testid="tx-row-title"
    +                             style="word-break: break-word;"
                                >
    -                             Raw data:
    -                           </p>
    -                         </div>
    -                         <div
    -                           class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
    -                           data-testid="tx-data-row"
    -                         >
    +                             <p
    +                               class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
    +                             >
    +                               Raw data:
    +                             </p>
    +                           </div>
                                <div
    -                             class="MuiBox-root css-70qvj9"
    +                             class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
                                  data-testid="tx-data-row"
                                >
    -                             <div>
    -                               0
    -                                bytes
    -                             </div>
    -                             <span
    -                               aria-label="Copy to clipboard"
    -                               class=""
    -                               data-mui-internal-clone-element="true"
    -                               style="cursor: pointer;"
    +                             <div
    +                               class="encodedData MuiBox-root css-0"
    +                               data-testid="tx-hexData"
                                  >
    -                               <button
    +                               <span
                                      aria-label="Copy to clipboard"
    -                                 class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
    -                                 tabindex="0"
    -                                 type="button"
    +                                 class=""
    +                                 data-mui-internal-clone-element="true"
    +                                 style="cursor: pointer;"
                                    >
    -                                 <mock-icon
    -                                   aria-hidden=""
    -                                   class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
    -                                   data-testid="copy-btn-icon"
    -                                   focusable="false"
    -                                 />
    -                               </button>
    -                             </span>
    +                                 <button
    +                                   aria-label="Copy to clipboard"
    +                                   class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
    +                                   tabindex="0"
    +                                   type="button"
    +                                 >
    +                                   <mock-icon
    +                                     aria-hidden=""
    +                                     class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
    +                                     data-testid="copy-btn-icon"
    +                                     focusable="false"
    +                                   />
    +                                 </button>
    +                               </span>
    +                               0x
    +                                
    +                             </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>

      60 |
      61 |     expect(getByTestId('sign-btn')).toBeInTheDocument()
    > 62 |     expect(container).toMatchSnapshot()
         |                       ^
      63 |   })
      64 |
      65 |   it('should display an error screen', async () => {

      at Object.toMatchSnapshot (src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx:62:23)

  ● SignOrExecute › should display an error screen

    expect(received).toMatchSnapshot()

    Snapshot name: `SignOrExecute should display an error screen 1`

    - Snapshot  - 35
    + Received  + 37

    @@ -104,55 +104,57 @@
                                  0
                                </div>
                              </div>
                            </div>
                            <div
    -                         class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
    +                         class="MuiBox-root css-164r41r"
                            >
                              <div
    -                           class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
    -                           data-testid="tx-row-title"
    -                           style="word-break: break-word;"
    +                           class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
                              >
    -                           <p
    -                             class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
    +                           <div
    +                             class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
    +                             data-testid="tx-row-title"
    +                             style="word-break: break-word;"
                                >
    -                             Raw data:
    -                           </p>
    -                         </div>
    -                         <div
    -                           class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
    -                           data-testid="tx-data-row"
    -                         >
    +                             <p
    +                               class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
    +                             >
    +                               Raw data:
    +                             </p>
    +                           </div>
                                <div
    -                             class="MuiBox-root css-70qvj9"
    +                             class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
                                  data-testid="tx-data-row"
                                >
    -                             <div>
    -                               0
    -                                bytes
    -                             </div>
    -                             <span
    -                               aria-label="Copy to clipboard"
    -                               class=""
    -                               data-mui-internal-clone-element="true"
    -                               style="cursor: pointer;"
    +                             <div
    +                               class="encodedData MuiBox-root css-0"
    +                               data-testid="tx-hexData"
                                  >
    -                               <button
    +                               <span
                                      aria-label="Copy to clipboard"
    -                                 class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
    -                                 tabindex="0"
    -                                 type="button"
    +                                 class=""
    +                                 data-mui-internal-clone-element="true"
    +                                 style="cursor: pointer;"
                                    >
    -                                 <mock-icon
    -                                   aria-hidden=""
    -                                   class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
    -                                   data-testid="copy-btn-icon"
    -                                   focusable="false"
    -                                 />
    -                               </button>
    -                             </span>
    +                                 <button
    +                                   aria-label="Copy to clipboard"
    +                                   class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
    +                                   tabindex="0"
    +                                   type="button"
    +                                 >
    +                                   <mock-icon
    +                                     aria-hidden=""
    +                                     class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
    +                                     data-testid="copy-btn-icon"
    +                                     focusable="false"
    +                                   />
    +                                 </button>
    +                               </span>
    +                               0x
    +                                
    +                             </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>

      81 |
      82 |     expect(container.querySelector('sign-btn')).not.toBeInTheDocument()
    > 83 |     expect(container).toMatchSnapshot()
         |                       ^
      84 |   })
      85 | })
      86 |

      at Object.toMatchSnapshot (src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx:83:23)

Annotations

Check failure on line 113 in apps/web/src/components/tx/confirmation-views/ConfirmationView.test.tsx

See this annotation in the file changed.

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

ConfirmationView > should display a confirmation screen for a SETTINGS_CHANGE transaction

Error: expect(received).toMatchSnapshot()

Snapshot name: `ConfirmationView should display a confirmation screen for a SETTINGS_CHANGE transaction 1`

- Snapshot  - 35
+ Received  + 37

@@ -511,55 +511,57 @@
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
-                     class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                     class="MuiBox-root css-164r41r"
                    >
                      <div
-                       class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
-                       data-testid="tx-row-title"
-                       style="word-break: break-word;"
+                       class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
                      >
-                       <p
-                         class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                       <div
+                         class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                         data-testid="tx-row-title"
+                         style="word-break: break-word;"
                        >
-                         Raw data:
-                       </p>
-                     </div>
-                     <div
-                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
-                       data-testid="tx-data-row"
-                     >
+                         <p
+                           class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                         >
+                           Raw data:
+                         </p>
+                       </div>
                        <div
-                         class="MuiBox-root css-70qvj9"
+                         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
                          data-testid="tx-data-row"
                        >
-                         <div>
-                           0
-                            bytes
-                         </div>
-                         <span
-                           aria-label="Copy to clipboard"
-                           class=""
-                           data-mui-internal-clone-element="true"
-                           style="cursor: pointer;"
+                         <div
+                           class="encodedData MuiBox-root css-0"
+                           data-testid="tx-hexData"
                          >
-                           <button
+                           <span
                              aria-label="Copy to clipboard"
-                             class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
-                             tabindex="0"
-                             type="button"
+                             class=""
+                             data-mui-internal-clone-element="true"
+                             style="cursor: pointer;"
                            >
-                             <mock-icon
-                               aria-hidden=""
-                               class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
-                               data-testid="copy-btn-icon"
-                               focusable="false"
-                             />
-                           </button>
-                         </span>
+                             <button
+                               aria-label="Copy to clipboard"
+                               class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                               tabindex="0"
+                               type="button"
+                             >
+                               <mock-icon
+                                 aria-hidden=""
+                                 class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                 data-testid="copy-btn-icon"
+                                 focusable="false"
+                               />
+                             </button>
+                           </span>
+                           0x
+                            
+                         </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
    at Object.toMatchSnapshot (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/apps/web/src/components/tx/confirmation-views/ConfirmationView.test.tsx:118:23)
    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)

Check failure on line 121 in apps/web/src/components/tx/confirmation-views/ConfirmationView.test.tsx

See this annotation in the file changed.

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

ConfirmationView > should display a confirmation with method call when the transaction type is not found in the ConfirmationView's mapper

Error: expect(received).toMatchSnapshot()

Snapshot name: `ConfirmationView should display a confirmation with method call when the transaction type is not found in the ConfirmationView's mapper 1`

- Snapshot  - 35
+ Received  + 37

@@ -400,55 +400,57 @@
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
-                     class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                     class="MuiBox-root css-164r41r"
                    >
                      <div
-                       class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
-                       data-testid="tx-row-title"
-                       style="word-break: break-word;"
+                       class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
                      >
-                       <p
-                         class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                       <div
+                         class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                         data-testid="tx-row-title"
+                         style="word-break: break-word;"
                        >
-                         Raw data:
-                       </p>
-                     </div>
-                     <div
-                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
-                       data-testid="tx-data-row"
-                     >
+                         <p
+                           class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                         >
+                           Raw data:
+                         </p>
+                       </div>
                        <div
-                         class="MuiBox-root css-70qvj9"
+                         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
                          data-testid="tx-data-row"
                        >
-                         <div>
-                           0
-                            bytes
-                         </div>
-                         <span
-                           aria-label="Copy to clipboard"
-                           class=""
-                           data-mui-internal-clone-element="true"
-                           style="cursor: pointer;"
+                         <div
+                           class="encodedData MuiBox-root css-0"
+                           data-testid="tx-hexData"
                          >
-                           <button
+                           <span
                              aria-label="Copy to clipboard"
-                             class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
-                             tabindex="0"
-                             type="button"
+                             class=""
+                             data-mui-internal-clone-element="true"
+                             style="cursor: pointer;"
                            >
-                             <mock-icon
-                               aria-hidden=""
-                               class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
-                               data-testid="copy-btn-icon"
-                               focusable="false"
-                             />
-                           </button>
-                         </span>
+                             <button
+                               aria-label="Copy to clipboard"
+                               class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                               tabindex="0"
+                               type="button"
+                             >
+                               <mock-icon
+                                 aria-hidden=""
+                                 class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                 data-testid="copy-btn-icon"
+                                 focusable="false"
+                               />
+                             </button>
+                           </span>
+                           0x
+                            
+                         </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
    at Object.toMatchSnapshot (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/apps/web/src/components/tx/confirmation-views/ConfirmationView.test.tsx:133:23)
    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)

Check failure on line 39 in apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx

See this annotation in the file changed.

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

SignOrExecute > should display a confirmation screen

Error: expect(received).toMatchSnapshot()

Snapshot name: `SignOrExecute should display a confirmation screen 1`

- Snapshot  - 35
+ Received  + 37

@@ -104,55 +104,57 @@
                              0
                            </div>
                          </div>
                        </div>
                        <div
-                         class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                         class="MuiBox-root css-164r41r"
                        >
                          <div
-                           class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
-                           data-testid="tx-row-title"
-                           style="word-break: break-word;"
+                           class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
                          >
-                           <p
-                             class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                           <div
+                             class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                             data-testid="tx-row-title"
+                             style="word-break: break-word;"
                            >
-                             Raw data:
-                           </p>
-                         </div>
-                         <div
-                           class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
-                           data-testid="tx-data-row"
-                         >
+                             <p
+                               class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                             >
+                               Raw data:
+                             </p>
+                           </div>
                            <div
-                             class="MuiBox-root css-70qvj9"
+                             class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
                              data-testid="tx-data-row"
                            >
-                             <div>
-                               0
-                                bytes
-                             </div>
-                             <span
-                               aria-label="Copy to clipboard"
-                               class=""
-                               data-mui-internal-clone-element="true"
-                               style="cursor: pointer;"
+                             <div
+                               class="encodedData MuiBox-root css-0"
+                               data-testid="tx-hexData"
                              >
-                               <button
+                               <span
                                  aria-label="Copy to clipboard"
-                                 class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
-                                 tabindex="0"
-                                 type="button"
+                                 class=""
+                                 data-mui-internal-clone-element="true"
+                                 style="cursor: pointer;"
                                >
-                                 <mock-icon
-                                   aria-hidden=""
-                                   class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
-                                   data-testid="copy-btn-icon"
-                                   focusable="false"
-                                 />
-                               </button>
-                             </span>
+                                 <button
+                                   aria-label="Copy to clipboard"
+                                   class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                   tabindex="0"
+                                   type="button"
+                                 >
+                                   <mock-icon
+                                     aria-hidden=""
+                                     class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                     data-testid="copy-btn-icon"
+                                     focusable="false"
+                                   />
+                                 </button>
+                               </span>
+                               0x
+                                
+                             </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
    at Object.toMatchSnapshot (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx:62:23)
    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)

Check failure on line 65 in apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx

See this annotation in the file changed.

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

SignOrExecute > should display an error screen

Error: expect(received).toMatchSnapshot()

Snapshot name: `SignOrExecute should display an error screen 1`

- Snapshot  - 35
+ Received  + 37

@@ -104,55 +104,57 @@
                              0
                            </div>
                          </div>
                        </div>
                        <div
-                         class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
+                         class="MuiBox-root css-164r41r"
                        >
                          <div
-                           class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
-                           data-testid="tx-row-title"
-                           style="word-break: break-word;"
+                           class="MuiGrid-root MuiGrid-container css-86qz5o-MuiGrid-root"
                          >
-                           <p
-                             class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                           <div
+                             class="MuiGrid-root MuiGrid-item css-1wehkfy-MuiGrid-root"
+                             data-testid="tx-row-title"
+                             style="word-break: break-word;"
                            >
-                             Raw data:
-                           </p>
-                         </div>
-                         <div
-                           class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
-                           data-testid="tx-data-row"
-                         >
+                             <p
+                               class="MuiTypography-root MuiTypography-body1 css-shf88x-MuiTypography-root"
+                             >
+                               Raw data:
+                             </p>
+                           </div>
                            <div
-                             class="MuiBox-root css-70qvj9"
+                             class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
                              data-testid="tx-data-row"
                            >
-                             <div>
-                               0
-                                bytes
-                             </div>
-                             <span
-                               aria-label="Copy to clipboard"
-                               class=""
-                               data-mui-internal-clone-element="true"
-                               style="cursor: pointer;"
+                             <div
+                               class="encodedData MuiBox-root css-0"
+                               data-testid="tx-hexData"
                              >
-                               <button
+                               <span
                                  aria-label="Copy to clipboard"
-                                 class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
-                                 tabindex="0"
-                                 type="button"
+                                 class=""
+                                 data-mui-internal-clone-element="true"
+                                 style="cursor: pointer;"
                                >
-                                 <mock-icon
-                                   aria-hidden=""
-                                   class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
-                                   data-testid="copy-btn-icon"
-                                   focusable="false"
-                                 />
-                               </button>
-                             </span>
+                                 <button
+                                   aria-label="Copy to clipboard"
+                                   class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-xyrzjn-MuiButtonBase-root-MuiIconButton-root"
+                                   tabindex="0"
+                                   type="button"
+                                 >
+                                   <mock-icon
+                                     aria-hidden=""
+                                     class="MuiSvgIcon-root MuiSvgIcon-colorBorder MuiSvgIcon-fontSizeSmall css-gvpe62-MuiSvgIcon-root"
+                                     data-testid="copy-btn-icon"
+                                     focusable="false"
+                                   />
+                                 </button>
+                               </span>
+                               0x
+                                
+                             </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
    at Object.toMatchSnapshot (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx:83:23)
    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)