Add FileCard component and integrate with ChatInput#116
Open
kuynkank wants to merge 1 commit into
Open
Annotations
2 errors and 1 warning
|
Run pnpm test
Process completed with exit code 1.
|
|
Run pnpm test:
src/components/Chat/FileCard.stories.tsx#L77
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-chat-filecard--remove-interaction&addonPanel=storybook/interactions/panel
Unable to find an accessible element with the role "button" and name `/remove file/i`
Here are the accessible roles:
button:
Name "Remove test-file.pdf":
<button
aria-label="Remove test-file.pdf"
class="shrink-0 p-1 rounded-sm text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<div>
<div
class="flex items-center gap-2 rounded-sm border border-gray-300 bg-white py-2 pl-3 pr-2"
style="max-width: 320px;"
>
<svg
aria-hidden="true"
class="lucide lucide-file shrink-0 text-red-500"
fill="none"
height="20"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"
/>
<path
d="M14 2v4a2 2 0 0 0 2 2h4"
/>
</svg>
<div
class="flex-1 min-w-0"
>
<div
class="truncate text-sm font-semibold text-gray-900"
>
test-file.pdf
</div>
<div
class="text-xs text-gray-700"
>
PDF
•
100.0 KB
</div>
</div>
<button
aria-label="Remove test-file.pdf"
class="shrink-0 p-1 rounded-sm text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-colors"
>
<svg
aria-hidden="true"
class="lucide lucide-x"
fill="none"
height="16"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18 6 6 18"
/>
<path
d="m6 6 12 12"
/>
</svg>
</button>
</div>
</div>
❯ getByRole src/components/Chat/FileCard.stories.tsx:77:32
❯ runStory node_modules/.pnpm/storybook@10.3.6_@testing-library+dom@10.4.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/storybook/dist/_browser-chunks/chunk-SZQXB3JV.js:1325:12
❯ node_modules/.cache/storybook/10.3.6/1b3411d524db2f2d35165fc6094964fd983f5d0d0d28f17ab3feefa0cc53ef6f/sb-vitest/deps/@storybook_addon-vitest_internal_test-utils.js?v=42980e8d:131:184
|
|
Complete job
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 16th, 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/
|
background
wait
wait-all
cancel
parallel
Loading