Process completed with exit code 1.

TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "active" Here are the accessible roles: textbox: Name "": <input 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 pl-8" placeholder="Search..." value="" /> -------------------------------------------------- table: Name "": <table class="w-full caption-bottom text-sm" /> -------------------------------------------------- rowgroup: Name "": <thead class="[&_tr]:border-b sticky top-0 bg-background z-10 shadow-sm" /> Name "": <tbody class="[&_tr:last-child]:border-0" /> -------------------------------------------------- row: Name "# Name Status": <tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted" /> Name "1 Alice ToggleStatus": <tr class="transition-colors data-[state=selected]:bg-muted bg-background border-b border-border/50 hover:bg-muted/30 group/row cursor-pointer" /> Name "2 Bob ToggleStatus": <tr class="transition-colors data-[state=selected]:bg-muted bg-background border-b border-border/50 hover:bg-muted/30 group/row cursor-pointer" /> Name "3 Charlie ToggleStatus": <tr class="transition-colors data-[state=selected]:bg-muted bg-background border-b border-border/50 hover:bg-muted/30 group/row cursor-pointer" /> Name "": <tr class="border-b transition-colors data-[state=selected]:bg-muted hover:bg-transparent" /> Name "": <tr class="border-b transition-colors data-[state=selected]:bg-muted hover:bg-transparent" /> Name "": <tr class="border-b transition-colors data-[state=selected]:bg-muted hover:bg-transparent" /> Name "": <tr class="border-b transition-colors data-[state=selected]:bg-muted hover:bg-transparent" /> Name "": <tr class="border-b transition-colors data-[state=selected]:bg-muted hover:bg-transparent" /> Name "": <tr class="border-b transition-colors data-[state=selected]:bg-muted hover:bg-transparent" /> Name "": <tr class="border-b transition-colors data-[state=selected]:bg-muted hover:bg-transparent" /> -------------------------------------------------- columnheader: Name "#": <th class="h-12 px-4 align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 w-12 bg-background text-center sticky z-20" style="left: 0px;" /> Name "Name": <th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 cursor-pointer select-none group bg-background sticky z-20 border-r-2 border-border shadow-[2px_0_4px_-2px_rgba(0,0,0,0.1)]" draggable="false" style="left: 48px;" /> Name "Status": <th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 hidden sm:table-cell cursor-pointer select-none relative group bg-background" draggable="false" /> -------------------------------------------------- cell: Name "1": <td class="p-4 align-middle [&:has([role=checkbox])]:pr-0 text-center w-12 sticky z-10 bg-background" style="left: 0px;" /> Name "Alice": <td class="p-4 align-middle [&:has([role=checkbox])]:pr-0 sticky z-10 bg-background border-r-2 border-border shadow-[2px_0_4px_-2px_rgba(0,0,0,0.1)]" style="left: 48px;" tabindex="0" /> Name "ToggleStatus": <td class="p-4 align-middle [&:has([role=checkbox])]:pr-0" tabindex="0" /> Name "2": <td class="p-4 align-middle [&:has([role=checkbox])]:pr-0 text-center w-12 sticky z-10 bg-background" style="left: 0px;" /> Name "Bob": <td class="p-4 align-middle [&:has([role=checkbox])]:pr-0 sticky