Frontend Verification & Testing - Angular Frontend Testing with Chrome DevTools
Verify Angular 18 frontend changes using Chrome DevTools MCP to check console errors, network requests, and visual rendering
Tags
Updated: 2026-05-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- navigate page
- take screenshot
- take snapshot
- list console messages
- list network requests
- click element
- fill input
- resize page
- hover element
- wait for text
- execute script
Inputs
- Local dev server
- Backend API endpoint
- Authentication token
- Angular project files
Outputs
- Console error messages
- Network request details
- Screenshot images
- Verification report
Requirements
- Chrome DevTools MCP server
- Angular 18 dev environment
- Running backend server
- Read and Bash tools