Files
agents-marketplace/tests/unit/indexer-ui-app-smoke.test.tsx
jelisaveta-talbot cbab81efbd M1-F: end-to-end LLM marketplace lifecycle on Vector testnet
Bonded-escrow marketplace for prompt → response between buyers and
local-LLM suppliers, settling on Vector (UTxO) via Aiken Plutus V3
validators. Lifecycle PostEscrow → Claim → Submit → Accept proven on
Vector testnet 2026-05-06; AcceptEscrow tx 125e3cfe…7dc100d distributes
payment + bonds per the validator's distribution rule.

Workspace layout (pnpm + TypeScript):
  contracts/marketplace/      Aiken validators (advert + escrow) + plutus.json
  packages/shared/            Tx-builders (lucid-evolution), CBOR codecs,
                              chain providers (mock / read-only / live Ogmios)
  supplier/                   OpenAI-compatible HTTP node (Ollama by default;
                              vLLM / llama.cpp / OpenRouter / OpenClaw all
                              swap-in via OLLAMA_URL); 202+poll chat handler
  buyer/                      Express + React SPA; server-side runs the full
                              chain lifecycle via /v1/submit-prompt and
                              /v1/accept; SPA never holds the buyer key
  indexer/                    Chain-follower (extends apex-dashboard pattern),
                              SSE event stream + REST queries
  indexer-ui/                 Operator dashboard (events + suppliers + escrow
                              lookup)
  tests/                      1098 vitest unit + integration tests (10 skipped
                              under M1-F-D-defer for UPLC test plumbing)
  deploy/testnet/             Per-service docker-compose for the Hetzner stack
  docs/EXECUTIVE_SUMMARY.*    Marp deck (PDF + PPTX) — 11 slides, mermaid
                              diagrams pre-rendered for portable export
  docs/CLOUDFLARE_WAF_BYPASS.md  CF Skip-rule runbook for /v1/* paths
  docs/ARCHITECTURE.md        canonical spec

Live demo (testnet, 2026-05-06):
  https://mp-buyers.vector.testnet.apexfusion.org      (buyer SPA)
  https://mp-suppliers.vector.testnet.apexfusion.org   (supplier API)
  https://mp-indexer.vector.testnet.apexfusion.org     (indexer + UI)
2026-05-06 13:27:48 +02:00

109 lines
4.1 KiB
TypeScript

// @vitest-environment happy-dom
/**
* tests/unit/indexer-ui-app-smoke.test.tsx — RED phase (M1-F-5)
*
* Category A: App-level smoke tests with React Testing Library + happy-dom.
* (~10 tests)
*
* All tests FAIL until M1-F-5-green because App.tsx stubs render
* "NOT IMPLEMENTED" placeholders and components don't yet implement
* the contracted panel headings / document title.
*
* Design contract for Catherine:
* - <App /> renders exactly five panel headings (h2 or section[aria-label]):
* "Sync Progress", "Suppliers", "Capabilities", "Live Events", "Escrow Lookup"
* - document.title is "Marketplace Indexer"
* - Each component mounts without throwing (isolation smoke)
* - <App /> has a root heading or title containing "Marketplace Indexer"
*/
import { describe, it, expect, vi, afterEach } from "vitest";
import { render, screen, cleanup } from "@testing-library/react";
import App from "../../indexer-ui/src/App.js";
import SyncProgress from "../../indexer-ui/src/components/SyncProgress.js";
import SuppliersTable from "../../indexer-ui/src/components/SuppliersTable.js";
import CapabilitiesPanel from "../../indexer-ui/src/components/CapabilitiesPanel.js";
import EventsLog from "../../indexer-ui/src/components/EventsLog.js";
import EscrowLookup from "../../indexer-ui/src/components/EscrowLookup.js";
// Mock all hooks that make network calls so component isolation tests don't throw
// from the stub-hook level — the component-level "NOT IMPLEMENTED" is the first
// barrier Catherine must replace.
vi.mock("../../indexer-ui/src/hooks/usePolling.js", () => ({
usePolling: () => ({ data: null, error: null, loading: true }),
}));
vi.mock("../../indexer-ui/src/hooks/useSSE.js", () => ({
useSSE: () => ({ events: [], lastSeenSlot: null, connected: false }),
MAX_EVENTS: 500,
}));
afterEach(() => {
cleanup();
});
// ─── <App /> level ──────────────────────────────────────────────────────────
describe("<App /> smoke", () => {
it("renders all five panel headings", () => {
render(<App />);
expect(screen.getByText(/sync progress/i)).toBeTruthy();
expect(screen.getByText(/suppliers/i)).toBeTruthy();
expect(screen.getByText(/capabilities/i)).toBeTruthy();
expect(screen.getByText(/live events/i)).toBeTruthy();
expect(screen.getByText(/escrow lookup/i)).toBeTruthy();
});
it("document title is 'Marketplace Indexer'", () => {
render(<App />);
expect(document.title).toBe("Marketplace Indexer");
});
it("renders a top-level heading or h1 containing 'Marketplace Indexer'", () => {
render(<App />);
const heading = screen.getByRole("heading", { level: 1 });
expect(heading.textContent).toMatch(/marketplace indexer/i);
});
it("does not throw on mount with no network access", () => {
expect(() => render(<App />)).not.toThrow();
});
});
// ─── Component isolation smoke ──────────────────────────────────────────────
describe("<SyncProgress /> isolation smoke", () => {
it("mounts without throwing", () => {
expect(() => render(<SyncProgress />)).not.toThrow();
});
it("renders a container element with data-testid='sync-progress'", () => {
render(<SyncProgress />);
const el = document.querySelector("[data-testid='sync-progress']");
expect(el).not.toBeNull();
});
});
describe("<SuppliersTable /> isolation smoke", () => {
it("mounts without throwing", () => {
expect(() => render(<SuppliersTable />)).not.toThrow();
});
});
describe("<CapabilitiesPanel /> isolation smoke", () => {
it("mounts without throwing", () => {
expect(() => render(<CapabilitiesPanel />)).not.toThrow();
});
});
describe("<EventsLog /> isolation smoke", () => {
it("mounts without throwing", () => {
expect(() => render(<EventsLog />)).not.toThrow();
});
});
describe("<EscrowLookup /> isolation smoke", () => {
it("mounts without throwing", () => {
expect(() => render(<EscrowLookup />)).not.toThrow();
});
});