V1: Vanilla Extract #725
Annotations
4 errors and 10 warnings
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
|