feat: DisputeStatusBadge component with snapshot tests and Vitest setup #165
Nacho1499Annotations
10 errors and 1 warning
|
src/pages/__tests__/AdminApprovalQueuePage.test.tsx > AdminApprovalQueuePage > renders the approval queue with items:
src/pages/__tests__/AdminApprovalQueuePage.test.tsx#L32
TestingLibraryElementError: Unable to find an element with the text: Buddy (Golden Retriever). This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="min-h-screen bg-[#F8FAFC] pb-12"
>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
>
<div
class="mb-8"
>
<h1
class="text-3xl font-extrabold text-[#0D162B] tracking-tight"
>
Approval Queue
</h1>
<p
class="mt-2 text-gray-500 font-medium"
>
Manage and monitor multi-party adoption approvals
</p>
</div>
<div
class="bg-white rounded-2xl shadow-sm border border-gray-100 p-6 mb-8"
>
<div
class="flex flex-col md:flex-row md:items-end gap-6"
>
<div
class="flex-1 space-y-2"
>
<label
class="text-xs font-bold text-gray-400 uppercase tracking-wider flex items-center gap-2"
>
<svg
aria-hidden="true"
class="lucide lucide-search"
fill="none"
height="14"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m21 21-4.34-4.34"
/>
<circle
cx="11"
cy="11"
r="8"
/>
</svg>
Shelter
</label>
<div
class="relative"
>
<select
class="w-full pl-4 pr-10 py-2.5 bg-gray-50 border border-gray-200 rounded-xl text-sm font-semibold text-[#0D162B] appearance-none focus:ring-2 focus:ring-[#E84D2A]/20 focus:border-[#E84D2A] transition-all outline-none"
>
<option
value=""
>
All Shelters
</option>
<option
value="happy-paws"
>
Happy Paws Shelter
</option>
<option
value="rescue-league"
>
Rescue League
</option>
<option
value="city-animal-center"
>
City Animal Center
</option>
</select>
<svg
aria-hidden="true"
class="lucide lucide-chevron-down absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none"
fill="none"
height="16"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
</div>
</div>
<div
class="flex-[2] space-y-2"
>
<label
class="text-xs font-bold text-gray-400 uppercase tracking-wider flex items-center gap-2"
>
<svg
aria-hidden="true"
class="lucide lucide-funnel"
fill="none"
height="14"
stroke="currentColor"
stroke-linecap="round"
|
|
src/hooks/__tests__/useSettlementSummary.test.tsx > useSettlementSummary > 404 returns isNotFound: true when escrow id is 'not-found':
src/hooks/__tests__/useSettlementSummary.test.tsx#L68
AssertionError: expected false to be true // Object.is equality
- Expected
+ Received
- true
+ false
❯ src/hooks/__tests__/useSettlementSummary.test.tsx:68:39
|
|
src/hooks/__tests__/useSettlementSummary.test.tsx > useSettlementSummary > data returned: resolves settlement summary from the MSW handler:
src/hooks/__tests__/useSettlementSummary.test.tsx#L35
AssertionError: expected true to be false // Object.is equality
- Expected
+ Received
- false
+ true
❯ src/hooks/__tests__/useSettlementSummary.test.tsx:35:36
|
|
src/hooks/__tests__/useMutateRetrySettlement.test.tsx > useRetrySettlement > invalidates escrow query on success:
src/hooks/__tests__/useMutateRetrySettlement.test.tsx#L69
AssertionError: expected true to be false // Object.is equality
- Expected
+ Received
- false
+ true
❯ src/hooks/__tests__/useMutateRetrySettlement.test.tsx:69:36
|
|
src/hooks/__tests__/useMutateRetrySettlement.test.tsx > useRetrySettlement > calls correct endpoint: POST /api/escrow/:id/retry-settlement on success:
src/hooks/__tests__/useMutateRetrySettlement.test.tsx#L48
AssertionError: expected true to be false // Object.is equality
- Expected
+ Received
- false
+ true
❯ src/hooks/__tests__/useMutateRetrySettlement.test.tsx:48:36
|
|
src/hooks/__tests__/useMutateCompleteAdoption.test.tsx > useMutateCompleteAdoption > optimistic update > applies optimistic update (SETTLEMENT_TRIGGERED) before server responds:
src/hooks/__tests__/useMutateCompleteAdoption.test.tsx#L167
AssertionError: expected 'ESCROW_FUNDED' to be 'SETTLEMENT_TRIGGERED' // Object.is equality
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div />
</body>
</html>
Expected: "SETTLEMENT_TRIGGERED"
Received: "ESCROW_FUNDED"
❯ timeout src/hooks/__tests__/useMutateCompleteAdoption.test.tsx:167:42
❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
|
src/hooks/__tests__/useMutateCompleteAdoption.test.tsx > useMutateCompleteAdoption > loading state > isPending is true while mutation is in-flight:
src/hooks/__tests__/useMutateCompleteAdoption.test.tsx#L64
AssertionError: expected false to be true // Object.is equality
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div />
</body>
</html>
- Expected
+ Received
- true
+ false
❯ timeout src/hooks/__tests__/useMutateCompleteAdoption.test.tsx:64:44
❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
|
src/hooks/__tests__/useEscrowStatus.test.tsx > useEscrowStatus > stops polling on CANCELLED: isSettled becomes true:
src/hooks/__tests__/useEscrowStatus.test.tsx#L104
AssertionError: expected false to be true // Object.is equality
- Expected
+ Received
- true
+ false
❯ src/hooks/__tests__/useEscrowStatus.test.tsx:104:38
|
|
src/hooks/__tests__/useEscrowStatus.test.tsx > useEscrowStatus > stops polling on COMPLETED: isSettled becomes true:
src/hooks/__tests__/useEscrowStatus.test.tsx#L81
AssertionError: expected undefined to be 'COMPLETED' // Object.is equality
- Expected:
"COMPLETED"
+ Received:
undefined
❯ src/hooks/__tests__/useEscrowStatus.test.tsx:81:41
|
|
src/hooks/__tests__/useEscrowStatus.test.tsx > useEscrowStatus > polling active: isSettled is false and refetchInterval is non-false while status is non-terminal:
src/hooks/__tests__/useEscrowStatus.test.tsx#L59
AssertionError: expected undefined to be 'ESCROW_FUNDED' // Object.is equality
- Expected:
"ESCROW_FUNDED"
+ Received:
undefined
❯ src/hooks/__tests__/useEscrowStatus.test.tsx:59:41
|
|
validate
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/
|