test(security): add regression test for migrate auth check - #639

Process completed with exit code 1.

TestingLibraryElementError: Unable to find an element with the text: Stream #unknown-segment. 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> <nav aria-label="Breadcrumb" class="border-b border-border bg-background/60 px-4 sm:px-6" > <ol class="mx-auto flex h-9 max-w-6xl items-center gap-1 text-sm" > <li class="flex items-center gap-1" > <a class="max-w-[80px] truncate text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded sm:max-w-none" href="/app" > Dashboard </a> </li> <li class="flex items-center gap-1" > <svg aria-hidden="true" class="lucide lucide-chevron-right size-3.5 shrink-0 text-muted-foreground" 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> <span aria-current="page" class="max-w-[120px] truncate font-medium text-foreground sm:max-w-none" > unkno…ment </span> </li> </ol> </nav> </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 ❯ __tests__/components/breadcrumb.test.tsx:86:19

TestingLibraryElementError: Unable to find an element with the text: Stream #abc123. 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> <nav aria-label="Breadcrumb" class="border-b border-border bg-background/60 px-4 sm:px-6" > <ol class="mx-auto flex h-9 max-w-6xl items-center gap-1 text-sm" > <li class="flex items-center gap-1" > <a class="max-w-[80px] truncate text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded sm:max-w-none" href="/app" > Dashboard </a> </li> <li class="flex items-center gap-1" > <svg aria-hidden="true" class="lucide lucide-chevron-right size-3.5 shrink-0 text-muted-foreground" 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> <a class="max-w-[80px] truncate text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded sm:max-w-none" href="/app/stream" > Stream </a> </li> <li class="flex items-center gap-1" > <svg aria-hidden="true" class="lucide lucide-chevron-right size-3.5 shrink-0 text-muted-foreground" 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> <span aria-current="page" class="max-w-[120px] truncate font-medium text-foreground sm:max-w-none" > abc123 </span> </li> </ol> </nav> </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 ❯ __tests__/components/breadcrumb.test.tsx:75:19