V1: Vanilla Extract #697
Annotations
14 errors and 10 warnings
Lint (18):
components/src/components/atoms/Button/Button.tsx#L5
'translateY' is defined but never used
|
Lint (18):
components/src/components/molecules/CurrencyToggle/CurrencyToggle.tsx#L29
'$type' is defined but never used
|
Lint (18):
components/src/components/molecules/Dropdown/Dropdown.tsx#L11
'commonVars' is defined but never used
|
Lint (18):
components/src/components/molecules/Dropdown/styles.css.ts#L1
'styleVariants' is defined but never used
|
Lint (18):
docs/src/components/AdditionalColors/components/PaletteRow.tsx#L3
'rawColorToRGB' is defined but never used
|
Lint (18):
docs/src/components/AdditionalColors/components/PaletteRow.tsx#L8
'color' is defined but never used
|
Lint (18):
docs/src/components/CodePreview.tsx#L55
'$expand' is defined but never used
|
Lint (18):
docs/src/components/SideBar.tsx#L63
'open' is defined but never used
|
Lint (18)
Process completed with exit code 1.
|
src/components/molecules/Modal/Modal.test.tsx > <Modal /> > renders:
components/src/components/molecules/Modal/Modal.test.tsx#L14
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 _1jwf1btjtd"
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 _1jwf1btjtd"
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/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 _1jwf1btjtd"
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 _1jwf1btjtd"
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 _1jwf1btk1m _1g7dn39b _1jwf1btjp7 _1jwf1bt4yw _1jwf1bt4yp"
data-testid="step-item-0-inProgress"
/>
<div
class="_1jwf1btdej _1jwf1btd01 _1jwf1btj81 _1jwf1btk1m _1g7dn39b _1jwf1btjp7 _1jwf1bt5eg _1jwf1bt4yp"
data-testid="step-item-1-notStarted"
/>
<div
class="_1jwf1btdej _1jwf1btd01 _1jwf1btj81 _1jwf1btk1m _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 _1jwf1btk1m _1jwf1btjoy _1jwf1bta5j _1jwf1bta71 _1jwf1bta31 _1jwf1btdx1 _1jwf1bt9xs _1jwf1bthfp _1jwf1btjpm _1jwf1btk24 _1jwf1btjrs _1jwf1btjs4 _1jwf1btjra _1jwf1btjtg 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
|
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.test.tsx#L21
Unexpected any. Specify a different type
|
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'
|