testing-and-debugging

What problem does it solve?

This Skill provides a comprehensive guide for diagnosing and debugging issues across the vehicle insurance data analysis platform's Vue 3 frontend, Flask backend, and Pandas data processing layers. It offers quick diagnostic workflows and proven troubleshooting steps to resolve common problems efficiently.

Core Features & Use Cases

• Problem Layer Identification: Helps categorize issues as frontend, backend, or integration, guiding the user to the right diagnostic tools.
• Diagnostic Commands: Provides essential commands for checking service status (lsof, ps aux), viewing logs (tail -f), and testing APIs (curl).
• Common Issues Reference: Links to a detailed guide for frequent problems like data not refreshing, filters not working, chart display issues, API errors, and performance bottlenecks.
• Logging Best Practices: Outlines effective logging strategies for both frontend (browser console) and backend (backend.log).
• Use Case: A user reports that a chart is not displaying data. This skill guides them to check the browser console for ECharts errors, verify the chart container's dimensions, and inspect the data structure being passed to the chart component.

Quick Start

A user reports that the dashboard data is not refreshing. Diagnose the issue by checking backend logs and testing the API endpoint.