TestingLibraryElementError: Unable to find role="menuitem" and name `/login to add/i` Ignored nodes: comments, script, style <div> <div class="container" > <div class="banner" > <a href="https://nextjs.org/docs/app/building-your-application/rendering/server-components" target="_blank" > Learn more → </a> </div> <div class="logout-section" > <form action="javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')" > <button aria-label="logout" class="logout-button" type="submit" > <svg 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 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" /> <polyline points="16 17 21 12 16 7" /> <line x1="21" x2="9" y1="12" y2="12" /> </svg> </button> </form> </div> <div class="main" > <input class="sidebar-toggle" id="sidebar-toggle" type="checkbox" /> <section class="col sidebar" > <a class="link--unstyled" href="/" > <section class="sidebar-header" > <img alt="" class="logo" data-nimg="1" decoding="async" height="20" loading="lazy" role="presentation" src="/logo.svg?w=48&q=75" srcset="/logo.svg?w=32&q=75 1x, /logo.svg?w=48&q=75 2x" style="color: transparent;" width="22" /> <strong> React Notes </strong> </section> </a> <section class="sidebar-menu" role="menubar" > <form action="javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')" class="search" role="search" > <label class="offscreen" for="sidebar-search-input" > Search for a note by title </label> <input id="sidebar-search-input" name="q" placeholder="Search" spellcheck="false" type="text" /> <div aria-busy="false" class="spinner false" role="progressbar" /> </form> <a class="link--unstyled" href="/note/edit" > <button class="edit-button edit-button--solid" role="menuitem" > Add <img alt="User Avatar" class="avatar" data-nimg="1" decoding="async" height="40" loading="lazy" src="https://avatars.githubusercontent.com/[object%20Promise]?s=40&w=96&q=75" srcset="https://avatars.githubusercontent.com/[object%20Promise]?s=40&w=48&q=75 1x, https://avatars.githubusercontent.com/[object%20Promise]?s=40&w=96&q=75 2x" style="color: transparent;" title="[object

AssertionError: Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/app-note-id-page--logout-should-delete-cookie&addonPanel=storybook/interactions/panel expected undefined not to be undefined ❯ play app/note/[id]/page.stories.tsx:86:47 ❯ ../../../../../node_modules/.vite/deps/@storybook_experimental-addon-vitest_internal_test-utils.js:26:80

Process completed with exit code 1.