chore(deps): bump the non-critical group across 1 directory with 20 updates #44
dependabot[bot]frontend-snapshot-tests.yml
on: pull_request
Vitest snapshot tests
1m 33s
Storybook build check
52s
Annotations
11 errors and 3 warnings
|
src/components/__tests__/AnchorSelectorKeyboard.test.tsx > AnchorSelector Keyboard Navigation > Keyboard Navigation > jumps to last with End key:
frontend/src/components/__tests__/AnchorSelectorKeyboard.test.tsx#L302
Error: expect(element).toHaveClass("focused")
Expected the element to have class:
focused
Received:
anchor-option
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="anchor-selector"
>
<label
class="anchor-label"
id="anchor-listbox-s028fqrwr-label"
>
Select Anchor Provider
</label>
<div
class="anchor-dropdown"
>
<button
aria-controls="anchor-listbox-s028fqrwr"
aria-expanded="true"
aria-haspopup="listbox"
aria-labelledby="anchor-listbox-s028fqrwr-label"
class="anchor-dropdown-trigger open"
>
<span
class="placeholder"
>
Choose an anchor provider...
</span>
<span
aria-hidden="true"
class="dropdown-arrow"
>
▲
</span>
</button>
<div
aria-labelledby="anchor-listbox-s028fqrwr-label"
class="anchor-dropdown-menu"
id="anchor-listbox-s028fqrwr"
role="listbox"
tabindex="-1"
>
<input
aria-label="Search anchor providers"
class="anchor-search-input"
placeholder="Search anchors..."
type="search"
value=""
/>
<div
aria-selected="false"
class="anchor-option focused"
data-index="0"
id="anchor-listbox-s028fqrwr-option-0"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
class="anchor-option-name"
>
Anchor One
<span
aria-label="Verified"
class="verified-badge"
>
✓
</span>
</div>
<div
class="anchor-option-domain"
>
anchor1.com
</div>
</div>
</div>
<div
class="anchor-option-details"
>
<div
class="detail-row"
>
<span
class="detail-label"
>
Fees:
</span>
<span
class="detail-value"
>
1.5%
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Limits:
</span>
<span
class="detail-value"
>
$10.00
-
$10,000.00
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Processing:
</span>
<span
class="detail-value"
>
1-2 days
</span>
</div>
</div>
</div>
<div
aria-selected="false"
class="anchor-option "
data-index="1"
id="anchor-listbox-s028fqrwr-option-1"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
|
|
src/components/__tests__/AnchorSelectorKeyboard.test.tsx > AnchorSelector Keyboard Navigation > Keyboard Navigation > jumps to first with Home key:
frontend/src/components/__tests__/AnchorSelectorKeyboard.test.tsx#L276
Error: expect(element).toHaveClass("focused")
Expected the element to have class:
focused
Received:
anchor-option
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="anchor-selector"
>
<label
class="anchor-label"
id="anchor-listbox-zo10lo7t2-label"
>
Select Anchor Provider
</label>
<div
class="anchor-dropdown"
>
<button
aria-controls="anchor-listbox-zo10lo7t2"
aria-expanded="true"
aria-haspopup="listbox"
aria-labelledby="anchor-listbox-zo10lo7t2-label"
class="anchor-dropdown-trigger open"
>
<span
class="placeholder"
>
Choose an anchor provider...
</span>
<span
aria-hidden="true"
class="dropdown-arrow"
>
▲
</span>
</button>
<div
aria-labelledby="anchor-listbox-zo10lo7t2-label"
class="anchor-dropdown-menu"
id="anchor-listbox-zo10lo7t2"
role="listbox"
tabindex="-1"
>
<input
aria-label="Search anchor providers"
class="anchor-search-input"
placeholder="Search anchors..."
type="search"
value=""
/>
<div
aria-selected="false"
class="anchor-option focused"
data-index="0"
id="anchor-listbox-zo10lo7t2-option-0"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
class="anchor-option-name"
>
Anchor One
<span
aria-label="Verified"
class="verified-badge"
>
✓
</span>
</div>
<div
class="anchor-option-domain"
>
anchor1.com
</div>
</div>
</div>
<div
class="anchor-option-details"
>
<div
class="detail-row"
>
<span
class="detail-label"
>
Fees:
</span>
<span
class="detail-value"
>
1.5%
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Limits:
</span>
<span
class="detail-value"
>
$10.00
-
$10,000.00
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Processing:
</span>
<span
class="detail-value"
>
1-2 days
</span>
</div>
</div>
</div>
<div
aria-selected="false"
class="anchor-option "
data-index="1"
id="anchor-listbox-zo10lo7t2-option-1"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
|
|
src/components/__tests__/AnchorSelectorKeyboard.test.tsx > AnchorSelector Keyboard Navigation > Keyboard Navigation > returns focus to trigger after Escape:
frontend/src/components/__tests__/AnchorSelectorKeyboard.test.tsx#L257
Error: expect(element).toHaveFocus()
Expected element with focus:
<button
aria-controls="anchor-listbox-2aj6g5yoi"
aria-expanded="true"
aria-haspopup="listbox"
aria-labelledby="anchor-listbox-2aj6g5yoi-label"
class="anchor-dropdown-trigger open"
>
<span
class="placeholder"
>
Choose an anchor provider...
</span>
<span
aria-hidden="true"
class="dropdown-arrow"
>
▲
</span>
</button>
Received element with focus:
<input
aria-label="Search anchor providers"
class="anchor-search-input"
placeholder="Search anchors..."
type="search"
value=""
/>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="anchor-selector"
>
<label
class="anchor-label"
id="anchor-listbox-2aj6g5yoi-label"
>
Select Anchor Provider
</label>
<div
class="anchor-dropdown"
>
<button
aria-controls="anchor-listbox-2aj6g5yoi"
aria-expanded="true"
aria-haspopup="listbox"
aria-labelledby="anchor-listbox-2aj6g5yoi-label"
class="anchor-dropdown-trigger open"
>
<span
class="placeholder"
>
Choose an anchor provider...
</span>
<span
aria-hidden="true"
class="dropdown-arrow"
>
▲
</span>
</button>
<div
aria-labelledby="anchor-listbox-2aj6g5yoi-label"
class="anchor-dropdown-menu"
id="anchor-listbox-2aj6g5yoi"
role="listbox"
tabindex="-1"
>
<input
aria-label="Search anchor providers"
class="anchor-search-input"
placeholder="Search anchors..."
type="search"
value=""
/>
<div
aria-selected="false"
class="anchor-option focused"
data-index="0"
id="anchor-listbox-2aj6g5yoi-option-0"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
class="anchor-option-name"
>
Anchor One
<span
aria-label="Verified"
class="verified-badge"
>
✓
</span>
</div>
<div
class="anchor-option-domain"
>
anchor1.com
</div>
</div>
</div>
<div
class="anchor-option-details"
>
<div
class="detail-row"
>
<span
class="detail-label"
>
Fees:
</span>
<span
class="detail-value"
>
1.5%
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Limits:
</span>
<span
class="detail-value"
>
$10.00
-
$10,000.00
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Processing:
</span>
<span
class="detail-value"
>
1-2 days
</span>
|
|
src/components/__tests__/AnchorSelectorKeyboard.test.tsx > AnchorSelector Keyboard Navigation > Keyboard Navigation > closes with Escape key:
frontend/src/components/__tests__/AnchorSelectorKeyboard.test.tsx#L239
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
aria-labelledby="anchor-listbox-mroem2zhd-label"
class="anchor-dropdown-menu"
id="anchor-listbox-mroem2zhd"
role="listbox"
tabindex="-1"
>
<input
aria-label="Search anchor providers"
class="anchor-search-input"
placeholder="Search anchors..."
type="search"
value=""
/>
<div
aria-selected="false"
class="anchor-option focused"
data-index="0"
id="anchor-listbox-mroem2zhd-option-0"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
class="anchor-option-name"
>
Anchor One
<span
aria-label="Verified"
class="verified-badge"
>
✓
</span>
</div>
<div
class="anchor-option-domain"
>
anchor1.com
</div>
</div>
</div>
<div
class="anchor-option-details"
>
<div
class="detail-row"
>
<span
class="detail-label"
>
Fees:
</span>
<span
class="detail-value"
>
1.5%
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Limits:
</span>
<span
class="detail-value"
>
$10.00
-
$10,000.00
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Processing:
</span>
<span
class="detail-value"
>
1-2 days
</span>
</div>
</div>
</div>
<div
aria-selected="false"
class="anchor-option "
data-index="1"
id="anchor-listbox-mroem2zhd-option-1"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
class="anchor-option-name"
>
Anchor Two
</div>
<div
class="anchor-option-domain"
>
anchor2.com
</div>
</div>
</div>
<div
class="anchor-option-details"
>
<div
class="detail-row"
>
<span
class="detail-label"
>
Fees:
</span>
<span
class="detail-value"
>
1%
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Limits:
</span>
<span
class="detail-value"
>
$20.00
-
$20,000.00
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Processing:
</span>
<span
class="detail-value"
>
2-3 days
</span>
</div>
</div>
</div>
<div
aria-selected="false"
class="anchor-option "
data-index="2"
id="anchor-listbox-mroem2zhd-option-2"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
class="anchor-option-name"
>
Anchor Three
<span
aria-label="Verified"
class="verified-badge"
>
✓
</span>
</div>
<div
class="anchor-option-domain"
>
anchor3.com
</div>
</div>
</div>
<div
class="anchor-option-details"
>
<div
class="detail-row"
>
<span
class="detail-label"
>
Fees:
</span>
<span
class="detail-value"
>
1.2%
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
|
|
src/components/__tests__/AnchorSelectorKeyboard.test.tsx > AnchorSelector Keyboard Navigation > Keyboard Navigation > selects with Enter key:
frontend/src/components/__tests__/AnchorSelectorKeyboard.test.tsx#L221
AssertionError: expected "spy" to be called with arguments: [ { id: 'anchor-2', …(10) } ]
Number of calls: 0
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="anchor-selector"
>
<label
class="anchor-label"
id="anchor-listbox-ubsvpgyz5-label"
>
Select Anchor Provider
</label>
<div
class="anchor-dropdown"
>
<button
aria-controls="anchor-listbox-ubsvpgyz5"
aria-expanded="true"
aria-haspopup="listbox"
aria-labelledby="anchor-listbox-ubsvpgyz5-label"
class="anchor-dropdown-trigger open"
>
<span
class="placeholder"
>
Choose an anchor provider...
</span>
<span
aria-hidden="true"
class="dropdown-arrow"
>
▲
</span>
</button>
<div
aria-labelledby="anchor-listbox-ubsvpgyz5-label"
class="anchor-dropdown-menu"
id="anchor-listbox-ubsvpgyz5"
role="listbox"
tabindex="-1"
>
<input
aria-label="Search anchor providers"
class="anchor-search-input"
placeholder="Search anchors..."
type="search"
value=""
/>
<div
aria-selected="false"
class="anchor-option focused"
data-index="0"
id="anchor-listbox-ubsvpgyz5-option-0"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
class="anchor-option-name"
>
Anchor One
<span
aria-label="Verified"
class="verified-badge"
>
✓
</span>
</div>
<div
class="anchor-option-domain"
>
anchor1.com
</div>
</div>
</div>
<div
class="anchor-option-details"
>
<div
class="detail-row"
>
<span
class="detail-label"
>
Fees:
</span>
<span
class="detail-value"
>
1.5%
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Limits:
</span>
<span
class="detail-value"
>
$10.00
-
$10,000.00
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Processing:
</span>
<span
class="detail-value"
>
1-2 days
</span>
</div>
</div>
</div>
<div
aria-selected="false"
class="anchor-option "
data-index="1"
id="anchor-listbox-ubsvpgyz5-option-1"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
cla
|
|
src/components/__tests__/AnchorSelectorKeyboard.test.tsx > AnchorSelector Keyboard Navigation > Keyboard Navigation > navigates up with ArrowUp:
frontend/src/components/__tests__/AnchorSelectorKeyboard.test.tsx#L194
Error: expect(element).toHaveClass("focused")
Expected the element to have class:
focused
Received:
anchor-option
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="anchor-selector"
>
<label
class="anchor-label"
id="anchor-listbox-7ym2gjw74-label"
>
Select Anchor Provider
</label>
<div
class="anchor-dropdown"
>
<button
aria-controls="anchor-listbox-7ym2gjw74"
aria-expanded="true"
aria-haspopup="listbox"
aria-labelledby="anchor-listbox-7ym2gjw74-label"
class="anchor-dropdown-trigger open"
>
<span
class="placeholder"
>
Choose an anchor provider...
</span>
<span
aria-hidden="true"
class="dropdown-arrow"
>
▲
</span>
</button>
<div
aria-labelledby="anchor-listbox-7ym2gjw74-label"
class="anchor-dropdown-menu"
id="anchor-listbox-7ym2gjw74"
role="listbox"
tabindex="-1"
>
<input
aria-label="Search anchor providers"
class="anchor-search-input"
placeholder="Search anchors..."
type="search"
value=""
/>
<div
aria-selected="false"
class="anchor-option focused"
data-index="0"
id="anchor-listbox-7ym2gjw74-option-0"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
class="anchor-option-name"
>
Anchor One
<span
aria-label="Verified"
class="verified-badge"
>
✓
</span>
</div>
<div
class="anchor-option-domain"
>
anchor1.com
</div>
</div>
</div>
<div
class="anchor-option-details"
>
<div
class="detail-row"
>
<span
class="detail-label"
>
Fees:
</span>
<span
class="detail-value"
>
1.5%
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Limits:
</span>
<span
class="detail-value"
>
$10.00
-
$10,000.00
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Processing:
</span>
<span
class="detail-value"
>
1-2 days
</span>
</div>
</div>
</div>
<div
aria-selected="false"
class="anchor-option "
data-index="1"
id="anchor-listbox-7ym2gjw74-option-1"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
|
|
src/components/__tests__/AnchorSelectorKeyboard.test.tsx > AnchorSelector Keyboard Navigation > Keyboard Navigation > navigates down with ArrowDown:
frontend/src/components/__tests__/AnchorSelectorKeyboard.test.tsx#L174
Error: expect(element).toHaveClass("focused")
Expected the element to have class:
focused
Received:
anchor-option
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="anchor-selector"
>
<label
class="anchor-label"
id="anchor-listbox-l1lqgdwvv-label"
>
Select Anchor Provider
</label>
<div
class="anchor-dropdown"
>
<button
aria-controls="anchor-listbox-l1lqgdwvv"
aria-expanded="true"
aria-haspopup="listbox"
aria-labelledby="anchor-listbox-l1lqgdwvv-label"
class="anchor-dropdown-trigger open"
>
<span
class="placeholder"
>
Choose an anchor provider...
</span>
<span
aria-hidden="true"
class="dropdown-arrow"
>
▲
</span>
</button>
<div
aria-labelledby="anchor-listbox-l1lqgdwvv-label"
class="anchor-dropdown-menu"
id="anchor-listbox-l1lqgdwvv"
role="listbox"
tabindex="-1"
>
<input
aria-label="Search anchor providers"
class="anchor-search-input"
placeholder="Search anchors..."
type="search"
value=""
/>
<div
aria-selected="false"
class="anchor-option focused"
data-index="0"
id="anchor-listbox-l1lqgdwvv-option-0"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
class="anchor-option-name"
>
Anchor One
<span
aria-label="Verified"
class="verified-badge"
>
✓
</span>
</div>
<div
class="anchor-option-domain"
>
anchor1.com
</div>
</div>
</div>
<div
class="anchor-option-details"
>
<div
class="detail-row"
>
<span
class="detail-label"
>
Fees:
</span>
<span
class="detail-value"
>
1.5%
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Limits:
</span>
<span
class="detail-value"
>
$10.00
-
$10,000.00
</span>
</div>
<div
class="detail-row"
>
<span
class="detail-label"
>
Processing:
</span>
<span
class="detail-value"
>
1-2 days
</span>
</div>
</div>
</div>
<div
aria-selected="false"
class="anchor-option "
data-index="1"
id="anchor-listbox-l1lqgdwvv-option-1"
role="option"
>
<div
class="anchor-option-header"
>
<div
class="anchor-option-info"
>
<div
|
|
src/components/__tests__/AnchorSelector.test.tsx > AnchorSelector > accessibility > has no a11y violations when dropdown is open:
frontend/src/components/__tests__/AnchorSelector.test.tsx#L267
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#anchor-listbox-a5021rtpe') to have no violations:
<div class="anchor-dropdown-menu" role="listbox" id="anchor-listbox-a5021rtpe" aria-labelledby="anchor-listbox-a5021rtpe-label" tabindex="-1">
Received:
"Certain ARIA roles must contain particular children (aria-required-children)"
Fix any of the following:
Element has children which are not allowed: input[aria-label]
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/aria-required-children?application=axeAPI
❯ src/components/__tests__/AnchorSelector.test.tsx:267:23
|
|
src/components/__tests__/AdminTwoFactorAuth.test.tsx > Issue #897: 2FA Settings Page for Admin Users > should allow enabling/disabling 2FA from settings:
frontend/src/components/__tests__/AdminTwoFactorAuth.test.tsx#L381
AssertionError: expected true to be false // Object.is equality
- Expected
+ Received
- false
+ true
❯ src/components/__tests__/AdminTwoFactorAuth.test.tsx:381:28
|
|
Unhandled error:
frontend/src/utils/a11y.tsx#L17
TypeError: mainContent.scrollIntoView is not a function
❯ onClick src/utils/a11y.tsx:17:23
❯ HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js:4164:14
❯ HTMLUnknownElement.callTheUserObjectsOperation ../node_modules/jsdom/lib/generated/idl/EventListener.js:26:30
❯ innerInvokeEventListeners ../node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:360:16
❯ invokeEventListeners ../node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:296:3
❯ HTMLUnknownElementImpl._dispatch ../node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:243:9
❯ HTMLUnknownElementImpl.dispatchEvent ../node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:114:17
❯ HTMLUnknownElement.dispatchEvent ../node_modules/jsdom/lib/generated/idl/EventTarget.js:241:34
❯ Object.invokeGuardedCallbackDev node_modules/react-dom/cjs/react-dom.development.js:4213:16
❯ invokeGuardedCallback node_modules/react-dom/cjs/react-dom.development.js:4277:31
This error originated in "src/utils/__tests__/a11y.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "should focus main content on click". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
|
Storybook build check
Process completed with exit code 1.
|
|
Vitest snapshot tests
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/checkout@v4, actions/setup-node@v4, actions/upload-artifact@v4. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|
|
Vitest snapshot tests
No files were found with the provided path: frontend/coverage/. No artifacts will be uploaded.
|
|
Storybook build check
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/checkout@v4, actions/setup-node@v4. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|