feat(filters): add themed empty state for FiltersSidebar - #825
Merged
greatest0fallt1me merged 3 commits intoJul 29, 2026
Merged
Annotations
10 errors and 2 warnings
|
Generate coverage report:
src/components/ApiCard.tsx#L589
TypeError: Cannot read properties of undefined (reading 'matches')
❯ src/components/ApiCard.tsx:589:20
❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/react-dom/cjs/react-dom.development.js:26808:9
❯ flushActQueue node_modules/react/cjs/react.development.js:2667:24
|
|
Generate coverage report:
src/components/ApiCard.tsx#L589
TypeError: Cannot read properties of undefined (reading 'matches')
❯ src/components/ApiCard.tsx:589:20
❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/react-dom/cjs/react-dom.development.js:26808:9
❯ flushActQueue node_modules/react/cjs/react.development.js:2667:24
|
|
Generate coverage report:
src/components/ApiCard.test.tsx#L416
AssertionError: expected 'preview-card api-marketplace-card api…' to contain 'api-card--compact'
- Expected
+ Received
- api-card--compact
+ preview-card api-marketplace-card api-card-skeleton
❯ src/components/ApiCard.test.tsx:416:29
|
|
Generate coverage report:
src/components/ApiCard.test.tsx#L410
AssertionError: expected 26 to be less than 24
❯ src/components/ApiCard.test.tsx:410:30
|
|
Generate coverage report:
src/components/ApiCard.test.tsx#L322
AssertionError: expected 0 to be greater than or equal to 2
❯ src/components/ApiCard.test.tsx:322:35
|
|
Generate coverage report:
src/utils/format.ts#L33
TypeError: Cannot read properties of undefined (reading 'toFixed')
❯ Module.formatPrice src/utils/format.ts:33:16
❯ ApiCard src/components/ApiCard.tsx:907:19
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
|
|
Generate coverage report:
src/utils/format.ts#L33
TypeError: Cannot read properties of undefined (reading 'toFixed')
❯ Module.formatPrice src/utils/format.ts:33:16
❯ ApiCard src/components/ApiCard.tsx:907:19
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/react-dom/cjs/react-dom.development.js:25889:20
|
|
Generate coverage report:
src/ApiUsage.test.tsx#L92
AssertionError: expected +0 to be 5 // Object.is equality
- Expected
+ Received
- 5
+ 0
❯ src/ApiUsage.test.tsx:92:31
|
|
Generate coverage report:
src/ApiUsage.test.tsx#L62
TestingLibraryElementError: Unable to find an accessible element with the role "navigation" and name `/breadcrumb/i`
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
aria-busy="true"
aria-label="API usage loading shell"
class="api-usage-page"
>
<div
aria-hidden="true"
style="display: flex; gap: 8px; margin-bottom: 24px;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 80px; height: 16px;"
/>
<span
style="color: var(--text-secondary);"
>
/
</span>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 160px; height: 16px;"
/>
</div>
<div
aria-hidden="true"
class="api-header"
style="margin-bottom: 24px;"
>
<div
class="api-header-info"
style="display: flex; gap: 16px; align-items: center;"
>
<div
class="api-logo"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 56px; height: 56px; border-radius: 12px;"
/>
</div>
<div
style="display: grid; gap: 8px; flex: 1 1 0%;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 40%; height: 28px;"
/>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 60%; height: 16px;"
/>
</div>
</div>
<div
class="api-header-actions"
style="display: flex; gap: 12px;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 150px; height: 36px; border-radius: 8px;"
/>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 90px; height: 36px; border-radius: 8px;"
/>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 110px; height: 36px; border-radius: 8px;"
/>
</div>
</div>
<div
aria-hidden="true"
class="surface api-key-section"
style="margin-bottom: 24px;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 100px; height: 20px; margin-bottom: 16px;"
/>
<div
class="api-key-card"
style="padding: 20px;"
>
<div
class="api-key-display"
style="display: flex; gap: 12px; align-items: center;"
>
<div
class="key-input-group"
style="flex: 1 1 0%;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 100%; height: 38px; border-radius: 8px;"
/>
</div>
<div
class="key-actions"
style="display: flex; gap: 12px;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 80px; height: 38px; border-radius: 8px;"
|
|
Generate coverage report:
src/ApiUsage.test.tsx#L49
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/Reset Filters/i`
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
aria-busy="true"
aria-label="API usage loading shell"
class="api-usage-page"
>
<div
aria-hidden="true"
style="display: flex; gap: 8px; margin-bottom: 24px;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 80px; height: 16px;"
/>
<span
style="color: var(--text-secondary);"
>
/
</span>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 160px; height: 16px;"
/>
</div>
<div
aria-hidden="true"
class="api-header"
style="margin-bottom: 24px;"
>
<div
class="api-header-info"
style="display: flex; gap: 16px; align-items: center;"
>
<div
class="api-logo"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 56px; height: 56px; border-radius: 12px;"
/>
</div>
<div
style="display: grid; gap: 8px; flex: 1 1 0%;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 40%; height: 28px;"
/>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 60%; height: 16px;"
/>
</div>
</div>
<div
class="api-header-actions"
style="display: flex; gap: 12px;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 150px; height: 36px; border-radius: 8px;"
/>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 90px; height: 36px; border-radius: 8px;"
/>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 110px; height: 36px; border-radius: 8px;"
/>
</div>
</div>
<div
aria-hidden="true"
class="surface api-key-section"
style="margin-bottom: 24px;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 100px; height: 20px; margin-bottom: 16px;"
/>
<div
class="api-key-card"
style="padding: 20px;"
>
<div
class="api-key-display"
style="display: flex; gap: 12px; align-items: center;"
>
<div
class="key-input-group"
style="flex: 1 1 0%;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 100%; height: 38px; border-radius: 8px;"
/>
</div>
<div
class="key-actions"
style="display: flex; gap: 12px;"
>
<div
aria-hidden="true"
class="skeleton skeleton--stellar"
role="presentation"
style="width: 80px; height: 38px; border-radius: 8px;"
|
|
Complete job
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/
|
|
Upload coverage report
No files were found with the provided path: coverage/. No artifacts will be uploaded.
|
background
wait
wait-all
cancel
parallel
Loading