Graph Page Testing

Time-series data validation checks API endpoints for correct format and availability before rendering. Run the test script with `npx tsx .agent/skills/graph_page_testing/scripts/run-tests.ts` against your backend to assert that graph data matches expected structure and scope (national, state, metro, county, zip).

Yes. This Skill compares metric definitions and order between the graphs page and centralized configuration to ensure alignment. It validates that when a metric is added to the config, the graphs page pulls the updated metric in the correct order.

You need a running Node.js backend API, the TSX runner, and node-fetch dependency. Point API_URL to your backend (e.g., http://localhost:3000) and execute the test script to fetch and validate time-series data structure.

This Skill automates validation across all three environments by testing API endpoints, data formats, and component rendering for each metric scope. Run the test script against each environment's API endpoint to verify consistency.

Misalignment between the graphs page and centralized metric definitions causes rendering failures. This Skill detects such misalignment by validating that the React component state management and metric order match the updated central configuration.

Yes. The Skill tests time-series data endpoints across all scopes—national, state, metro, county, and zip—in a single execution, verifying API availability and data format correctness for each geographic level.