Await getUserFromSession and run prettier #25
Annotations
5 errors and 1 warning
components/note-ui.stories.tsx > SaveAndDeleteShouldTriggerActions:
components/note-ui.stories.tsx#L37
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-note-ui--save-and-delete-should-trigger-actions&addonPanel=storybook/interactions/panel
Unable to find a label with the text of: Enter a title for your note
Ignored nodes: comments, script, style
<div />
Ignored nodes: comments, script, style
<div />
❯ play components/note-ui.stories.tsx:37:36
❯ ../../../../../node_modules/.vite/deps/@storybook_experimental-addon-vitest_internal_test-utils.js:26:80
|
app/note/[id]/page.stories.tsx > LogoutShouldDeleteCookie:
app/note/[id]/page.stories.tsx#L84
TestingLibraryElementError:
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
Unable to find role="button" and name "logout"
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"
/>
<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>
<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
class="edit-button edit-button--solid"
role="menuitem"
>
Login to Add
</button>
</form>
</section>
<nav>
<ul
class="notes-list"
>
<li>
<div
class="sidebar-note-list-item "
>
<header
class="sidebar-note-header"
>
<strong>
Module mocking in Storybook?
</strong>
<small>
12:24 noon
</small>
</header>
<button
class="sidebar-note-open"
style="border: 1px solid transparent;"
>
Open note for preview
</button>
<button
class="sidebar-note-toggle-expand"
>
<img
alt="Expand"
height="10px"
src="/chevron-up.svg"
width="10px"
/>
</button>
</div>
</li>
<li>
<div
class="sidebar-note-list-item "
>
<header
c
|
app/note/edit/page.stories.tsx > SaveNewNote:
lib/test-utils.ts#L6
AssertionError: expected last "next/navigation::useRouter().push" call to have been called with [ '/note/3', Anything ]
Ignored nodes: comments, script, style
<html
lang="en"
>
<head>
<meta
charset="UTF-8"
/>
<link
href="/__vitest__/favicon.svg"
rel="icon"
type="image/svg+xml"
/>
<meta
content="width=device-width, initial-scale=1.0"
name="viewport"
/>
<title>
Vitest Browser Tester
</title>
<link
crossorigin=""
href="/__vitest_browser__/preload-helper-Btt6SgIy.js"
rel="modulepreload"
/>
<meta
content="0"
name="next-head-count"
/>
</head>
<body
data-vitest-body=""
style="
width: 100%;
height: 100%;
transform: scale(1);
transform-origin: left top;
"
>
<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"
/>
<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>
<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
class="edit-button edit-button--solid"
role="menuitem"
>
Login to Add
</button>
</form>
</section>
<nav>
<ul
class="notes-list"
>
<li>
|
app/note/edit/[id]/page.stories.tsx > SavingExistingNoteShouldUpdateDBAndRedirect:
lib/test-utils.ts#L6
AssertionError: expected last "next/navigation::useRouter().push" call to have been called with [ '/note/2', Anything ]
Ignored nodes: comments, script, style
<html
lang="en"
>
<head>
<meta
charset="UTF-8"
/>
<link
href="/__vitest__/favicon.svg"
rel="icon"
type="image/svg+xml"
/>
<meta
content="width=device-width, initial-scale=1.0"
name="viewport"
/>
<title>
Vitest Browser Tester
</title>
<link
crossorigin=""
href="/__vitest_browser__/preload-helper-Btt6SgIy.js"
rel="modulepreload"
/>
<meta
content="0"
name="next-head-count"
/>
</head>
<body
data-vitest-body=""
style="
width: 100%;
height: 100%;
transform: scale(1);
transform-origin: left top;
"
>
<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"
/>
<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>
<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
class="edit-button edit-button--solid"
role="menuitem"
>
Login to Add
</button>
</form>
</section>
<nav>
<ul
class="notes-list"
>
<li>
|
chromatic
Process completed with exit code 1.
|
chromatic
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|