mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Jordan Ritter
626b86c23b
Replace TODO placeholders in all 73 QA checklist files across 17 showcase packages with specific, actionable test steps derived from reading the actual demo page source code. Each checklist now references real data-testid selectors, hook names, expected UI states, and interaction flows. Add showcase/QA-COVERAGE.md with a comprehensive matrix showing coverage across manual QA, Vitest unit tests, Playwright E2E (smoke and interaction), per-package E2E, aimock fixtures, and CI automation for all 9 demos plus the Sales Dashboard starter hero.
2.0 KiB
2.0 KiB
QA: Agentic Chat — Claude Agent SDK (Python)
Prerequisites
- Demo is deployed and accessible
- Agent backend is healthy (check /api/health)
Test Steps
1. Basic Functionality
- Navigate to the agentic-chat demo page
- Verify the chat interface loads with a text input placeholder "Type a message"
- Verify the background container (
data-testid="background-container") is visible - Verify the default background color is the theme default (rgb(250, 250, 249))
- Send a basic message (e.g. "Hello")
- Verify the agent responds with a text message
2. Feature-Specific Checks
Suggestions
- Verify "Change background" suggestion button is visible
- Verify "Generate sonnet" suggestion button is visible
- Click the "Change background" suggestion
- Verify the suggestion either populates the input or sends the message
Background Change (useFrontendTool)
- Ask "Change the background to a sunset gradient"
- Verify the background container style changes from the default
- Verify the change_background tool returns a success status
Weather Render Tool (useRenderTool)
- Type "What's the weather in Tokyo?"
- Verify loading state shows "Loading weather..." (
data-testid="weather-info-loading") - Verify WeatherCard renders (
data-testid="weather-info") with:- City name displayed
- Temperature in degrees C
- Humidity percentage
- Wind speed in mph
- Conditions text
Agent Context
- Verify the agent knows the user's name is "Bob" (provided via useAgentContext)
- Ask "What is my name?" and verify the agent responds with "Bob"
3. Error Handling
- Send an empty message (should be handled gracefully)
- Verify no console errors during normal usage
- Send a very long message and verify no UI breakage
Expected Results
- Chat loads within 3 seconds
- Agent responds within 10 seconds
- Background changes are instant after tool execution
- Weather card renders with all data fields populated
- No UI errors or broken layouts