Merge pull request #378 from objectstack-ai/copilot/fix-action-step-e… #434
hotlongchangeset-release.yml
on: push
Changeset Release
5m 7s
Annotations
10 errors
|
src/__tests__/ObjectForm.test.tsx > ObjectForm with MSW Integration > Field Types > should render number input for number fields:
apps/console/src/__tests__/ObjectForm.test.tsx#L377
TestingLibraryElementError: Found a label with the text of: /Priority/i, however no form control was found associated to that label. Make sure you're using the "for" attribute or "aria-labelledby" attribute correctly.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-full"
>
<form
data-obj-type="form"
fields="[object Object],[object Object],[object Object]"
layout="vertical"
>
<div
class="space-y-4"
>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_1s_-form-item"
>
Name
<span
aria-label="required"
class="text-destructive ml-1"
>
*
</span>
</label>
<input
aria-describedby="_r_1s_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
id="_r_1s_-form-item"
name="name"
schema="[object Object]"
type="text"
value=""
/>
</div>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_1t_-form-item"
>
Email
</label>
<input
aria-describedby="_r_1t_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
id="_r_1t_-form-item"
name="email"
placeholder="email@example.com"
schema="[object Object]"
type="email"
value=""
/>
</div>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_1u_-form-item"
>
Priority
</label>
<button
aria-autocomplete="none"
aria-controls="radix-_r_1v_"
aria-expanded="false"
class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1"
data-state="closed"
dir="ltr"
role="combobox"
type="button"
>
<span
style="pointer-events: none;"
/>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down h-4 w-4 opacity-50"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
|
|
src/__tests__/ObjectForm.test.tsx > ObjectForm with MSW Integration > Edit Mode > should load existing contact data:
apps/console/src/__tests__/ObjectForm.test.tsx#L243
TestingLibraryElementError: Unable to find a label with the text of: /Company/i
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-full"
>
<form
data-obj-type="form"
fields="[object Object],[object Object]"
layout="vertical"
>
<div
class="space-y-4"
>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_1i_-form-item"
>
Name
<span
aria-label="required"
class="text-destructive ml-1"
>
*
</span>
</label>
<input
aria-describedby="_r_1i_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
id="_r_1i_-form-item"
name="name"
schema="[object Object]"
type="text"
value="Alice Johnson"
/>
</div>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_1j_-form-item"
>
Email
</label>
<input
aria-describedby="_r_1j_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
id="_r_1j_-form-item"
name="email"
placeholder="email@example.com"
schema="[object Object]"
type="email"
value="alice@example.com"
/>
</div>
</div>
<div
class="flex gap-2 justify-start mt-6"
>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
type="button"
>
Cancel
</button>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2"
type="submit"
>
Update
</button>
</div>
</form>
</div>
</div>
</body>
❯ Object.getElementError ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:37:19
❯ getAllByLabelText ../../node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
❯ ../../node_modules/.pnpm/@testing
|
|
src/__tests__/ObjectForm.test.tsx > ObjectForm with MSW Integration > Create Mode > should apply default values:
apps/console/src/__tests__/ObjectForm.test.tsx#L214
AssertionError: expected 'Medium' to be 5 // Object.is equality
- Expected:
5
+ Received:
"Medium"
❯ src/__tests__/ObjectForm.test.tsx:214:39
|
|
src/__tests__/ObjectForm.test.tsx > ObjectForm with MSW Integration > Create Mode > should create a new contact successfully:
apps/console/src/__tests__/ObjectForm.test.tsx#L131
TestingLibraryElementError: Unable to find a label with the text of: /Company/i
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-full"
>
<form
data-obj-type="form"
fields="[object Object],[object Object],[object Object]"
layout="vertical"
>
<div
class="space-y-4"
>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_14_-form-item"
>
Name
<span
aria-label="required"
class="text-destructive ml-1"
>
*
</span>
</label>
<input
aria-describedby="_r_14_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
id="_r_14_-form-item"
name="name"
schema="[object Object]"
type="text"
value="Test User"
/>
</div>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_15_-form-item"
>
Email
</label>
<input
aria-describedby="_r_15_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
id="_r_15_-form-item"
name="email"
placeholder="email@example.com"
schema="[object Object]"
type="email"
value="test@example.com"
/>
</div>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_16_-form-item"
>
Phone
</label>
<input
aria-describedby="_r_16_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
id="_r_16_-form-item"
name="phone"
schema="[object Object]"
type="text"
value="+1234567890"
/>
</div>
</div>
<div
class="flex gap-2 justify-start mt-6"
>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-fo
|
|
src/__tests__/ObjectForm.test.tsx > ObjectForm with MSW Integration > Create Mode > should render create form with all fields:
apps/console/src/__tests__/ObjectForm.test.tsx#L98
TestingLibraryElementError: Unable to find a label with the text of: /Company/i
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-full"
>
<form
data-obj-type="form"
fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
layout="vertical"
>
<div
class="space-y-4"
>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_o_-form-item"
>
Name
<span
aria-label="required"
class="text-destructive ml-1"
>
*
</span>
</label>
<input
aria-describedby="_r_o_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
id="_r_o_-form-item"
name="name"
schema="[object Object]"
type="text"
value=""
/>
</div>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_p_-form-item"
>
Email
</label>
<input
aria-describedby="_r_p_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
id="_r_p_-form-item"
name="email"
placeholder="email@example.com"
schema="[object Object]"
type="email"
value=""
/>
</div>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_q_-form-item"
>
Phone
</label>
<input
aria-describedby="_r_q_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
id="_r_q_-form-item"
name="phone"
schema="[object Object]"
type="text"
value=""
/>
</div>
<div
class="space-y-2"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
for="_r_r_-form-item"
>
Title
</label>
<input
aria-describedby="_r_r_-form-item-description"
aria-invalid="false"
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-backgroun
|
|
src/__tests__/BrowserSimulation.test.tsx > Console Application Simulation > Grid Scenario A: Grid Rendering and Actions:
apps/console/src/__tests__/BrowserSimulation.test.tsx#L270
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/New Kitchen Sink/i`
Here are the accessible roles:
list:
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ol
class="flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5"
/>
--------------------------------------------------
listitem:
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="items-center gap-1.5 hidden md:block"
/>
Name "":
<li
class="inline-flex items-center gap-1.5"
/>
--------------------------------------------------
button:
Name "CRM 3 Apps Available":
<button
aria-expanded="false"
aria-haspopup="menu"
class="peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-12 text-sm group-data-[collapsible=icon]:!p-0 data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
data-active="false"
data-sidebar="menu-button"
data-size="lg"
data-state="closed"
id="radix-_r_36_"
type="button"
/>
Name "Sales":
<button
aria-controls="radix-_r_3d_"
aria-expanded="true"
class="flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 flex w-full items-center justify-between"
data-sidebar="group-label"
data-state="open"
type="button"
/>
Name "ME John Doe admin@example.com":
<button
aria-expanded="false"
aria-haspopup="menu"
class="peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 [&>span:last-chi
|
|
src/__tests__/BrowserSimulation.test.tsx > Console Application Simulation > Form Scenario B: Metadata-Driven Form Generation:
apps/console/src/__tests__/BrowserSimulation.test.tsx#L246
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/New Kitchen Sink/i`
Here are the accessible roles:
list:
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ol
class="flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5"
/>
--------------------------------------------------
listitem:
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="items-center gap-1.5 hidden md:block"
/>
Name "":
<li
class="inline-flex items-center gap-1.5"
/>
--------------------------------------------------
button:
Name "CRM 3 Apps Available":
<button
aria-expanded="false"
aria-haspopup="menu"
class="peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-12 text-sm group-data-[collapsible=icon]:!p-0 data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
data-active="false"
data-sidebar="menu-button"
data-size="lg"
data-state="closed"
id="radix-_r_2l_"
type="button"
/>
Name "Sales":
<button
aria-controls="radix-_r_2s_"
aria-expanded="true"
class="flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 flex w-full items-center justify-between"
data-sidebar="group-label"
data-state="open"
type="button"
/>
Name "ME John Doe admin@example.com":
<button
aria-expanded="false"
aria-haspopup="menu"
class="peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 [&>span:last-chi
|
|
src/__tests__/BrowserSimulation.test.tsx > Console Application Simulation > Scenario 5: Report Rendering (Report Page):
apps/console/src/__tests__/BrowserSimulation.test.tsx#L220
TestingLibraryElementError: Found multiple elements with the text: Sales
Here are the matching elements:
Ignored nodes: comments, script, style
<button
aria-controls="radix-_r_2b_"
aria-expanded="true"
class="flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 flex w-full items-center justify-between"
data-sidebar="group-label"
data-state="open"
type="button"
>
Sales
<svg
aria-hidden="true"
class="lucide lucide-chevron-right ml-auto transition-transform rotate-90"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m9 18 6-6-6-6"
/>
</svg>
</button>
Ignored nodes: comments, script, style
<th
class="px-6 py-3"
>
Sales
</th>
(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="group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar"
style="--sidebar-width: 16rem; --sidebar-width-icon: 3rem;"
>
<div
class="group peer hidden text-sidebar-foreground md:block"
data-collapsible=""
data-side="left"
data-state="expanded"
data-variant="sidebar"
>
<div
class="relative w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180 group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
/>
<div
class="fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear md:flex left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)] group-data-[side=left]:border-r group-data-[side=right]:border-l"
>
<div
class="flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
data-sidebar="sidebar"
>
<div
class="flex flex-col gap-2 p-2"
data-sidebar="header"
>
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
>
<li
class="group/menu-item relative"
data-sidebar="menu-item"
>
<button
aria-expanded="false"
aria-haspopup="menu"
class="peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-12 text-sm group-data-[collapsible=icon]:!p-0 data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
data-active="false"
data-sidebar="menu-butt
|
|
src/__tests__/BrowserSimulation.test.tsx > Console Application Simulation > Scenario 4: Object Create Form (All Field Types):
apps/console/src/__tests__/BrowserSimulation.test.tsx#L172
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/New Kitchen Sink/i`
Here are the accessible roles:
list:
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ol
class="flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5"
/>
--------------------------------------------------
listitem:
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="items-center gap-1.5 hidden md:block"
/>
Name "":
<li
class="inline-flex items-center gap-1.5"
/>
--------------------------------------------------
button:
Name "CRM 3 Apps Available":
<button
aria-expanded="false"
aria-haspopup="menu"
class="peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-12 text-sm group-data-[collapsible=icon]:!p-0 data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
data-active="false"
data-sidebar="menu-button"
data-size="lg"
data-state="closed"
id="radix-_r_1j_"
type="button"
/>
Name "Sales":
<button
aria-controls="radix-_r_1q_"
aria-expanded="true"
class="flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 flex w-full items-center justify-between"
data-sidebar="group-label"
data-state="open"
type="button"
/>
Name "ME John Doe admin@example.com":
<button
aria-expanded="false"
aria-haspopup="menu"
class="peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 [&>span:last-chi
|
|
src/__tests__/BrowserSimulation.test.tsx > Console Application Simulation > Scenario 3: Object List View (Kitchen Sink):
apps/console/src/__tests__/BrowserSimulation.test.tsx#L148
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/New Kitchen Sink/i`
Here are the accessible roles:
list:
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ul
class="flex w-full min-w-0 flex-col gap-1"
data-sidebar="menu"
/>
Name "":
<ol
class="flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5"
/>
--------------------------------------------------
listitem:
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="group/menu-item relative"
data-sidebar="menu-item"
/>
Name "":
<li
class="items-center gap-1.5 hidden md:block"
/>
Name "":
<li
class="inline-flex items-center gap-1.5"
/>
--------------------------------------------------
button:
Name "CRM 3 Apps Available":
<button
aria-expanded="false"
aria-haspopup="menu"
class="peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-12 text-sm group-data-[collapsible=icon]:!p-0 data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
data-active="false"
data-sidebar="menu-button"
data-size="lg"
data-state="closed"
id="radix-_r_12_"
type="button"
/>
Name "Sales":
<button
aria-controls="radix-_r_19_"
aria-expanded="true"
class="flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 flex w-full items-center justify-between"
data-sidebar="group-label"
data-state="open"
type="button"
/>
Name "ME John Doe admin@example.com":
<button
aria-expanded="false"
aria-haspopup="menu"
class="peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 [&>span:last-chi
|