Frontend Verification & Testing - Verify Angular 18 frontend with Chrome DevTools MCP
Verify Angular 18 frontend changes by checking console errors, network requests, and visual rendering using Chrome DevTools MCP
Tags
Updated: 2026-05-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- navigate to page URL
- take screenshot capture
- check console error logs
- check network requests
- test user interactions
- resize page viewport
- capture accessibility snapshot
- fill input form fields
Inputs
- Angular 18 application files
- running frontend server
- running backend API
- browser page URL
- Chrome DevTools MCP tools
Outputs
- verification results report
- page screenshot files
- console error details
- network request data
- accessibility tree snapshot
Requirements
- Angular 18.2.0+ frontend
- Chrome DevTools MCP server
- frontend dev server
- backend API server
- Read and Bash tools