Chore: Refactor tool indexing #1517
Annotations
3 errors
app/components/tools/__tests__/ToolCatalog.test.tsx > ToolCatalog > No setup option in tooltip if tool does not need oauth configuration:
ui/admin/app/components/tools/__tests__/ToolCatalog.test.tsx#L25
TestingLibraryElementError: Found multiple elements with the text: Browser
Here are the matching elements:
Ignored nodes: comments, script, style
<div
aria-hidden="true"
cmdk-group-heading=""
id="radix-:r4:"
>
Browser
</div>
Ignored nodes: comments, script, style
<span
class="flex items-center"
>
<img
alt="Browser"
class="mr-2 h-4 w-4 dark:invert"
src="https://www.mock.com/assets/browser_icon.svg"
/>
Browser
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex overflow-hidden rounded-md bg-popover text-popover-foreground h-full w-full border flex-col"
cmdk-root=""
tabindex="-1"
>
<label
cmdk-label=""
for="radix-:r2:"
id="radix-:r1:"
style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px;"
/>
<div
class="flex items-center border-b px-3"
cmdk-input-wrapper=""
>
<svg
class="mr-2 h-4 w-4 shrink-0 opacity-50"
fill="none"
height="15"
viewBox="0 0 15 15"
width="15"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
<input
aria-autocomplete="list"
aria-controls="radix-:r0:"
aria-expanded="true"
aria-labelledby="radix-:r1:"
autocomplete="off"
autocorrect="off"
class="flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
cmdk-input=""
id="radix-:r2:"
placeholder="Search tools..."
role="combobox"
spellcheck="false"
type="text"
value=""
/>
</div>
<div
class="border-t shadow-2xl"
/>
<div
aria-label="Suggestions"
class="overflow-y-auto overflow-x-hidden max-h-full py-2"
cmdk-list=""
id="radix-:r0:"
role="listbox"
>
<div
cmdk-list-sizer=""
>
<div
class="overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground"
cmdk-group=""
data-value="Browser"
role="presentation"
>
<div
aria-hidden="true"
cmdk-group-heading=""
id="radix-:r4:"
>
Browser
</div>
<div
aria-labelledby="radix-:r4:"
cmdk-group-items=""
role="group"
>
<div
aria-disabled="false"
aria-selected="true"
class="relative flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 cursor-pointer"
cmdk-item=""
data-disabled="false"
data-selected="true"
data-value="BrowserShow More"
id="radix-:r5:"
role="option"
>
|
app/components/tools/__tests__/ToolCatalog.test.tsx > ToolCatalog > Clicking setup for a tool that needs oauth configuration opens the setup dialog:
ui/admin/app/components/tools/__tests__/ToolCatalog.test.tsx#L36
TestingLibraryElementError: Found multiple elements with the text: Gmail
Here are the matching elements:
Ignored nodes: comments, script, style
<div
aria-hidden="true"
cmdk-group-heading=""
id="radix-:r1e:"
>
Gmail
</div>
Ignored nodes: comments, script, style
<span
class="flex items-center opacity-50"
>
<img
alt="Gmail"
class="mr-2 h-4 w-4 dark:invert"
src="gmail_icon_small.png"
/>
Gmail
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex overflow-hidden rounded-md bg-popover text-popover-foreground h-full w-full border flex-col"
cmdk-root=""
tabindex="-1"
>
<label
cmdk-label=""
for="radix-:r16:"
id="radix-:r15:"
style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px;"
/>
<div
class="flex items-center border-b px-3"
cmdk-input-wrapper=""
>
<svg
class="mr-2 h-4 w-4 shrink-0 opacity-50"
fill="none"
height="15"
viewBox="0 0 15 15"
width="15"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
<input
aria-autocomplete="list"
aria-controls="radix-:r14:"
aria-expanded="true"
aria-labelledby="radix-:r15:"
autocomplete="off"
autocorrect="off"
class="flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
cmdk-input=""
id="radix-:r16:"
placeholder="Search tools..."
role="combobox"
spellcheck="false"
type="text"
value=""
/>
</div>
<div
class="border-t shadow-2xl"
/>
<div
aria-label="Suggestions"
class="overflow-y-auto overflow-x-hidden max-h-full py-2"
cmdk-list=""
id="radix-:r14:"
role="listbox"
>
<div
cmdk-list-sizer=""
>
<div
class="overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground"
cmdk-group=""
data-value="Browser"
role="presentation"
>
<div
aria-hidden="true"
cmdk-group-heading=""
id="radix-:r18:"
>
Browser
</div>
<div
aria-labelledby="radix-:r18:"
cmdk-group-items=""
role="group"
>
<div
aria-disabled="false"
aria-selected="true"
class="relative flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 cursor-pointer"
cmdk-item=""
data-disabled="false"
data-selected="true"
data-value="BrowserShow More"
id="radix-:r19:"
role="option"
>
<div
|
lint
Process completed with exit code 1.
|