Merge pull request #835 from circleboyslimited/fix/issues-762-765-766… #168
OlaGreatfrontend.yml
on: push
Frontend checks
41s
Lighthouse CI
Annotations
10 errors and 1 warning
|
src/components/profile-card.test.tsx > ProfileCard > shows success toast after copying wallet address:
frontend/src/components/profile-card.tsx#L134
Error: [vitest] No "stellarExpertUrl" export is defined on the "@/lib/stellar" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/lib/stellar"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
❯ ProfileCard src/components/profile-card.tsx:134:21
❯ 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
|
|
src/components/profile-card.test.tsx > ProfileCard > renders skeleton when isLoading is true:
frontend/src/components/profile-card.tsx#L134
Error: [vitest] No "stellarExpertUrl" export is defined on the "@/lib/stellar" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/lib/stellar"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
❯ ProfileCard src/components/profile-card.tsx:134:21
❯ 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
|
|
src/components/profile-card.test.tsx > ProfileCard > renders accepted assets:
frontend/src/components/profile-card.tsx#L134
Error: [vitest] No "stellarExpertUrl" export is defined on the "@/lib/stellar" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/lib/stellar"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
❯ ProfileCard src/components/profile-card.tsx:134:21
❯ 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
|
|
src/components/profile-card.test.tsx > ProfileCard > renders social links:
frontend/src/components/profile-card.tsx#L134
Error: [vitest] No "stellarExpertUrl" export is defined on the "@/lib/stellar" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/lib/stellar"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
❯ ProfileCard src/components/profile-card.tsx:134:21
❯ 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
|
|
src/components/profile-card.test.tsx > ProfileCard > renders wallet address:
frontend/src/components/profile-card.tsx#L134
Error: [vitest] No "stellarExpertUrl" export is defined on the "@/lib/stellar" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/lib/stellar"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
❯ ProfileCard src/components/profile-card.tsx:134:21
❯ 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
|
|
src/components/profile-card.test.tsx > ProfileCard > renders bio:
frontend/src/components/profile-card.tsx#L134
Error: [vitest] No "stellarExpertUrl" export is defined on the "@/lib/stellar" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/lib/stellar"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
❯ ProfileCard src/components/profile-card.tsx:134:21
❯ 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
|
|
src/components/profile-card.test.tsx > ProfileCard > renders display name and username:
frontend/src/components/profile-card.tsx#L134
Error: [vitest] No "stellarExpertUrl" export is defined on the "@/lib/stellar" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/lib/stellar"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
❯ ProfileCard src/components/profile-card.tsx:134:21
❯ 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
|
|
src/components/activity-feed.test.tsx > ActivityFeed > renders transaction items with correct amount, asset, and timestamp:
frontend/src/components/activity-feed.test.tsx#L100
TestingLibraryElementError: Found multiple elements with the text: /25\.5000000/
Here are the matching elements:
Ignored nodes: comments, script, style
<h3
class="font-semibold text-white text-sm truncate"
>
Received 25.5000000 USDC
</h3>
Ignored nodes: comments, script, style
<span
class="inline-flex items-center gap-1 px-2 py-1 rounded bg-mint/10 text-xs text-mint font-mono"
>
25.5000000
USDC
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="space-y-3"
>
<div
animate="[object Object]"
class="group relative rounded-xl border border-white/10 bg-white/5 p-4 transition hover:bg-white/10 hover:border-white/20"
exit="[object Object]"
initial="[object Object]"
transition="[object Object]"
>
<div
class="flex gap-4"
>
<div
class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-full bg-white/5"
>
<svg
aria-hidden="true"
class="lucide lucide-send h-5 w-5 text-mint"
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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"
/>
<path
d="m21.854 2.147-10.94 10.939"
/>
</svg>
</div>
<div
class="flex-1 min-w-0"
>
<div
class="flex items-start justify-between gap-2 mb-1"
>
<h3
class="font-semibold text-white text-sm truncate"
>
Received 25.5000000 USDC
</h3>
<span
class="flex-shrink-0 text-xs text-white/50 whitespace-nowrap"
>
just now
</span>
</div>
<p
class="text-xs text-white/60 mb-3"
>
Support from
</p>
<div
class="flex flex-wrap gap-2"
>
<span
class="inline-flex items-center gap-1 px-2 py-1 rounded bg-mint/10 text-xs text-mint font-mono"
>
25.5000000
USDC
</span>
<a
href="https://stellar.expert/explorer/testnet/tx/abc123def456"
>
abc123de...f456
<span>
↗
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="space-y-3"
>
<div
animate="[object Object]"
class="group relative rounded-xl border border-white/10 bg-white/5 p-4 transition hover:bg-white/10 hover:border-white/20"
exit="[object Object]"
initial="[object Object]"
transition="[object Object]"
>
<div
class="flex gap-4"
>
<div
class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-full bg-white/5"
>
<svg
aria-hidden="true"
class="lucide lucide-send h-5 w-5 text-mint"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="
|
|
e2e/home.spec.ts:
frontend/e2e/home.spec.ts#L3
Error: Playwright Test did not expect test() to be called here.
Most common reasons include:
- You are calling test() in a configuration file.
- You are calling test() in a file that is imported by the configuration file.
- You have two different versions of @playwright/test. This usually happens
when one of the dependencies in your package.json depends on @playwright/test.
- You are calling test() from an async test.describe() block. Only sync ones are supported.
❯ _TestTypeImpl._currentSuite node_modules/playwright/lib/common/index.js:2257:13
❯ _TestTypeImpl._createTest node_modules/playwright/lib/common/index.js:2271:24
❯ node_modules/playwright/lib/common/index.js:1220:12
❯ e2e/home.spec.ts:3:1
|
|
e2e/create-profile.spec.ts:
frontend/e2e/create-profile.spec.ts#L7
Error: test.skip() can only be called inside test, describe block or fixture
❯ _TestTypeImpl._modifier node_modules/playwright/lib/common/index.js:2396:13
❯ Function.skip node_modules/playwright/lib/common/index.js:1220:12
❯ e2e/create-profile.spec.ts:7:6
|
|
Frontend checks
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/
|