skills.rest
jimbrig
jimbrigCOMMUNITY
Explore all skills by this author →
Website𝕏@jimbrig2011GitHub

Graph Page Testing

Align PropertyIQ graphs page metrics and rendering with centralized map configurations.

Updated Nov 25, 2025
Search Tags:#react#metrics#api-validation#data-quality#timeseries#graph-testing
One-click install
npx skills add https://github.com/jimbrig/Realestate --skill graph-page-testing-jimbrig
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Graph Page Testing
Source: https://github.com/jimbrig/Realestate/tree/main/.agent/skills/graph_page_testing
Command: npx skills add https://github.com/jimbrig/Realestate --skill graph-page-testing-jimbrig

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires node-fetch, and includes scripts (resource) components.

What problem does it solve?

Aligns the PropertyIQ graphs page with centralized map metric definitions, ensuring consistent data, definitions, and rendering between sources.

Core Features & Use Cases

  • Alignment Verification checks that the graphs page uses the same metric definitions and order as the map sidebar.
  • Data Fetching Validation ensures backend time-series endpoints are reachable and return correctly formatted data.
  • Component Analysis reviews React components for correct state management and rendering behavior.

Quick Start

Run the test suite to verify time-series data endpoints and metric alignment on the graphs page.

Frequently Asked Questions about Graph Page Testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I verify time-series data validation for React graph components?▼

Time-series data validation checks that backend endpoints are reachable and return correctly formatted data while analyzing React components for correct state management and rendering behavior.

What causes metric definition mismatches between a graphs page and a map sidebar?▼

Metric definition mismatches occur when the graphs page uses different definitions or ordering than centralized map configurations, requiring alignment verification to ensure consistent data and rendering.

How do I run API validation tests against backend endpoints for graph rendering?▼

API validation tests run against the local or staging backend to confirm endpoint data shapes and reachability, verifying that backend time-series endpoints return correctly formatted data.

Do I need access to map configuration files to check metric alignment on a graphs page?▼

Yes, checking metric alignment requires access to both the graphs and map configuration files to verify that metric definitions and ordering match the centralized map configurations.

What's the best way to harden time-series graph rendering and API endpoints?▼

Harden time-series graph rendering by running test suites that verify endpoint reachability, validate data shapes, and review React component state management and rendering behavior.

Why does my graphs page display metrics in the wrong order compared to map configurations?▼

Metrics display in the wrong order when the graphs page lacks alignment with centralized map metric definitions, requiring alignment verification to fix discrepancies and ensure consistent ordering.

Related Skills

Explore More Data & Analytics Skills→
th309th309

Graph Page Testing

Automates validation of PropertyIQ graphs data against centralized metric configurations.

Community
Intermediate
VictoriaMetricsVictoriaMetrics
45

victoriametrics-query

Query VictoriaMetrics HTTP endpoints for MetricsQL/PromQL results, labels, alerts, and diagnostics.

Official
Intermediate
JoeGaebelJoeGaebel
25

jest-frontend-testing

Generates React component and hook tests with React Testing Library and MSW API mocking.

Community
Intermediate
git-taogit-tao

contract-validation

Validate frontend-backend API contracts for schema and endpoint consistency.

Community
Intermediate