fix(carousel): seamless circular transition between last and first slides #1691
ci.yml
on: pull_request
💅 Format
34s
🕵 Lint
40s
✅ Typecheck
49s
🔬 Test
44s
🧰 Build
1m 36s
Annotations
12 errors and 12 warnings
|
components/Carousel/Carousel.test.tsx > Components / Carousel > should change slide via click on control:
packages/ui/src/components/Carousel/Carousel.tsx#L156
TypeError: container.scrollTo is not a function
❯ components/Carousel/Carousel.tsx:156:19
❯ components/Carousel/Carousel.tsx:191:100
❯ components/Carousel/Carousel.test.tsx:14:6
|
|
components/Carousel/Carousel.test.tsx > Components / Carousel > should change slide via click on control:
packages/ui/src/components/Carousel/Carousel.test.tsx#L63
Error: expect(element).toHaveClass("bg-white dark:bg-gray-800")
Expected the element to have class:
bg-white dark:bg-gray-800
Received:
h-3 w-3 rounded-full bg-white/50 hover:bg-white dark:bg-gray-800/50 dark:hover:bg-gray-800
❯ components/Carousel/Carousel.test.tsx:63:37
|
|
components/Carousel/Carousel.test.tsx > Components / Carousel > should render custom controls:
packages/ui/src/components/Carousel/Carousel.tsx#L156
TypeError: container.scrollTo is not a function
❯ components/Carousel/Carousel.tsx:156:19
❯ components/Carousel/Carousel.tsx:191:100
❯ components/Carousel/Carousel.test.tsx:14:6
|
|
components/Carousel/Carousel.test.tsx > Components / Carousel > should change slide via click on indicator:
packages/ui/src/components/Carousel/Carousel.tsx#L156
TypeError: container.scrollTo is not a function
❯ components/Carousel/Carousel.tsx:156:19
❯ components/Carousel/Carousel.tsx:191:100
❯ components/Carousel/Carousel.test.tsx:14:6
|
|
components/Carousel/Carousel.test.tsx > Components / Carousel > should change slide via click on indicator:
packages/ui/src/components/Carousel/Carousel.test.tsx#L40
Error: expect(element).toHaveClass("bg-white dark:bg-gray-800")
Expected the element to have class:
bg-white dark:bg-gray-800
Received:
h-3 w-3 rounded-full bg-white/50 hover:bg-white dark:bg-gray-800/50 dark:hover:bg-gray-800
❯ components/Carousel/Carousel.test.tsx:40:37
|
|
components/Carousel/Carousel.test.tsx > Components / Carousel > should render without indicators:
packages/ui/src/components/Carousel/Carousel.tsx#L156
TypeError: container.scrollTo is not a function
❯ components/Carousel/Carousel.tsx:156:19
❯ components/Carousel/Carousel.tsx:191:100
❯ components/Carousel/Carousel.test.tsx:14:6
|
|
components/Carousel/Carousel.test.tsx > Components / Carousel > should render without indicators:
packages/ui/src/components/Carousel/Carousel.test.tsx#L34
AssertionError: expected [ <button …(3)></button>, …(4) ] to have a length of +0 but got 5
- Expected
+ Received
- 0
+ 5
❯ components/Carousel/Carousel.test.tsx:34:59
|
|
components/Carousel/Carousel.test.tsx > Components / Carousel > should render and show first item:
packages/ui/src/components/Carousel/Carousel.tsx#L156
TypeError: container.scrollTo is not a function
❯ components/Carousel/Carousel.tsx:156:19
❯ components/Carousel/Carousel.tsx:191:100
❯ components/Carousel/Carousel.test.tsx:14:6
|
|
components/Carousel/Carousel.test.tsx > Components / Carousel > should render and show first item:
packages/ui/src/components/Carousel/Carousel.test.tsx#L22
Error: expect(element).toHaveAttribute("data-active", "true") // element.getAttribute("data-active") === "true"
Expected the element to have attribute:
data-active="true"
Received:
data-active="false"
❯ components/Carousel/Carousel.test.tsx:22:32
|
|
🔬 Test
flowbite-react#test:coverage: command (/home/runner/work/flowbite-react/flowbite-react/packages/ui) /home/runner/.bun/bin/bun run test:coverage exited (1)
|
|
💅 Format
Process completed with exit code 1.
|
|
💅 Format
flowbite-react#format:check: command (/home/runner/work/flowbite-react/flowbite-react/packages/ui) /home/runner/.bun/bin/bun run format:check exited (1)
|
|
🕵 Lint
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v4, actions/setup-node@v4. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|
|
🕵 Lint:
packages/ui/src/components/Tooltip/theme.ts#L4
Classname '-4px' is not a Tailwind CSS class!
|
|
🕵 Lint:
packages/ui/src/components/Sidebar/theme.ts#L4
Classname 'dark:bg-light-900' is not a Tailwind CSS class!
|
|
🕵 Lint:
packages/ui/src/components/Sidebar/theme.ts#L4
Classname 'bg-light-50' is not a Tailwind CSS class!
|
|
🕵 Lint:
packages/ui/src/components/Sidebar/theme.ts#L4
Classname 'dark:bg-dark-900' is not a Tailwind CSS class!
|
|
🕵 Lint:
packages/ui/src/components/Sidebar/theme.ts#L4
Classname 'bg-dark-50' is not a Tailwind CSS class!
|
|
🕵 Lint:
packages/ui/src/components/Popover/theme.ts#L4
Classname '-4px' is not a Tailwind CSS class!
|
|
🕵 Lint:
packages/ui/src/components/Dropdown/theme.ts#L4
Classname '-4px' is not a Tailwind CSS class!
|
|
🔬 Test
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v4, actions/setup-node@v4. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|
|
💅 Format
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v4, actions/setup-node@v4. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|
|
✅ Typecheck
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v4, actions/setup-node@v4. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|
|
🧰 Build
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v4, actions/setup-node@v4. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|