Skip to content

V1: Vanilla Extract #700

V1: Vanilla Extract

V1: Vanilla Extract #700

Triggered via pull request November 6, 2024 21:52
Status Failure
Total duration 58s
Artifacts

main.yml

on: pull_request
Matrix: Build
Matrix: Lint
Matrix: Test
Fit to window
Zoom out
Zoom in

Annotations

19 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/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): components/src/components/organisms/Toast/Toast.tsx#L185
Expected indentation of 2 spaces
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/atoms/ScrollBox/ScrollBox.test.tsx > <ScrollBox /> > should only show top line when intersecting with bottom: components/src/components/atoms/ScrollBox/ScrollBox.test.tsx#L52
AssertionError: expected 'visible' to deeply equal 'hidden' Expected: "hidden" Received: "visible" ❯ expectLine src/components/atoms/ScrollBox/ScrollBox.test.tsx:52:16 ❯ src/components/atoms/ScrollBox/ScrollBox.test.tsx:71:5
src/components/atoms/ScrollBox/ScrollBox.test.tsx > <ScrollBox /> > should show nothing when both lines intersecting: components/src/components/atoms/ScrollBox/ScrollBox.test.tsx#L52
AssertionError: expected 'visible' to deeply equal 'hidden' Expected: "hidden" Received: "visible" ❯ expectLine src/components/atoms/ScrollBox/ScrollBox.test.tsx:52:16 ❯ src/components/atoms/ScrollBox/ScrollBox.test.tsx:82:5
src/components/atoms/ScrollBox/ScrollBox.test.tsx > <ScrollBox /> > should show most recent intersection if multiple updates: components/src/components/atoms/ScrollBox/ScrollBox.test.tsx#L52
AssertionError: expected 'visible' to deeply equal 'hidden' Expected: "hidden" Received: "visible" ❯ expectLine src/components/atoms/ScrollBox/ScrollBox.test.tsx:52:16 ❯ src/components/atoms/ScrollBox/ScrollBox.test.tsx:116:5
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should close if clicking outside of dropdown: components/src/components/molecules/Dropdown/Dropdown.test.tsx#L80
AssertionError: expected 'visible' to deeply equal 'hidden' Expected: "hidden" Received: "visible" ❯ src/components/molecules/Dropdown/Dropdown.test.tsx:80:34
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should close dropdown if button is clicked when open: components/src/components/molecules/Dropdown/Dropdown.test.tsx#L95
AssertionError: expected 'visible' to deeply equal 'hidden' Expected: "hidden" Received: "visible" ❯ src/components/molecules/Dropdown/Dropdown.test.tsx:95:34
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should open and close dropdown when custom button is provided: components/src/components/molecules/Dropdown/Dropdown.test.tsx#L123
AssertionError: expected 'visible' to deeply equal 'hidden' Expected: "hidden" Received: "visible" ❯ src/components/molecules/Dropdown/Dropdown.test.tsx:123:34
src/components/molecules/Profile/Profile.test.tsx > <Profile /> > should hide text if size is small: components/src/components/molecules/Profile/Profile.test.tsx#L58
AssertionError: expected 'block' to deeply equal 'none' Expected: "none" Received: "block" ❯ src/components/molecules/Profile/Profile.test.tsx:58:21
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
TestingLibraryElementError: Unable to find an element by: [data-testid="toast-touch"] Ignored nodes: comments, script, style <body> <div /> <div class="toast" /> </body> Ignored nodes: comments, script, style <html> <head /> <body> <div /> <div class="toast" /> </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#L233
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/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'