Error: expect(received).toMatchSnapshot() Snapshot name: `SignOrExecute should display a confirmation screen 1` - Snapshot - 49 + Received + 60 @@ -93,68 +93,79 @@ style="--Paper-shadow: none;" > <div class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root" > - <form> - <h6 - class="MuiTypography-root MuiTypography-h6 css-v1yov6-MuiTypography-root" + <div + class="MuiStack-root css-1rlitzi-MuiStack-root" + > + <h5 + class="MuiTypography-root MuiTypography-h5 css-1whrnku-MuiTypography-root" + > + What does this transaction do? + </h5> + <p + class="MuiTypography-root MuiTypography-body2 css-1g6374z-MuiTypography-root" + > + Optional + </p> + </div> + <div + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-cmpglg-MuiFormControl-root-MuiTextField-root" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-ll8nw6-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="false" + for=":r1:" + id=":r1:-label" > - Add a note - </h6> + Add description + </label> <div - class="MuiFormControl-root MuiFormControl-marginNormal MuiFormControl-fullWidth MuiTextField-root css-16bevx5-MuiFormControl-root-MuiTextField-root" + class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-1j6cp9h-MuiInputBase-root-MuiOutlinedInput-root" > - <label - class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-ll8nw6-MuiFormLabel-root-MuiInputLabel-root" - data-shrink="false" - for=":r1:" - id=":r1:-label" - > - Transaction description - </label> + <input + aria-invalid="false" + class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd css-f423sj-MuiInputBase-input-MuiOutlinedInput-input" + id=":r1:" + maxlength="120" + name="note" + type="text" + /> <div - class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-1pfp7cx-MuiInputBase-root-MuiOutlinedInput-root" + class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-elo8k2-MuiInputAdornment-root" > - <input - aria-invalid="false" - class="MuiInputBase-input MuiOutlinedInput-input css-1eoo0u4-MuiInputBase-input-MuiOutlinedInput-input" - id=":r1:" - name="note" - type="text" - /> - <fieldset - aria-hidden="true" - class="MuiOutlinedInput-notchedOutline css-1focg1t-MuiOutlinedInput-notchedOutline" + <span + class="MuiTypography-root MuiTypography-caption css-m9fk3h-MuiTypography-root" > - <legend - class="css-81qg8w" - > - <span> - Transaction description - </span> - </legend> - </fieldset> + 0 + / + 120 + </span> </div> - </div> - <div - class="MuiStack-root css-mw1pf-MuiStack-root" - > - <span - class="MuiTypography-root MuiTypography-caption css-cmorml-MuiTypography-root" - > - Attention: transaction notes are public - </span> - <button - class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-vi2kll-MuiButtonBase-root-MuiButton-root" - tabindex="0" - type="submit" + <fieldset + aria-hidden="true" + class="MuiOutlinedInput-notchedOutline css-1focg1t-MuiOutlinedInput-notchedOutline" > - Add note - </button> + <legend + class="css-81qg8w" + > + <span> + Add description + </span> + </legend> + </fieldset> </div> - </form> + </div> + <span + class="MuiTypography-root MuiTypography-caption css-144rrio-MuiTypography-root" + > + <mock-icon + height="1.2em" + /> + This description will be publicly visible and accessible to anyone. + </span> </div> </div> <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root" style="--Paper-shadow: none;" at Object.toMatchSnapshot (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx:56: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)

Error: expect(received).toMatchSnapshot() Snapshot name: `SignOrExecute should display an error screen 1` - Snapshot - 49 + Received + 60 @@ -168,68 +168,79 @@ style="--Paper-shadow: none;" > <div class="MuiCardContent-root cardContent css-1lt5qva-MuiCardContent-root" > - <form> - <h6 - class="MuiTypography-root MuiTypography-h6 css-v1yov6-MuiTypography-root" + <div + class="MuiStack-root css-1rlitzi-MuiStack-root" + > + <h5 + class="MuiTypography-root MuiTypography-h5 css-1whrnku-MuiTypography-root" + > + What does this transaction do? + </h5> + <p + class="MuiTypography-root MuiTypography-body2 css-1g6374z-MuiTypography-root" + > + Optional + </p> + </div> + <div + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-cmpglg-MuiFormControl-root-MuiTextField-root" + > + <label + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-ll8nw6-MuiFormLabel-root-MuiInputLabel-root" + data-shrink="false" + for=":r6:" + id=":r6:-label" > - Add a note - </h6> + Add description + </label> <div - class="MuiFormControl-root MuiFormControl-marginNormal MuiFormControl-fullWidth MuiTextField-root css-16bevx5-MuiFormControl-root-MuiTextField-root" + class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-1j6cp9h-MuiInputBase-root-MuiOutlinedInput-root" > - <label - class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-ll8nw6-MuiFormLabel-root-MuiInputLabel-root" - data-shrink="false" - for=":r6:" - id=":r6:-label" - > - Transaction description - </label> + <input + aria-invalid="false" + class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd css-f423sj-MuiInputBase-input-MuiOutlinedInput-input" + id=":r6:" + maxlength="120" + name="note" + type="text" + /> <div - class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-1pfp7cx-MuiInputBase-root-MuiOutlinedInput-root" + class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-elo8k2-MuiInputAdornment-root" > - <input - aria-invalid="false" - class="MuiInputBase-input MuiOutlinedInput-input css-1eoo0u4-MuiInputBase-input-MuiOutlinedInput-input" - id=":r6:" - name="note" - type="text" - /> - <fieldset - aria-hidden="true" - class="MuiOutlinedInput-notchedOutline css-1focg1t-MuiOutlinedInput-notchedOutline" + <span + class="MuiTypography-root MuiTypography-caption css-m9fk3h-MuiTypography-root" > - <legend - class="css-81qg8w" - > - <span> - Transaction description - </span> - </legend> - </fieldset> + 0 + / + 120 + </span> </div> - </div> - <div - class="MuiStack-root css-mw1pf-MuiStack-root" - > - <span - class="MuiTypography-root MuiTypography-caption css-cmorml-MuiTypography-root" - > - Attention: transaction notes are public - </span> - <button - class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-vi2kll-MuiButtonBase-root-MuiButton-root" - tabindex="0" - type="submit" + <fieldset + aria-hidden="true" + class="MuiOutlinedInput-notchedOutline css-1focg1t-MuiOutlinedInput-notchedOutline" > - Add note - </button> + <legend + class="css-81qg8w" + > + <span> + Add description + </span> + </legend> + </fieldset> </div> - </form> + </div> + <span + class="MuiTypography-root MuiTypography-caption css-144rrio-MuiTypography-root" + > + <mock-icon + height="1.2em" + /> + This description will be publicly visible and accessible to anyone. + </span> </div> </div> <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiCard-root css-1w4z6qv-MuiPaper-root-MuiCard-root" style="--Paper-shadow: none;" at Object.toMatchSnapshot (/home/runner/work/safe-wallet-monorepo/safe-wallet-monorepo/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignOrExecute.test.tsx:75: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)