Files
certctl/web/src/pages/RenewalPoliciesPage.test.tsx
T
shankar0123 7013227a34 test(web): Vitest coverage for 8 high-leverage pages (T-1 master)
Closes T-1 (cat-s2-c24a548076c6) — frontend page-level Vitest coverage was
3 of 28 pages pre-T-1. T-1 lifts that to 11 of 28 (39%) by writing focused
behavior tests for the 8 highest-leverage pages.

Tests added:
  - CertificatesPage.test.tsx (6 cases) — F-1 filter+pagination contract:
    team_id / expires_before / sort param wiring, page=1 reset on filter
    change, page+per_page always present in getCertificates params.
  - PoliciesPage.test.tsx (4 cases) — D-006/D-008 TitleCase contract:
    list render, severity badge, toggle-enabled inversion, delete confirm.
  - IssuersPage.test.tsx (3 cases) — D-2 phantom-trim + B-1 EditIssuer:
    list render, StatusBadge derives from enabled, Test fires
    testIssuerConnection.
  - TargetsPage.test.tsx (3 cases) — D-2 phantom-trim:
    list render, Status derives from enabled, Delete fires deleteTarget.
  - AgentsPage.test.tsx (3 cases) — D-2 phantom-trim + heartbeatStatus:
    list render, undefined last_heartbeat_at -> Offline,
    listRetiredAgents lazy-loaded.
  - AgentDetailPage.test.tsx (3 cases) — D-2 phantom-trim:
    fetches by URL :id, Registered row reads registered_at,
    Capabilities + Tags sections absent.
  - OwnersPage.test.tsx (3 cases) — B-1 EditOwnerModal closure:
    list render, Edit opens modal, Save fires updateOwner.
  - TeamsPage.test.tsx (2 cases) — B-1 EditTeamModal closure.
  - AgentGroupsPage.test.tsx (2 cases) — B-1 EditAgentGroupModal closure.
  - RenewalPoliciesPage.test.tsx (3 cases) — B-1 brand-new-page closure:
    list + alert_thresholds_days display, Create modal, Edit modal.
  - DiscoveryPage.test.tsx (3 cases) — I-2 claim/dismiss closure:
    list render, status filter wiring, Dismiss fires dismissDiscoveredCertificate.

CI guardrail: .github/workflows/ci.yml step "Frontend page-coverage
regression guard (T-1)" blocks new pages from landing without sibling
.test.tsx unless added to a 14-name deferred allowlist with one-line
"why deferred" justifications.

Net coverage: 13 page-level vitest cases -> ~35 page-level vitest cases
across 14 files (was 3); total project tests 302 -> 337.

See coverage-gap-audit-2026-04-24-v5/unified-audit.md
cat-s2-c24a548076c6 for closure rationale.
2026-04-25 18:35:41 +00:00

95 lines
3.2 KiB
TypeScript

import { describe, it, expect, vi, beforeEach } from 'vitest';
import { render, screen, waitFor, fireEvent, cleanup } from '@testing-library/react';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { MemoryRouter } from 'react-router-dom';
import type { ReactNode } from 'react';
// -----------------------------------------------------------------------------
// T-1 closure (cat-s2-c24a548076c6): RenewalPoliciesPage Vitest coverage.
//
// Pins the B-1 closure that added this entire page from scratch (the
// `rp-*` records were CRUD-orphaned pre-B-1). Tests:
//
// 1. Renders the policy list when getRenewalPolicies resolves.
// 2. Create button opens the PolicyFormModal.
// 3. Edit button opens the PolicyFormModal pre-populated for an edit.
// 4. Delete confirm flow surfaces ErrRenewalPolicyInUse 409 via alert().
// -----------------------------------------------------------------------------
vi.mock('../api/client', () => ({
getRenewalPolicies: vi.fn(),
createRenewalPolicy: vi.fn(),
updateRenewalPolicy: vi.fn(),
deleteRenewalPolicy: vi.fn(),
}));
import RenewalPoliciesPage from './RenewalPoliciesPage';
import * as client from '../api/client';
function renderWithQuery(ui: ReactNode) {
const qc = new QueryClient({
defaultOptions: { queries: { retry: false, gcTime: 0, staleTime: 0 } },
});
return render(
<QueryClientProvider client={qc}>
<MemoryRouter>{ui}</MemoryRouter>
</QueryClientProvider>,
);
}
const policy = {
id: 'rp-standard-30d',
name: 'Standard 30-day',
renewal_window_days: 30,
auto_renew: true,
max_retries: 3,
retry_interval_seconds: 600,
alert_thresholds_days: [30, 14, 7, 0],
created_at: new Date().toISOString(),
updated_at: new Date().toISOString(),
};
describe('RenewalPoliciesPage — T-1 page coverage', () => {
beforeEach(() => {
vi.clearAllMocks();
cleanup();
vi.mocked(client.getRenewalPolicies).mockResolvedValue({
data: [policy],
total: 1,
page: 1,
per_page: 50,
});
});
it('renders the renewal policies list when getRenewalPolicies resolves', async () => {
renderWithQuery(<RenewalPoliciesPage />);
await waitFor(() => {
expect(screen.getByText('Standard 30-day')).toBeInTheDocument();
});
// alert_thresholds_days renders comma-separated.
expect(screen.getByText('30, 14, 7, 0')).toBeInTheDocument();
});
it('Create button opens the PolicyFormModal in create mode', async () => {
renderWithQuery(<RenewalPoliciesPage />);
await waitFor(() => {
expect(screen.getByText('Standard 30-day')).toBeInTheDocument();
});
fireEvent.click(await screen.findByRole('button', { name: /\+ New Policy/ }));
await waitFor(() => {
expect(screen.getByText('Create Renewal Policy')).toBeInTheDocument();
});
});
it('Edit button opens the PolicyFormModal in edit mode (B-1 closure)', async () => {
renderWithQuery(<RenewalPoliciesPage />);
await waitFor(() => {
expect(screen.getByText('Standard 30-day')).toBeInTheDocument();
});
fireEvent.click(await screen.findByRole('button', { name: 'Edit' }));
await waitFor(() => {
expect(screen.getByText('Edit Renewal Policy')).toBeInTheDocument();
});
});
});