ui(chat links): set buttons all on one line with scroll #1822
Annotations
5 errors and 1 warning
Unhandled error:
src/features/Chat/Chat.test.tsx#L229
TestingLibraryElementError: Unable to find an element with the text: gpt-3.5-turbo. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="radix-themes"
data-accent-color="indigo"
data-gray-color="slate"
data-has-background="true"
data-is-root-theme="true"
data-panel-background="translucent"
data-radius="medium"
data-scaling="100%"
>
<div
class="rt-Flex rt-r-fd-column rt-r-jc-space-between rt-r-px-1 rt-r-w rt-r-oy-auto rt-r-fg-1"
role="presentation"
style="--width: 100%;"
>
<div
class="rt-ScrollAreaRoot _vertical_fab8e9"
dir="ltr"
style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px; flex-grow: 1; height: auto;"
>
<div
class="rt-ScrollAreaViewport"
data-radix-scroll-area-viewport=""
style="overflow-x: scroll; overflow-y: scroll;"
>
<div
style="min-width: 100%; display: table;"
>
<div
class="rt-Flex rt-r-fd-column rt-r-gap-1 rt-r-p-2 _content_07f787"
>
<div
class="rt-Container rt-r-size-4 rt-r-pt-1 rt-r-position-relative"
>
<div
class="rt-ContainerInner"
>
<div
class="rt-Flex rt-r-fd-row rt-r-ai-center rt-r-gap-2 rt-r-my-1"
>
<div
class="rt-reset rt-BaseButton rt-r-size-4 rt-variant-soft rt-Button _userInput_07f787"
data-accent-color=""
>
<div
class="rt-Text rt-r-size-2 rt-r-tw-balance _break_word_07f787"
>
hello
</div>
<div
class="rt-Text rt-r-size-2 rt-r-tw-balance _break_word_07f787"
/>
</div>
<button
class="rt-reset rt-BaseButton rt-r-size-2 rt-variant-soft rt-IconButton"
data-accent-color=""
style="opacity: 0; visibility: hidden; transition: opacity 0.15s, visibility 0.15s;"
title="Edit message"
>
<svg
fill="none"
height="15"
viewBox="0 0 15 15"
width="15"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M12.1464 1.14645C12.3417 0.951184 12.6583 0.951184 12.8535 1.14645L14.8535 3.14645C15.0488 3.34171 15.0488 3.65829 14.8535 3.85355L10.9109 7.79618C10.8349 7.87218 10.7471 7.93543 10.651 7.9835L6.72359 9.94721C6.53109 10.0435 6.29861 10.0057 6.14643 9.85355C5.99425 9.70137 5.95652 9.46889 6.05277 9.27639L8.01648 5.34897C8.06455 5.25283 8.1278 5.16507 8.2038 5.08907L12.1464 1.14645ZM12.5 2.20711L8.91091 5.79618L7.87266 7.87267L8.12731 8.12732L10.2038 7.08907L13.7929 3.5L12.5 2.20711ZM9.99998 2L8.99998 3H4.9C4.47171 3 4.18056 3.00039 3.95552 3.01877C3.73631 3.03668 3.62421 3.06915 3.54601 3.10899C3.35785 3.20487 3.20487 3.35785 3.10899 3.54601C3.06915 3.62421 3.03669 3.73631 3.01878 3.95552C3.00039 4.18056 3 4.47171 3 4.9V11.1C3 11.5283 3.00039 11.8194 3.01878 12.0445C3.03669 12.2637 3.06915 12.3758 3.10899 12.454C3.20487 12.6422 3.35785 12.7951 3.54601 12.891C3.62421 12.9309 3.73631 12.9633 3.95552 12.9812C4.18056 12.9996 4.47171 13 4.9 13H11.1C11.5283 13 11.8194 12.9996 12.0445 12.9812C12.2637 12.9633 12.3758 12.9309 12.454 12.891C12.6422 12.7
|
build (lts/*)
Process completed with exit code 1.
|
build (latest)
The job was canceled because "lts__" failed.
|
Unhandled error:
src/features/Chat/Chat.test.tsx#L229
TestingLibraryElementError: Unable to find an element with the text: gpt-3.5-turbo. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="radix-themes"
data-accent-color="indigo"
data-gray-color="slate"
data-has-background="true"
data-is-root-theme="true"
data-panel-background="translucent"
data-radius="medium"
data-scaling="100%"
>
<div
class="rt-Flex rt-r-fd-column rt-r-jc-space-between rt-r-px-1 rt-r-w rt-r-oy-auto rt-r-fg-1"
role="presentation"
style="--width: 100%;"
>
<div
class="rt-ScrollAreaRoot _vertical_fab8e9"
dir="ltr"
style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px; flex-grow: 1; height: auto;"
>
<div
class="rt-ScrollAreaViewport"
data-radix-scroll-area-viewport=""
style="overflow-x: scroll; overflow-y: scroll;"
>
<div
style="min-width: 100%; display: table;"
>
<div
class="rt-Flex rt-r-fd-column rt-r-gap-1 rt-r-p-2 _content_07f787"
>
<div
class="rt-Flex rt-r-fd-column rt-r-gap-4"
>
<span
class="rt-Text"
>
Welcome to Refact chat.
</span>
<span
class="rt-Text"
>
💡
<b>
Tip of the day
</b>
:
</span>
</div>
<div
class="rt-Container rt-r-size-4 rt-r-py-4"
>
<div
class="rt-ContainerInner"
>
<pre
class="rt-Text _spinner_83c47e"
/>
</div>
</div>
</div>
<div
class="rt-Box"
style="position: absolute; bottom: 0px; max-width: 100%; z-index: -1;"
>
<div
class="rt-ScrollAreaRoot"
dir="ltr"
style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px;"
>
<div
class="rt-ScrollAreaViewport"
data-radix-scroll-area-viewport=""
style="overflow-x: scroll; overflow-y: scroll;"
>
<div
style="min-width: 100%; display: table;"
>
<div
class="rt-Flex rt-r-ai-start rt-r-gap-3 rt-r-pb-4"
/>
</div>
</div>
<div
class="rt-ScrollAreaViewportFocusRing"
/>
</div>
</div>
</div>
</div>
<div
class="rt-ScrollAreaViewportFocusRing"
/>
</div>
<div
class="rt-reset rt-BaseCard rt-Card rt-r-size-1 rt-variant-surface rt-r-mt-1"
style="flex-shrink: 0; position: static;"
>
<div
class="rt-Flex"
style="flex-direction: column; align-self: stretch; flex: 1; width: 100%;"
>
<div
class="rt-Box rt-r-mt-1 _chatForm_4e3f2e"
>
<div
class="rt-ScrollAreaRoot _vertical_fab8e9"
dir="ltr"
style="position: relative; --radix-scroll-area-corner-width: 0px; --radix-scroll-area-corner-height: 0px;"
>
<div
class="rt-S
|
build (latest)
The operation was canceled.
|
build (lts/*)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|