Skip to content

V1: Vanilla Extract #648

V1: Vanilla Extract

V1: Vanilla Extract #648

Triggered via pull request August 27, 2024 12:49
Status Failure
Total duration 1m 0s
Artifacts

main.yml

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

Annotations

20 errors and 10 warnings
Lint (18): components/src/components/molecules/Dropdown/ActionSheet.tsx#L92
A key must be unique. '{(item as DropdownItemObject).label}' is duplicated
Lint (18): components/src/components/molecules/Dropdown/Dropdown.tsx#L289
A key must be unique. '{value || label}' is duplicated
Lint (18): components/src/components/molecules/PageButtons/PageButtons.tsx#L135
A key must be unique. '{`${value}-${i}`}' is duplicated
Lint (18): components/src/components/molecules/Select/Select.tsx#L948
A key must be unique. '{option.value}' is duplicated
Lint (18): components/src/components/organisms/Dialog/Dialog.tsx#L270
A key must be unique. '{i}' is duplicated
Lint (18): docs/src/components/AdditionalColors/components/PaletteRow.tsx#L70
A key must be unique. '{shade}' is duplicated
Lint (18): docs/src/components/CodeBlock/CodeBlock.tsx#L114
A key must be unique. '{line[0].content}' is duplicated
Lint (18): docs/src/components/CodeBlock/CodeBlock.tsx#L116
A key must be unique. '{token.content}' is duplicated
Lint (18): docs/src/components/Logos/Logos.tsx#L59
A key must be unique. '{item.src}' is duplicated
Lint (18): docs/src/components/Palette/Palette.tsx#L75
A key must be unique. '{label}' is duplicated
Unhandled error: components/src/components/molecules/RadioButton/Radio.test.tsx#L64
AssertionError: promise resolved "undefined" instead of rejecting Expected: "[Error: rejected promise]" Received: "undefined" ❯ Assertion.__VITEST_REJECTS__ ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/expect/dist/index.js:1802:21 ❯ Assertion.propertyGetter ../node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:1466:29 ❯ Object.proxyGetter [as get] ../node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:1550:22 ❯ src/components/molecules/RadioButton/Radio.test.tsx:64:60 ❯ runTest ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:960:11 ❯ runSuite ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1116:15 ❯ runSuite ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1116:15 ❯ runFiles ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1173:5 ❯ startTests ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1182:3 This error originated in "src/components/molecules/RadioButton/Radio.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running. The latest test that might've caused the error is "should pass a ref down". It might mean one of the following: - The error was thrown, while Vitest was running this test. - If the error occurred after the test had been completed, this was the last documented test before it was thrown.
Unhandled error: components/src/components/molecules/Checkbox/Checkbox.test.tsx#L71
AssertionError: promise resolved "undefined" instead of rejecting Expected: "[Error: rejected promise]" Received: "undefined" ❯ Assertion.__VITEST_REJECTS__ ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/expect/dist/index.js:1802:21 ❯ Assertion.propertyGetter ../node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:1466:29 ❯ Object.proxyGetter [as get] ../node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:1550:22 ❯ src/components/molecules/Checkbox/Checkbox.test.tsx:71:5 ❯ runTest ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:960:11 ❯ runSuite ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1116:15 ❯ runSuite ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1116:15 ❯ runFiles ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1173:5 ❯ startTests ../node_modules/.pnpm/@vitest[email protected]/node_modules/@vitest/runner/dist/index.js:1182:3 This error originated in "src/components/molecules/Checkbox/Checkbox.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running. The latest test that might've caused the error is "should pass a ref down". It might mean one of the following: - The error was thrown, while Vitest was running this test. - If the error occurred after the test had been completed, this was the last documented test before it was thrown.
src/components/molecules/Checkbox/Checkbox.test.tsx > <Checkbox /> > should not update when label text is clicked and IS disabled: components/src/components/molecules/Checkbox/Checkbox.test.tsx#L71
AssertionError: promise resolved "undefined" instead of rejecting - Expected: [Error: rejected promise] + Received: undefined ❯ src/components/molecules/Checkbox/Checkbox.test.tsx:71:5
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > renders: components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc') ❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38 ❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13 ❯ 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 ❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7 ❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should show dropdown when clicked: components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc') ❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38 ❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13 ❯ 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 ❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7 ❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should call dropdown item callback when clicked: components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc') ❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38 ❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13 ❯ 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 ❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7 ❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should close if clicking outside of dropdown: components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc') ❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38 ❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13 ❯ 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 ❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7 ❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should close dropdown if button is clicked when open: components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc') ❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38 ❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13 ❯ 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 ❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7 ❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should render custom element when passed in: components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc') ❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38 ❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13 ❯ 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 ❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7 ❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should open and close dropdown when custom button is provided: components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
TypeError: Cannot read properties of undefined (reading 'leftFunc') ❯ Module.getValueForTransitionState src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts:84:38 ❯ src/components/atoms/DynamicPopover/DynamicPopover.tsx:178:13 ❯ 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 ❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7 ❯ recoverFromConcurrentError ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
Lint (18): components/src/components/atoms/Box/Box.tsx#L41
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
Lint (18): components/src/components/atoms/DynamicPopover/DynamicPopover.tsx#L470
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
Lint (18): components/src/components/atoms/Field/Field.tsx#L300
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#L132
Do not call the 'set' function 'setCurrentCount' of 'useState' directly in 'useEffect'
Lint (18): components/src/components/molecules/Dropdown/Dropdown.tsx#L216
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
Lint (18): components/src/components/molecules/Dropdown/Dropdown.tsx#L404
Using 'Children.map' is uncommon and can lead to fragile code. Use alternatives instead
Lint (18): components/src/components/molecules/Dropdown/Dropdown.tsx#L406
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead