V1: Vanilla Extract #723
talentlessguyAnnotations
5 errors and 10 warnings
|
Unhandled error:
node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/react-transition-state/dist/cjs/index.js#L42
ReferenceError: window is not defined
❯ getCurrentEventPriority ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:10993:22
❯ requestUpdateLane ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25495:19
❯ dispatchSetState ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:16648:14
❯ updateState$1 ../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/react-transition-state/dist/cjs/index.js:42:3
❯ Timeout.<anonymous> ../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/react-transition-state/dist/cjs/index.js:65:15
❯ listOnTimeout node:internal/timers:569:17
❯ processTimers node:internal/timers:512:7
This error originated in "src/components/organisms/Toast/Toast.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
This error was caught after test environment was torn down. Make sure to cancel any running tasks before test finishes:
- cancel timeouts using clearTimeout and clearInterval
- wait for promises to resolve using the await keyword
|
|
src/components/organisms/Dialog/Dialog.test.tsx > <Modal /> > should show steps if available:
components/src/components/organisms/Dialog/Dialog.test.tsx#L74
TestingLibraryElementError: Unable to find an element by: [data-testid="step-container"]
Ignored nodes: comments, script, style
<body
data-backdrops="1"
style="width: 0px; position: fixed; top: -0px;"
>
<div />
<div
class="modal"
>
<div
class="thorin-1jwf1btccd thorin-1jwf1btcql thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btbj1 thorin-1jwf1btbur thorin-1jwf1bt9yy thorin-1jwf1btjw4 thorin-1jwf1btbij thorin-1jwf1btbg3 thorin-1jwf1btjya thorin-1jwf1btjym thorin-1jwf1btjxs thorin-1jwf1btdi1 thorin-1jwf1btdil thorin-1jwf1btk01 thorin-vsacq64"
style="--thorin-vsacq60: translateY(0px); --thorin-vsacq62: unset; --thorin-vsacq61: translateY(0px); --thorin-vsacq63: -50% -50%;"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bt4ea thorin-1jwf1btjck thorin-1jwf1btje9 thorin-1jwf1btjfe thorin-1jwf1btjh3 thorin-1jwf1btjbd thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqe thorin-1jwf1btaqr thorin-1jwf1btdyk thorin-1jwf1btdxl thorin-1jwf1bted8 thorin-1jwf1bte4l thorin-1jwf1btjqg thorin-1jwf1bth92 thorin-1jwf1bth9f thorin-1jwf1btjw1 thorin-1jwf1btdi1 thorin-1g7dn39l"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btayj thorin-1jwf1bta31"
/>
Modal
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqd thorin-1jwf1btdi1"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btaq1 thorin-1jwf1bta31"
>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7dn39b thorin-1g7dn39j thorin-1g7dn399 thorin-1jwf1btjtp thorin-1jwf1bt4yw thorin-1jwf1bt4yp"
data-testid="step-item-0-inProgress"
/>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7dn39b thorin-1g7dn39i thorin-1g7dn398 thorin-1jwf1btjtp thorin-1jwf1bt5eg thorin-1jwf1bt4yp"
data-testid="step-item-1-notStarted"
/>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7dn39b thorin-1g7dn39i thorin-1g7dn398 thorin-1jwf1btjtp thorin-1jwf1bt5eg thorin-1jwf1bt4yp"
data-testid="step-item-2-notStarted"
/>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body
data-backdrops="1"
style="width: 0px; position: fixed; top: -0px;"
>
<div />
<div
class="modal"
>
<div
class="thorin-1jwf1btccd thorin-1jwf1btcql thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btbj1 thorin-1jwf1btbur thorin-1jwf1bt9yy thorin-1jwf1btjw4 thorin-1jwf1btbij thorin-1jwf1btbg3 thorin-1jwf1btjya thorin-1jwf1btjym thorin-1jwf1btjxs thorin-1jwf1btdi1 thorin-1jwf1btdil thorin-1jwf1btk01 thorin-vsacq64"
style="--thorin-vsacq60: translateY(0px); --thorin-vsacq62: unset; --thorin-vsacq61: translateY(0px); --thorin-vsacq63: -50% -50%;"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bt4ea thorin-1jwf1btjck thorin-1jwf1btje9 thorin-1jwf1btjfe thorin-1jwf1btjh3 thorin-1jwf1btjbd thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqe thorin-1jwf1btaqr thorin-1jwf1btdyk thorin-1jwf1btdxl thorin-1jwf1bted8 thorin-1jwf1bte4l thorin-1jwf1btjqg thorin-1jwf1bth92 thorin-1jwf1bth9f thorin-1jwf1btjw1 thorin-1jwf1btdi1 thorin-1g7dn39l"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btayj thorin-1jwf1bta31"
/>
Modal
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqd thorin-1jwf1btdi1"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btaq1 thorin-1jwf1bta31"
>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g
|
|
src/components/organisms/Dialog/Dialog.test.tsx > <Modal /> > should show correct step state:
components/src/components/organisms/Dialog/Dialog.test.tsx#L87
TestingLibraryElementError: Unable to find an element by: [data-testid="step-container"]
Ignored nodes: comments, script, style
<body
data-backdrops="1"
style="width: 0px; position: fixed; top: -0px;"
>
<div />
<div
class="modal"
>
<div
class="thorin-1jwf1btccd thorin-1jwf1btcql thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btbj1 thorin-1jwf1btbur thorin-1jwf1bt9yy thorin-1jwf1btjw4 thorin-1jwf1btbij thorin-1jwf1btbg3 thorin-1jwf1btjya thorin-1jwf1btjym thorin-1jwf1btjxs thorin-1jwf1btdi1 thorin-1jwf1btdil thorin-1jwf1btk01 thorin-vsacq64"
style="--thorin-vsacq60: translateY(0px); --thorin-vsacq62: unset; --thorin-vsacq61: translateY(0px); --thorin-vsacq63: -50% -50%;"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bt4ea thorin-1jwf1btjck thorin-1jwf1btje9 thorin-1jwf1btjfe thorin-1jwf1btjh3 thorin-1jwf1btjbd thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqe thorin-1jwf1btaqr thorin-1jwf1btdyk thorin-1jwf1btdxl thorin-1jwf1bted8 thorin-1jwf1bte4l thorin-1jwf1btjqg thorin-1jwf1bth92 thorin-1jwf1bth9f thorin-1jwf1btjw1 thorin-1jwf1btdi1 thorin-1g7dn39l"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btayj thorin-1jwf1bta31"
/>
Modal
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqd thorin-1jwf1btdi1"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btaq1 thorin-1jwf1bta31"
>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7dn39b thorin-1g7dn39k thorin-1g7dn39a thorin-1jwf1btjtp thorin-1jwf1bt4yw thorin-1jwf1bt3z4"
data-testid="step-item-0-completed"
/>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7dn39b thorin-1g7dn39j thorin-1g7dn399 thorin-1jwf1btjtp thorin-1jwf1bt4yw thorin-1jwf1bt4yp"
data-testid="step-item-1-inProgress"
/>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7dn39b thorin-1g7dn39i thorin-1g7dn398 thorin-1jwf1btjtp thorin-1jwf1bt5eg thorin-1jwf1bt4yp"
data-testid="step-item-2-notStarted"
/>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body
data-backdrops="1"
style="width: 0px; position: fixed; top: -0px;"
>
<div />
<div
class="modal"
>
<div
class="thorin-1jwf1btccd thorin-1jwf1btcql thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btbj1 thorin-1jwf1btbur thorin-1jwf1bt9yy thorin-1jwf1btjw4 thorin-1jwf1btbij thorin-1jwf1btbg3 thorin-1jwf1btjya thorin-1jwf1btjym thorin-1jwf1btjxs thorin-1jwf1btdi1 thorin-1jwf1btdil thorin-1jwf1btk01 thorin-vsacq64"
style="--thorin-vsacq60: translateY(0px); --thorin-vsacq62: unset; --thorin-vsacq61: translateY(0px); --thorin-vsacq63: -50% -50%;"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bt4ea thorin-1jwf1btjck thorin-1jwf1btje9 thorin-1jwf1btjfe thorin-1jwf1btjh3 thorin-1jwf1btjbd thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqe thorin-1jwf1btaqr thorin-1jwf1btdyk thorin-1jwf1btdxl thorin-1jwf1bted8 thorin-1jwf1bte4l thorin-1jwf1btjqg thorin-1jwf1bth92 thorin-1jwf1bth9f thorin-1jwf1btjw1 thorin-1jwf1btdi1 thorin-1g7dn39l"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btayj thorin-1jwf1bta31"
/>
Modal
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqd thorin-1jwf1btdi1"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btaq1 thorin-1jwf1bta31"
>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7
|
|
src/components/organisms/Dialog/Dialog.test.tsx > <Modal /> > should show a custom step state:
components/src/components/organisms/Dialog/Dialog.test.tsx#L109
TestingLibraryElementError: Unable to find an element by: [data-testid="step-container"]
Ignored nodes: comments, script, style
<body
data-backdrops="1"
style="width: 0px; position: fixed; top: -0px;"
>
<div />
<div
class="modal"
>
<div
class="thorin-1jwf1btccd thorin-1jwf1btcql thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btbj1 thorin-1jwf1btbur thorin-1jwf1bt9yy thorin-1jwf1btjw4 thorin-1jwf1btbij thorin-1jwf1btbg3 thorin-1jwf1btjya thorin-1jwf1btjym thorin-1jwf1btjxs thorin-1jwf1btdi1 thorin-1jwf1btdil thorin-1jwf1btk01 thorin-vsacq64"
style="--thorin-vsacq60: translateY(0px); --thorin-vsacq62: unset; --thorin-vsacq61: translateY(0px); --thorin-vsacq63: -50% -50%;"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bt4ea thorin-1jwf1btjck thorin-1jwf1btje9 thorin-1jwf1btjfe thorin-1jwf1btjh3 thorin-1jwf1btjbd thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqe thorin-1jwf1btaqr thorin-1jwf1btdyk thorin-1jwf1btdxl thorin-1jwf1bted8 thorin-1jwf1bte4l thorin-1jwf1btjqg thorin-1jwf1bth92 thorin-1jwf1bth9f thorin-1jwf1btjw1 thorin-1jwf1btdi1 thorin-1g7dn39l"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btayj thorin-1jwf1bta31"
/>
Modal
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqd thorin-1jwf1btdi1"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btaq1 thorin-1jwf1bta31"
>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7dn39b thorin-1g7dn39k thorin-1g7dn39a thorin-1jwf1btjtp thorin-1jwf1bt4yw thorin-1jwf1bt3z4"
data-testid="step-item-0-completed"
/>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7dn39b thorin-1g7dn39k thorin-1g7dn39a thorin-1jwf1btjtp thorin-1jwf1bt4yw thorin-1jwf1bt3z4"
data-testid="step-item-1-completed"
/>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7dn39b thorin-1g7dn39i thorin-1g7dn398 thorin-1jwf1btjtp thorin-1jwf1bt5eg thorin-1jwf1bt4yp"
data-testid="step-item-2-notStarted"
/>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body
data-backdrops="1"
style="width: 0px; position: fixed; top: -0px;"
>
<div />
<div
class="modal"
>
<div
class="thorin-1jwf1btccd thorin-1jwf1btcql thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btbj1 thorin-1jwf1btbur thorin-1jwf1bt9yy thorin-1jwf1btjw4 thorin-1jwf1btbij thorin-1jwf1btbg3 thorin-1jwf1btjya thorin-1jwf1btjym thorin-1jwf1btjxs thorin-1jwf1btdi1 thorin-1jwf1btdil thorin-1jwf1btk01 thorin-vsacq64"
style="--thorin-vsacq60: translateY(0px); --thorin-vsacq62: unset; --thorin-vsacq61: translateY(0px); --thorin-vsacq63: -50% -50%;"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bt4ea thorin-1jwf1btjck thorin-1jwf1btje9 thorin-1jwf1btjfe thorin-1jwf1btjh3 thorin-1jwf1btjbd thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqe thorin-1jwf1btaqr thorin-1jwf1btdyk thorin-1jwf1btdxl thorin-1jwf1bted8 thorin-1jwf1bte4l thorin-1jwf1btjqg thorin-1jwf1bth92 thorin-1jwf1bth9f thorin-1jwf1btjw1 thorin-1jwf1btdi1 thorin-1g7dn39l"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btayj thorin-1jwf1bta31"
/>
Modal
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta71 thorin-1jwf1btaqd thorin-1jwf1btdi1"
>
<div
class="thorin-1jwf1bta0v thorin-1jwf1bta5j thorin-1jwf1bta6p thorin-1jwf1btaq1 thorin-1jwf1bta31"
>
<div
class="thorin-1jwf1btdfv thorin-1jwf1btd17 thorin-1jwf1btjbp thorin-1jwf1btk8d thorin-1g7d
|
|
Test (18)
Process completed with exit code 1.
|
|
Lint (18):
components/src/components/atoms/DynamicPopover/DynamicPopover.tsx#L482
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
|
|
Lint (18):
components/src/components/atoms/Field/Field.tsx#L200
Unexpected any. Specify a different type
|
|
Lint (18):
components/src/components/atoms/Field/Field.tsx#L301
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
|
|
Lint (18):
components/src/components/atoms/FileInput/FileInput.tsx#L195
Do not call the 'set' function 'setState' of 'useState' directly in 'useEffect'
|
|
Lint (18):
components/src/components/atoms/FileInput/FileInput.tsx#L206
Do not call the 'set' function 'setState' of 'useState' directly in 'useEffect'
|
|
Lint (18):
components/src/components/molecules/CountdownCircle/CountdownCircle.tsx#L130
Do not call the 'set' function 'setCurrentCount' of 'useState' directly in 'useEffect'
|
|
Lint (18):
components/src/components/molecules/Dropdown/Dropdown.test.tsx#L19
Unexpected any. Specify a different type
|
|
Lint (18):
components/src/components/molecules/Dropdown/Dropdown.tsx#L44
Unexpected any. Specify a different type
|