feat: finalize immersive dashboard UI refinement #52
GehDocci.yml
on: pull_request
Lint, Type-Check, Test
1h 10m
Build and Deploy
Annotations
5 errors and 1 warning
|
Lint, Type-Check, Test
Process completed with exit code 1.
|
|
src/components/TripViewer.test.tsx > TripViewer > calls onDelete when delete button is clicked:
src/components/TripViewer.test.tsx#L30
TestingLibraryElementError: Unable to find an element with the title: /Remove data entry/i.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex-grow flex flex-col 2xl:grid 2xl:grid-cols-12 2xl:flex-grow 2xl:overflow-hidden bg-base-100 border border-base-300"
>
<div
class="order-1 2xl:order-2 2xl:col-span-8 bg-base-300/10 relative min-h-[400px] max-h-[50vh] 2xl:max-h-none 2xl:min-h-0 aspect-video 2xl:aspect-auto border-b 2xl:border-b-0 border-base-300"
>
<div
class="absolute inset-0 flex flex-col"
>
<div
class="flex-grow bg-base-300/30 overflow-hidden relative"
>
<iframe
allowfullscreen=""
class="w-full h-full border-0"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps?saddr=Tokyo&daddr=Kyoto&output=embed"
/>
<a
class="btn btn-secondary absolute bottom-6 2xl:bottom-10 left-1/2 -translate-x-1/2 gap-3 shadow-2xl opacity-90 hover:opacity-100 transition-all border-none scale-100 2xl:scale-110 px-8 2xl:px-12 z-10"
href="https://www.google.com/maps/dir/Tokyo/Kyoto/"
rel="noreferrer"
target="_blank"
>
<svg
class="w-5 h-5"
fill="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M11.54 22.351l.07.04.028.016a.76.76 0 00.723 0l.028-.015.071-.041a16.975 16.975 0 001.144-.742 19.58 19.58 0 002.683-2.282c1.944-1.99 3.963-4.98 3.963-8.827a8.25 8.25 0 00-16.5 0c0 3.846 2.02 6.837 3.963 8.827a19.58 19.58 0 002.683 2.282 16.975 16.975 0 001.144.742zM12 13.5a3 3 0 100-6 3 3 0 000 6z"
fill-rule="evenodd"
/>
</svg>
Open Detailed Route
</a>
</div>
</div>
</div>
<div
class="order-2 2xl:order-1 2xl:col-span-4 flex flex-col 2xl:border-r border-base-300 min-h-0"
>
<div
class="bg-base-200/50 px-6 py-5 border-b border-base-300 flex justify-between items-center flex-none"
>
<div
class="flex flex-col"
>
<span
class="text-xs uppercase tracking-widest font-black text-primary/80"
>
Arrival Details
</span>
<h2
class="text-base font-bold text-base-content/80 truncate"
>
Destination
</h2>
</div>
<button
class="btn btn-ghost btn-sm btn-circle text-error/40 hover:text-error transition-colors"
title="Remove trip"
>
<svg
class="w-5 h-5"
fill="none"
height="1em"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<polyline
points="3 6 5 6 21 6"
/>
<path
d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
/>
<line
x1="10"
x2="10"
y1="11"
y2="17"
/>
<line
x1="14"
x2="14"
y1="11"
y2="17"
/>
</svg>
</button>
</div>
<div
class="2xl:flex-grow 2xl:overflow-y-auto p-6 2xl:p-10 custom-scrollbar bg-base-100"
>
<div
class="mb-8"
>
<span
class="text-xs uppercase font-bold text-base-content/50 tracking-wider"
>
Dep
|
|
src/components/GenerationForm.test.tsx > GenerationForm > shows loading state and disables textarea/button:
src/components/GenerationForm.test.tsx#L62
TestingLibraryElementError: Unable to find an element with the placeholder text of: /Ex: A 4-day hike itinerary/i
Ignored nodes: comments, script, style
<body>
<div>
<div
class="bg-base-100 shadow-sm border-b border-base-200 p-4 sticky top-0 z-20"
>
<div
class="flex flex-col gap-2"
>
<label
class="label py-0 px-1"
>
<span
class="label-text text-xs font-black uppercase tracking-widest text-base-content/60 flex items-center gap-2"
>
<svg
class="text-primary w-4 h-4"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 512 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M408 64H104a56.16 56.16 0 0 0-56 56v192a56.16 56.16 0 0 0 56 56h40v80l93.72-78.14a8 8 0 0 1 5.13-1.86H408a56.16 56.16 0 0 0 56-56V120a56.16 56.16 0 0 0-56-56z"
fill="none"
stroke-linejoin="round"
stroke-width="32"
/>
<circle
cx="160"
cy="216"
r="32"
/>
<circle
cx="256"
cy="216"
r="32"
/>
<circle
cx="352"
cy="216"
r="32"
/>
</svg>
Plan your journey
</span>
</label>
<div
class="relative group"
>
<textarea
class="textarea textarea-bordered w-full min-h-[85px] max-h-[120px] focus:outline-none text-base resize-none leading-relaxed pr-44 pt-4 pb-4 transition-all focus:border-primary/50 shadow-inner"
disabled=""
placeholder="Ex: From Paris to Mont Saint-Michel..."
>
Processing
</textarea>
<div
class="absolute bottom-3 right-3 flex items-center gap-2"
>
<button
class="btn btn-primary px-8 shadow-xl transition-transform active:scale-95"
disabled=""
>
<span
class="loading loading-spinner"
/>
</button>
</div>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/GenerationForm.test.tsx:62:29
|
|
src/components/GenerationForm.test.tsx > GenerationForm > calls onPromptChange when textarea changes:
src/components/GenerationForm.test.tsx#L33
TestingLibraryElementError: Unable to find an element with the placeholder text of: /Ex: A 4-day hike itinerary/i
Ignored nodes: comments, script, style
<body>
<div>
<div
class="bg-base-100 shadow-sm border-b border-base-200 p-4 sticky top-0 z-20"
>
<div
class="flex flex-col gap-2"
>
<label
class="label py-0 px-1"
>
<span
class="label-text text-xs font-black uppercase tracking-widest text-base-content/60 flex items-center gap-2"
>
<svg
class="text-primary w-4 h-4"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 512 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M408 64H104a56.16 56.16 0 0 0-56 56v192a56.16 56.16 0 0 0 56 56h40v80l93.72-78.14a8 8 0 0 1 5.13-1.86H408a56.16 56.16 0 0 0 56-56V120a56.16 56.16 0 0 0-56-56z"
fill="none"
stroke-linejoin="round"
stroke-width="32"
/>
<circle
cx="160"
cy="216"
r="32"
/>
<circle
cx="256"
cy="216"
r="32"
/>
<circle
cx="352"
cy="216"
r="32"
/>
</svg>
Plan your journey
</span>
</label>
<div
class="relative group"
>
<textarea
class="textarea textarea-bordered w-full min-h-[85px] max-h-[120px] focus:outline-none text-base resize-none leading-relaxed pr-44 pt-4 pb-4 transition-all focus:border-primary/50 shadow-inner"
placeholder="Ex: From Paris to Mont Saint-Michel..."
/>
<div
class="absolute bottom-3 right-3 flex items-center gap-2"
>
<button
class="btn btn-primary px-8 shadow-xl transition-transform active:scale-95"
disabled=""
>
<svg
class="w-5 h-5 mr-2"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 512 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m476.59 227.05-.16-.07L49.35 49.84A23.56 23.56 0 0 0 27.14 52 24.65 24.65 0 0 0 16 72.59v113.29a24 24 0 0 0 19.52 23.57l232.93 43.07a4 4 0 0 1 0 7.86L35.53 303.45A24 24 0 0 0 16 327v113.31A23.57 23.57 0 0 0 26.59 460a23.94 23.94 0 0 0 13.22 4 24.55 24.55 0 0 0 9.52-1.93L476.4 285.94l.19-.09a32 32 0 0 0 0-58.8z"
/>
</svg>
Plan Trip
</button>
</div>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/GenerationForm.test.tsx:33:29
|
|
src/components/GenerationForm.test.tsx > GenerationForm > renders correctly with initial props:
src/components/GenerationForm.test.tsx#L16
TestingLibraryElementError: Unable to find an element with the placeholder text of: /Ex: A 4-day hike itinerary/i
Ignored nodes: comments, script, style
<body>
<div>
<div
class="bg-base-100 shadow-sm border-b border-base-200 p-4 sticky top-0 z-20"
>
<div
class="flex flex-col gap-2"
>
<label
class="label py-0 px-1"
>
<span
class="label-text text-xs font-black uppercase tracking-widest text-base-content/60 flex items-center gap-2"
>
<svg
class="text-primary w-4 h-4"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 512 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M408 64H104a56.16 56.16 0 0 0-56 56v192a56.16 56.16 0 0 0 56 56h40v80l93.72-78.14a8 8 0 0 1 5.13-1.86H408a56.16 56.16 0 0 0 56-56V120a56.16 56.16 0 0 0-56-56z"
fill="none"
stroke-linejoin="round"
stroke-width="32"
/>
<circle
cx="160"
cy="216"
r="32"
/>
<circle
cx="256"
cy="216"
r="32"
/>
<circle
cx="352"
cy="216"
r="32"
/>
</svg>
Plan your journey
</span>
</label>
<div
class="relative group"
>
<textarea
class="textarea textarea-bordered w-full min-h-[85px] max-h-[120px] focus:outline-none text-base resize-none leading-relaxed pr-44 pt-4 pb-4 transition-all focus:border-primary/50 shadow-inner"
placeholder="Ex: From Paris to Mont Saint-Michel..."
>
Initial prompt
</textarea>
<div
class="absolute bottom-3 right-3 flex items-center gap-2"
>
<button
class="btn btn-primary px-8 shadow-xl transition-transform active:scale-95"
>
<svg
class="w-5 h-5 mr-2"
fill="currentColor"
height="1em"
stroke="currentColor"
stroke-width="0"
viewBox="0 0 512 512"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m476.59 227.05-.16-.07L49.35 49.84A23.56 23.56 0 0 0 27.14 52 24.65 24.65 0 0 0 16 72.59v113.29a24 24 0 0 0 19.52 23.57l232.93 43.07a4 4 0 0 1 0 7.86L35.53 303.45A24 24 0 0 0 16 327v113.31A23.57 23.57 0 0 0 26.59 460a23.94 23.94 0 0 0 13.22 4 24.55 24.55 0 0 0 9.52-1.93L476.4 285.94l.19-.09a32 32 0 0 0 0-58.8z"
/>
</svg>
Plan Trip
</button>
</div>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/GenerationForm.test.tsx:16:29
|
|
Lint, Type-Check, Test
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/checkout@v4, actions/setup-node@v4. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|