[Counterfactual] Add first steps widget #3218
Test suite run failed
Failed tests: 4/1389. Failed suites: 1/188.
Details
Created failed tests' annotations. To disable them, see documentation.
● AddressInput tests › should accept a custom validate function
Unable to find a label with the text of: 0x0000000000000000000000000000000000000000 is wrong
Ignored nodes: comments, script, style
<body>
<div>
<form>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root input css-wb57ya-MuiFormControl-root-MuiTextField-root"
spellcheck="false"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-error MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-18pzvfc-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="true"
for=":r3:"
id=":r3:-label"
>
"going" doesn't match the current chain
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-16549ak-MuiInputBase-root-MuiOutlinedInput-root"
>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-s8hmf8-MuiInputAdornment-root"
>
<span
class="MuiSkeleton-root MuiSkeleton-circular css-lnz7yn-MuiSkeleton-root"
style="width: 32px; height: 32px;"
/>
easy-going
:
</div>
<input
aria-invalid="true"
autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-1qiaqwv-MuiInputBase-input-MuiOutlinedInput-input"
id=":r3:"
name="recipient"
type="text"
value="going:0x0000000000000000000000000000000000000000"
/>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-p7vjcx-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-14lo706"
>
<span>
"going" doesn't match the current chain
</span>
</legend>
</fieldset>
</div>
</div>
<button
type="submit"
>
Submit
</button>
</form>
</div>
</body>
125 | })
126 |
> 127 | await waitFor(() => expect(utils.getByLabelText(`${TEST_ADDRESS_A} is wrong`, { exact: false })).toBeDefined())
| ^
128 |
129 | act(() => {
130 | fireEvent.change(input, { target: { value: `${mockChain.shortName}:${TEST_ADDRESS_B}` } })
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:166:27)
at Object.<anonymous> (src/components/common/AddressInput/index.test.tsx:127:18)
● AddressInput tests › should show a spinner when validation is in progress
Unable to find a label with the text of: 0x0000000000000000000000000000000000000000 is wrong
Ignored nodes: comments, script, style
<body>
<div>
<form>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root input css-wb57ya-MuiFormControl-root-MuiTextField-root"
spellcheck="false"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-error MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-18pzvfc-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="true"
for=":r4:"
id=":r4:-label"
>
"going" doesn't match the current chain
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-16549ak-MuiInputBase-root-MuiOutlinedInput-root"
>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-s8hmf8-MuiInputAdornment-root"
>
<span
class="MuiSkeleton-root MuiSkeleton-circular css-lnz7yn-MuiSkeleton-root"
style="width: 32px; height: 32px;"
/>
easy-going
:
</div>
<input
aria-invalid="true"
autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-1qiaqwv-MuiInputBase-input-MuiOutlinedInput-input"
id=":r4:"
name="recipient"
type="text"
value="going:0x0000000000000000000000000000000000000000"
/>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-p7vjcx-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-14lo706"
>
<span>
"going" doesn't match the current chain
</span>
</legend>
</fieldset>
</div>
</div>
<button
type="submit"
>
Submit
</button>
</form>
</div>
</body>
157 | })
158 |
> 159 | await waitFor(() => expect(utils.getByLabelText(`${TEST_ADDRESS_A} is wrong`, { exact: false })).toBeDefined())
| ^
160 | })
161 |
162 | it('should resolve ENS names', async () => {
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:166:27)
at Object.<anonymous> (src/components/common/AddressInput/index.test.tsx:159:18)
● AddressInput tests › should resolve ENS names
expect(received).toBe(expected) // Object.is equality
Expected: "0x0000000000000000000000000000000000000000"
Received: "going:0x0000000000000000000000000000000000000000"
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<form>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root input css-wb57ya-MuiFormControl-root-MuiTextField-root"
spellcheck="false"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-error MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-18pzvfc-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="true"
for=":r5:"
id=":r5:-label"
>
"going" doesn't match the current chain
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-16549ak-MuiInputBase-root-MuiOutlinedInput-root"
>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-s8hmf8-MuiInputAdornment-root"
>
<span
class="MuiSkeleton-root MuiSkeleton-circular css-lnz7yn-MuiSkeleton-root"
style="width: 32px; height: 32px;"
/>
easy-going
:
</div>
<input
aria-invalid="true"
autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-1qiaqwv-MuiInputBase-input-MuiOutlinedInput-input"
id=":r5:"
name="recipient"
type="text"
value="going:0x0000000000000000000000000000000000000000"
/>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-p7vjcx-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-14lo706"
>
<span>
"going" doesn't match the current chain
</span>
</legend>
</fieldset>
</div>
</div>
<button
type="submit"
>
Submit
</button>
</form>
</div>
</body>
</html>
167 | })
168 |
> 169 | await waitFor(() => expect(input.value).toBe('0x0000000000000000000000000000000000000000'))
| ^
170 |
171 | expect(useNameResolver).toHaveBeenCalledWith('zero.eth')
172 | })
at toBe (src/components/common/AddressInput/index.test.tsx:169:45)
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 node_modules/@testing-library/dom/dist/wait-for.js:70:9
● AddressInput tests › should keep a bare address in the form state
expect(received).toBe(expected) // Object.is equality
Expected: "0x0000000000000000000000000000000000000000"
Received: "going:0x0000000000000000000000000000000000000000"
256 | })
257 |
> 258 | expect(methods.getValues().recipient).toBe(TEST_ADDRESS_A)
| ^
259 | })
260 |
261 | it('should clean up the input value if it contains a valid address', async () => {
at Object.toBe (src/components/common/AddressInput/index.test.tsx:258:43)
Annotations
Check failure on line 119 in src/components/common/AddressInput/index.test.tsx
github-actions / Tests annotations (🧪 jest-coverage-report-action)
AddressInput tests > should accept a custom validate function
Error: Unable to find a label with the text of: 0x0000000000000000000000000000000000000000 is wrong
Ignored nodes: comments, script, style
<body>
<div>
<form>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root input css-wb57ya-MuiFormControl-root-MuiTextField-root"
spellcheck="false"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-error MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-18pzvfc-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="true"
for=":r3:"
id=":r3:-label"
>
"going" doesn't match the current chain
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-16549ak-MuiInputBase-root-MuiOutlinedInput-root"
>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-s8hmf8-MuiInputAdornment-root"
>
<span
class="MuiSkeleton-root MuiSkeleton-circular css-lnz7yn-MuiSkeleton-root"
style="width: 32px; height: 32px;"
/>
easy-going
:
</div>
<input
aria-invalid="true"
autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-1qiaqwv-MuiInputBase-input-MuiOutlinedInput-input"
id=":r3:"
name="recipient"
type="text"
value="going:0x0000000000000000000000000000000000000000"
/>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-p7vjcx-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-14lo706"
>
<span>
"going" doesn't match the current chain
</span>
</legend>
</fieldset>
</div>
</div>
<button
type="submit"
>
Submit
</button>
</form>
</div>
</body>
at waitForWrapper (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/@testing-library/dom/dist/wait-for.js:166:27)
at Object.<anonymous> (/home/runner/work/safe-wallet-web/safe-wallet-web/src/components/common/AddressInput/index.test.tsx:127:18)
at Promise.then.completed (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/utils.js:298:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/utils.js:231:10)
at _callCircusTest (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/run.js:316:40)
at _runTest (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/run.js:252:3)
at _runTestsForDescribeBlock (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/run.js:126:9)
at _runTestsForDescribeBlock (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/run.js:121:9)
at run (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/run.js:71:3)
at runAndTransformResultsToJestFormat (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
at jestAdapter (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
at runTestInternal (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-runner/build/runTest.js:367:16)
at runTest (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-runner/build/runTest.js:444:34)
at Object.worker (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-runner/build/testWorker.js:106:12)
Check failure on line 137 in src/components/common/AddressInput/index.test.tsx
github-actions / Tests annotations (🧪 jest-coverage-report-action)
AddressInput tests > should show a spinner when validation is in progress
Error: Unable to find a label with the text of: 0x0000000000000000000000000000000000000000 is wrong
Ignored nodes: comments, script, style
<body>
<div>
<form>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root input css-wb57ya-MuiFormControl-root-MuiTextField-root"
spellcheck="false"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-error MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-18pzvfc-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="true"
for=":r4:"
id=":r4:-label"
>
"going" doesn't match the current chain
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-16549ak-MuiInputBase-root-MuiOutlinedInput-root"
>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-s8hmf8-MuiInputAdornment-root"
>
<span
class="MuiSkeleton-root MuiSkeleton-circular css-lnz7yn-MuiSkeleton-root"
style="width: 32px; height: 32px;"
/>
easy-going
:
</div>
<input
aria-invalid="true"
autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-1qiaqwv-MuiInputBase-input-MuiOutlinedInput-input"
id=":r4:"
name="recipient"
type="text"
value="going:0x0000000000000000000000000000000000000000"
/>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-p7vjcx-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-14lo706"
>
<span>
"going" doesn't match the current chain
</span>
</legend>
</fieldset>
</div>
</div>
<button
type="submit"
>
Submit
</button>
</form>
</div>
</body>
at waitForWrapper (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/@testing-library/dom/dist/wait-for.js:166:27)
at Object.<anonymous> (/home/runner/work/safe-wallet-web/safe-wallet-web/src/components/common/AddressInput/index.test.tsx:159:18)
Check failure on line 162 in src/components/common/AddressInput/index.test.tsx
github-actions / Tests annotations (🧪 jest-coverage-report-action)
AddressInput tests > should resolve ENS names
Error: expect(received).toBe(expected) // Object.is equality
Expected: "0x0000000000000000000000000000000000000000"
Received: "going:0x0000000000000000000000000000000000000000"
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<form>
<div
class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root input css-wb57ya-MuiFormControl-root-MuiTextField-root"
spellcheck="false"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-error MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-18pzvfc-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="true"
for=":r5:"
id=":r5:-label"
>
"going" doesn't match the current chain
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd css-16549ak-MuiInputBase-root-MuiOutlinedInput-root"
>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-s8hmf8-MuiInputAdornment-root"
>
<span
class="MuiSkeleton-root MuiSkeleton-circular css-lnz7yn-MuiSkeleton-root"
style="width: 32px; height: 32px;"
/>
easy-going
:
</div>
<input
aria-invalid="true"
autocomplete="off"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-1qiaqwv-MuiInputBase-input-MuiOutlinedInput-input"
id=":r5:"
name="recipient"
type="text"
value="going:0x0000000000000000000000000000000000000000"
/>
<div
class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-sizeMedium css-1laqsz7-MuiInputAdornment-root"
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-p7vjcx-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-14lo706"
>
<span>
"going" doesn't match the current chain
</span>
</legend>
</fieldset>
</div>
</div>
<button
type="submit"
>
Submit
</button>
</form>
</div>
</body>
</html>
at toBe (/home/runner/work/safe-wallet-web/safe-wallet-web/src/components/common/AddressInput/index.test.tsx:169:45)
at runWithExpensiveErrorDiagnosticsDisabled (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/@testing-library/dom/dist/config.js:47:12)
at checkCallback (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/@testing-library/dom/dist/wait-for.js:127:77)
at /home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/@testing-library/dom/dist/wait-for.js:70:9
Check failure on line 228 in src/components/common/AddressInput/index.test.tsx
github-actions / Tests annotations (🧪 jest-coverage-report-action)
AddressInput tests > should keep a bare address in the form state
Error: expect(received).toBe(expected) // Object.is equality
Expected: "0x0000000000000000000000000000000000000000"
Received: "going:0x0000000000000000000000000000000000000000"
at Object.toBe (/home/runner/work/safe-wallet-web/safe-wallet-web/src/components/common/AddressInput/index.test.tsx:258:43)
at Promise.then.completed (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/utils.js:298:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/utils.js:231:10)
at _callCircusTest (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/run.js:316:40)
at _runTest (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/run.js:252:3)
at _runTestsForDescribeBlock (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/run.js:126:9)
at _runTestsForDescribeBlock (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/run.js:121:9)
at run (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/run.js:71:3)
at runAndTransformResultsToJestFormat (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
at jestAdapter (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
at runTestInternal (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-runner/build/runTest.js:367:16)
at runTest (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-runner/build/runTest.js:444:34)
at Object.worker (/home/runner/work/safe-wallet-web/safe-wallet-web/node_modules/jest-runner/build/testWorker.js:106:12)