Error: expect(element).toBeVisible() Received element is not visible: <div class="_1jwf1btcbj _1jwf1btcpl _1jwf1bta5j _1jwf1bta6p _1jwf1btbij _1jwf1btbu3 _1jwf1bt9xs _1jwf1btjpm _1jwf1btbi1 _1jwf1btbfl _1jwf1btjrs _1jwf1btjs4 _1jwf1btjra _1jwf1btdgp _1jwf1btdh9 _1jwf1btjta" transform="[object Object]" translate="[object Object]" /> Ignored nodes: comments, script, style <html> <head /> <body data-backdrops="1" style="width: 0px; position: fixed; top: -0px;" > <div /> <div class="modal" > <div class="_1jwf1btcbj _1jwf1btcpl _1jwf1bta5j _1jwf1bta6p _1jwf1btbij _1jwf1btbu3 _1jwf1bt9xs _1jwf1btjpm _1jwf1btbi1 _1jwf1btbfl _1jwf1btjrs _1jwf1btjs4 _1jwf1btjra _1jwf1btdgp _1jwf1btdh9 _1jwf1btjta" transform="[object Object]" translate="[object Object]" > Modal </div> </div> </body> </html>... ❯ waitFor.timeout src/components/molecules/Modal/Modal.test.tsx:14:59 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/.pnpm/@testing-library [email protected]/node_modules/@testing-library/dom/dist/config.js:47:12 ❯ checkCallback ../node_modules/.pnpm/@testing-library [email protected]/node_modules/@testing-library/dom/dist/wait-for.js:124:77 ❯ Timeout.checkRealTimersCallback ../node_modules/.pnpm/@testing-library [email protected]/node_modules/@testing-library/dom/dist/wait-for.js:118:16

src/components/molecules/Profile/Profile.test.tsx > <Profile /> > renders: node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132

SprinklesError: "transitionProperty" has no value "color, border-color, background-color, transform, filter". Possible values are "all", "none", "box-shadow", "background-color", "initial", "inherit", "stroke" ❯ invalidPropValue ../node_modules/.pnpm/@Vanilla-Extract [email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:132:19 ❯ _loop ../node_modules/.pnpm/@Vanilla-Extract [email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:139:15 ❯ Module.sprinklesFn ../node_modules/.pnpm/@Vanilla-Extract [email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:181:11 ❯ src/components/atoms/Box/Box.tsx:38:23 ❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18 ❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20 ❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16 ❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14 ❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12 ❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5

src/components/molecules/Profile/Profile.test.tsx > <Profile /> > should add middle ellipsis to address: node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132

src/components/molecules/Profile/Profile.test.tsx > <Profile /> > should display only ensName if provided: node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132

src/components/molecules/Profile/Profile.test.tsx > <Profile /> > should display dropdown if items are provided: node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132

src/components/molecules/Profile/Profile.test.tsx > <Profile /> > should hide text if size is small: node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132

src/components/organisms/Dialog/Dialog.test.tsx > <Modal /> > renders: components/src/components/organisms/Dialog/Dialog.test.tsx#L19

Error: expect(element).toBeVisible() Received element is not visible: <div class="_1jwf1bta0v _1jwf1bt4ea _1jwf1btj8q _1jwf1btjaf _1jwf1btjbe _1jwf1btjd3 _1jwf1btj7p _1jwf1bta5j _1jwf1bta71 _1jwf1btaq8 _1jwf1btaql _1jwf1btdx2 _1jwf1btdw3 _1jwf1btebk _1jwf1bte33 _1jwf1btjly _1jwf1bth68 _1jwf1bth6l _1jwf1btjpj _1jwf1btdgp _1g7dn39l" /> Ignored nodes: comments, script, style <html> <head /> <body data-backdrops="1" style="width: 0px; position: fixed; top: -0px;" > <div /> <div class="modal" > <div class="_1jwf1btcbj _1jwf1btcpl _1jwf1bta5j _1jwf1bta6p _1jwf1btbij _1jwf1btbu3 _1jwf1bt9xs _1jwf1btjpm _1jwf1btbi1 _1jwf1btbfl _1jwf1btjrs _1jwf1btjs4 _1jwf1btjra _1jwf1btdgp _1jwf1btdh9 _1jwf1btjta" transform="[object Object]" translate="[object Object]" > <div class="_1jwf1bta0v _1jwf1bt4ea _1jwf1btj8q _1jwf1btjaf _1jwf1btjbe _1jwf1btjd3 _1jwf1btj7p _1jwf1bta5j _1jwf1bta71 _1jwf1btaq8 _1jwf1btaql _1jwf1btdx2 _1jwf1btdw3 _1jwf1btebk _1jwf1bte33 _1jwf1btjly _1jwf1bth68 _1jwf1bth6l _1jwf1btjpj _1jwf1btdgp _1g7dn39l" > Modal </div> </div> </div> </body> </html>... ❯ waitFor.timeout src/components/organisms/Dialog/Dialog.test.tsx:19:59 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/.pnpm/@testing-library [email protected]/node_modules/@testing-library/dom/dist/config.js:47:12 ❯ checkCallback ../node_modules/.pnpm/@testing-library [email protected]/node_modules/@testing-library/dom/dist/wait-for.js:124:77 ❯ Timeout.checkRealTimersCallback ../node_modules/.pnpm/@testing-library [email protected]/node_modules/@testing-library/dom/dist/wait-for.js:118:16

src/components/organisms/Dialog/Dialog.test.tsx > <Modal /> > should show steps if available: components/src/components/organisms/Dialog/Dialog.test.tsx#L69

Error: expect(element).toBeVisible() Received element is not visible: <div class="_1jwf1bta0v _1jwf1bta5j _1jwf1bta6p _1jwf1btapv _1jwf1bta31" data-testid="step-container" /> Ignored nodes: comments, script, style <html> <head /> <body data-backdrops="1" style="width: 0px; position: fixed; top: -0px;" > <div /> <div class="modal" > <div class="_1jwf1btcbj _1jwf1btcpl _1jwf1bta5j _1jwf1bta6p _1jwf1btbij _1jwf1btbu3 _1jwf1bt9xs _1jwf1btjpm _1jwf1btbi1 _1jwf1btbfl _1jwf1btjrs _1jwf1btjs4 _1jwf1btjra _1jwf1btdgp _1jwf1btdh9 _1jwf1btjta" transform="[object Object]" translate="[object Object]" > <div class="_1jwf1bta0v _1jwf1bt4ea _1jwf1btj8q _1jwf1btjaf _1jwf1btjbe _1jwf1btjd3 _1jwf1btj7p _1jwf1bta5j _1jwf1bta71 _1jwf1btaq8 _1jwf1btaql _1jwf1btdx2 _1jwf1btdw3 _1jwf1btebk _1jwf1bte33 _1jwf1btjly _1jwf1bth68 _1jwf1bth6l _1jwf1btjpj _1jwf1btdgp _1g7dn39l" > <div class="_1jwf1bta0v _1jwf1bta5j _1jwf1bta71 _1jwf1btay7 _1jwf1bta31" /> Modal <div class="_1jwf1bta0v _1jwf1bta5j _1jwf1bta71 _1jwf1btaq7 _1jwf1btdgp" > <div class="_1jwf1bta0v _1jwf1bta5j _1jwf1bta6p _1jwf1btapv _1jwf1bta31" data-testid="step-container" > <div class="_1jwf1btdej _1jwf1btd01 _1jwf1btj81 _1jwf1btk1j _1g7dn39b _1jwf1btjp7 _1jwf1bt4yw _1jwf1bt4yp" data-testid="step-item-0-inProgress" /> <div class="_1jwf1btdej _1jwf1btd01 _1jwf1btj81 _1jwf1btk1j _1g7dn39b _1jwf1btjp7 _1jwf1bt5eg _1jwf1bt4yp" data-testid="step-item-1-notStarted" /> <div class="_1jwf1btdej _1jwf1btd01 _1jwf1btj81 _1jwf1btk1j _1g7dn39b _1jwf1btjp7 _1jwf1bt5eg _1jwf1bt4yp" data-testid="step-item-2-notStarted" /> </div> </div> </div> </div> </div> </body> </html>... ❯ waitFor.timeout src/components/organisms/Dialog/Dialog.test.tsx:69:58 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/.pnpm/@testing-library [email protected]/node_modules/@testing-library/dom/dist/config.js:47:12 ❯ checkCallback ../node_modules/.pnpm/@testing-library [email protected]/node_modules/@testing-library/dom/dist/wait-for.js:124:77 ❯ Timeout.checkRealTimersCallback ../node_modules/.pnpm/@testing-library [email protected]/node_modules/@testing-library/dom/dist/wait-for.js:118:16

src/components/organisms/Toast/Toast.test.tsx > <Toast /> > should show children if touch variant and clicked: components/src/components/organisms/Toast/Toast.test.tsx#L68

Error: Timed out in waitFor. Ignored nodes: comments, script, style <html> <head /> <body> <div /> <div class="toast" > <div class="_1jwf1btbxp _1jwf1bta0j _1jwf1bt5cb _1jwf1btj7d _1jwf1btk1j _1jwf1btjoy _1jwf1bta5j _1jwf1bta71 _1jwf1bta31 _1jwf1btdx1 _1jwf1bt9xs _1jwf1bthfp _1jwf1btjpm _1jwf1btk21 _1jwf1btjrs _1jwf1btjs4 _1jwf1btjra _1jwf1btjtd f5q5s86" data-testid="toast-touch" style="top: 19.200000000000003px; --f5q5s80: 3.75%; --f5q5s81: unset; --f5q5s82: calc(100vh / 100 * 2.5); --f5q5s83: unset; --f5q5s84: 92.5%; --f5q5s85: translateY(-64px);" > <div class="_1jwf1bte7 _1jwf1btjjy _6an2ibg _1jwf1btjkp _1jwf1btjlg _1jwf1btjka" > Test </div> <div class="_1jwf1bte7 _1jwf1btjjy _6an2ibg _1jwf1btjky _1jwf1btjlp _1jwf1btjk7" /> <div class="_1jwf1bta0v _1jwf1bta5j _1jwf1bta31 _1jwf1btidj _1jwf1btdgp f5q5s87" > <div class="_1jwf1bt4eo _1jwf1btj81 _1jwf1btcq7 _1jwf1btd5v" /> </div> </div> </div> </body> </html>... ❯ Module.waitForWrapper ../node_modules/.pnpm/@testing-library [email protected]/node_modules/@testing-library/dom/dist/wait-for.js:163:27 ❯ src/components/organisms/Toast/Toast.test.tsx:68:11

Test (18)

Process completed with exit code 1.

Lint (18): components/src/components/atoms/Banner/Banner.tsx#L230

Unexpected any. Specify a different type

Lint (18): components/src/components/atoms/Button/Button.tsx#L324

Unexpected any. Specify a different type

Lint (18): components/src/components/atoms/DynamicPopover/DynamicPopover.tsx#L483

Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead

Lint (18): components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84

Unexpected any. Specify a different type

Lint (18): components/src/components/atoms/Field/Field.tsx#L126

Unexpected any. Specify a different type