Add GitHub Pages promotional site #3
Annotations
3 errors and 2 warnings
|
quality
Process completed with exit code 1.
|
|
src/App.int.test.tsx > App integration > moves selected images by dragging to another album without starting a native OS drag:
src/App.int.test.tsx#L130
AssertionError: expected "vi.fn()" to be called with arguments: [ '/Moodboards', 'running', …(1) ]
Number of calls: 0
Ignored nodes: comments, script, style
<html
data-theme="dark"
>
<head />
<body>
<div>
<div
class="loading-overlay"
>
<div
class="loading-overlay-inner"
>
<h1
class="loading-overlay-title"
>
Moss.
</h1>
<div
class="spinner"
/>
</div>
</div>
<main
class="app-shell sidebar-collapsed"
>
<aside
class="sidebar collapsed"
>
<div
class="sidebar-footer"
>
<button
aria-label="Settings"
class="settings-button"
title="Settings"
>
⚙
</button>
<button
aria-label="Expand sidebar"
class="settings-button sidebar-collapse-btn"
title="Expand sidebar"
>
›
</button>
</div>
<div
class="sidebar-peek"
>
<div
class="sidebar-peek-head"
>
<span
class="sidebar-peek-title"
>
Moss.
</span>
</div>
<nav
class="sidebar-peek-list"
>
<button
class="mini-board-item selected"
>
<span
class="mini-board-row"
>
<span
class="mini-board-cover"
>
<img
alt=""
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="
/>
</span>
<span
class="mini-board-title"
>
Cycling
</span>
</span>
</button>
<button
class="mini-board-item "
>
<span
class="mini-board-row"
>
<span
class="mini-board-cover"
>
<img
alt=""
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="
/>
</span>
<span
class="mini-board-title"
>
Running
</span>
</span>
</button>
<button
class="mini-board-item mini-board-new"
>
<span
class="mini-board-cover mini-board-cover-new"
>
+
</span>
<span
class="mini-board-title"
>
New album
</span>
</button>
</nav>
</div>
</aside>
<section
class="canvas"
>
<header
class="board-header"
>
<div
class="board-title-wrap"
>
<div
class="board-title-row"
>
<h2>
Cycling
</h2>
</div>
</div>
<div
class="board-actions"
>
<button
class="ghost-button active-toggle"
>
Done
</button>
</div>
</header>
<section
class="selection-bar"
>
<span>
1
selected
</span>
<span
class="selection-hint"
>
Drag the selected images onto an album to move them.
|
|
src/App.int.test.tsx > App integration > creates a new album from the template tile:
src/App.int.test.tsx#L64
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "New album"
Here are the accessible roles:
main:
Name "":
<main
class="app-shell sidebar-collapsed"
/>
--------------------------------------------------
complementary:
Name "":
<aside
class="sidebar collapsed"
/>
--------------------------------------------------
button:
Name "Settings":
<button
aria-label="Settings"
class="settings-button"
title="Settings"
/>
Name "Expand sidebar":
<button
aria-label="Expand sidebar"
class="settings-button sidebar-collapse-btn"
title="Expand sidebar"
/>
Name "Cycling":
<button
class="mini-board-item selected"
/>
Name "Running":
<button
class="mini-board-item "
/>
Name "+New album":
<button
class="mini-board-item mini-board-new"
/>
Name "Rename album":
<button
aria-label="Rename album"
class="title-icon-button"
title="Rename album"
/>
Name "New sub album":
<button
aria-label="New sub album"
class="title-icon-button"
title="New sub album"
/>
Name "Album info":
<button
aria-label="Album info"
class="title-icon-button "
title="Album info"
/>
Name "★ ◯":
<div
class="asset-card "
data-asset-id="cycling/one.jpg"
draggable="true"
role="button"
tabindex="0"
/>
Name "Star image":
<button
aria-label="Star image"
class="asset-star-button "
/>
Name "Select image":
<button
aria-label="Select image"
class="asset-select-button "
/>
--------------------------------------------------
navigation:
Name "":
<nav
class="sidebar-peek-list"
/>
--------------------------------------------------
banner:
Name "":
<header
class="board-header"
/>
--------------------------------------------------
heading:
Name "Cycling":
<h2 />
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<main
class="app-shell sidebar-collapsed"
>
<aside
class="sidebar collapsed"
>
<div
class="sidebar-footer"
>
<button
aria-label="Settings"
class="settings-button"
title="Settings"
>
⚙
</button>
<button
aria-label="Expand sidebar"
class="settings-button sidebar-collapse-btn"
title="Expand sidebar"
>
›
</button>
</div>
<div
class="sidebar-peek"
>
<div
class="sidebar-peek-head"
>
<span
class="sidebar-peek-title"
>
Moss.
</span>
</div>
<nav
class="sidebar-peek-list"
>
<button
class="mini-board-item selected"
>
<span
class="mini-board-row"
>
<span
class="mini-board-cover"
/>
<span
class="mini-board-title"
>
Cycling
</span>
</span>
</button>
<button
class="mini-board-item "
>
<span
class="mini-board-row"
>
<span
class="mini-board-cover"
/>
<span
class="mini-board-title"
>
Running
</span>
</span>
</button>
<button
class="mini-board-item mini-board-new"
>
<span
class="mini-board-cover mini-board-cover-new"
>
+
</span>
<span
class="mini-board-title"
>
New album
</span>
</button>
|
|
quality
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v4, actions/setup-node@v4. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|
|
quality:
src/App.tsx#L338
React Hook useEffect has a missing dependency: 'selectedBoard'. Either include it or remove the dependency array
|