| name | live-test |
| description | Perform real-time browser testing with live observation, debugging, and interactive testing. Use for manual testing scenarios, debugging application issues, validating user interactions, testing responsive design, and analyzing performance metrics. |
Live Testing Skill
Provides real-time browser testing capabilities with live observation, debugging, and interactive testing features following standardized operating procedures.
SOP: Live Testing Standard Operating Procedure
Document Control
- SOP ID: LT-001
- Version: 2.0.0
- Effective Date: Current
- Owner: Live Testing Specialist
- Review Schedule: Monthly
Purpose & Scope
Standardize live testing process to ensure consistent, real-time browser testing with comprehensive debugging, observation, and interactive testing capabilities.
Browser Setup SOP
SOP-LT001: Browser Launch and Configuration
Purpose: Configure and launch browsers for live testing sessions
Procedure:
Browser Selection and Launch
- Select appropriate browser (chromium/firefox/webkit)
- Configure launch options (headed mode always enabled)
- Set viewport dimensions (1280x800 default)
- Configure browser context and permissions
Testing Environment Setup
- Navigate to target application URL
- Wait for page load completion
- Verify application readiness
- Set up testing parameters
Observation Tools Configuration
- Enable console log monitoring
- Configure network request tracking
- Set up screenshot capture
- Initialize performance monitoring
Debugging Tools Activation
- Enable browser DevTools access
- Configure element inspection
- Set up step-by-step execution
- Configure slow-motion if needed
Interactive Testing SOP
SOP-LT002: Manual Interactive Testing Workflow
Purpose: Conduct manual testing with automated assistance and documentation
Procedure:
Testing Scenario Execution
- Follow predefined test scenario steps
- Execute user interactions systematically
- Validate each action's result
- Document findings in real-time
Real-time Validation
- Verify page element visibility
- Check element interactivity
- Validate form behavior
- Confirm navigation functionality
Interactive Intervention
- Allow manual deviation from script
- Enable user-guided exploration
- Record unexpected behaviors
- Document user observations
Progress Documentation
- Capture screenshots at key points
- Record element state changes
- Document timing information
- Note any issues or anomalies
Debugging and Analysis SOP
SOP-LT003: Real-time Debugging Process
Purpose: Capture, analyze, and document issues during live testing
Procedure:
Error Capture
- Monitor console for JavaScript errors
- Capture browser error messages
- Record stack traces
- Document error context
Network Analysis
- Monitor HTTP/HTTPS requests
- Check API response statuses
- Analyze request timing
- Identify failed network calls
Element Inspection
- Verify element selector validity
- Check element properties and state
- Validate element visibility
- Test element interactivity
Performance Analysis
- Monitor page load times
- Track resource loading
- Measure response times
- Identify performance bottlenecks
Device and Responsive Testing SOP
SOP-LT004: Multi-Device Testing Workflow
Purpose: Test applications across different devices and viewports
Procedure:
Device Simulation Setup
- Configure mobile device simulation
- Set tablet viewport dimensions
- Test desktop standard views
- Configure orientation testing
Responsive Validation
- Test layout adaptation
- Verify element repositioning
- Check text readability
- Validate touch interaction
Cross-Browser Testing
- Test on Chromium browser
- Test on Firefox browser
- Test on WebKit browser
- Compare browser-specific behaviors
Orientation Testing
- Test portrait mode
- Test landscape mode
- Verify orientation transitions
- Document responsive issues
Quality Assurance SOP
SOP-LT005: Live Testing Quality Assurance
Purpose: Ensure live testing meets quality standards and covers critical scenarios
Procedure:
Test Coverage Validation
- Verify all user journeys tested
- Check form validation coverage
- Validate navigation testing
- Confirm error handling verification
Documentation Quality Check
- Ensure comprehensive screenshots captured
- Verify detailed issue documentation
- Check recommendation quality
- Validate actionability of findings
Testing Consistency
- Verify consistent test execution
- Check reproducible issues
- Validate documentation format
- Ensure proper error handling
Performance Validation
- Verify acceptable response times
- Check resource optimization
- Validate memory usage
- Document performance issues
Session Management SOP
SOP-LT006: Live Testing Session Control
Purpose: Manage live testing sessions effectively and efficiently
Procedure:
Session Initiation
- Define session objectives clearly
- Set session time limits
- Configure keep-alive duration
- Prepare session documentation
Session Monitoring
- Track session progress
- Monitor resource usage
- Manage browser stability
- Handle session interruptions
Session Completion
- Ensure all objectives covered
- Verify documentation completeness
- Generate session summary
- Clean up session resources
Session Reporting
- Create comprehensive session report
- Include visual evidence
- Provide actionable recommendations
- Document next steps
Error Handling SOP
SOP-LT007: Live Testing Error Management
Purpose: Handle errors during live testing sessions gracefully
Procedure:
Browser Error Handling
- Capture browser crash information
- Implement browser restart procedures
- Document crash circumstances
- Provide recovery suggestions
Application Error Handling
- Capture application error states
- Document error reproduction steps
- Analyze error context
- Provide debugging guidance
Network Error Handling
- Capture network failure information
- Document request failures
- Analyze network connectivity
- Suggest network troubleshooting
System Error Handling
- Handle resource exhaustion
- Manage memory issues
- Address system limitations
- Document system constraints
Reporting and Documentation SOP
SOP-LT008: Live Testing Reporting Standards
Purpose: Generate comprehensive reports from live testing sessions
Procedure:
Session Summary Creation
- Document session objectives
- Record testing environment details
- Summarize test execution results
- Highlight key findings
Visual Evidence Collection
- Organize screenshots chronologically
- Annotate screenshots with details
- Include element state documentation
- Add context to visual evidence
Issue Documentation
- Document each identified issue
- Include reproduction steps
- Provide severity assessment
- Suggest resolution approaches
Recommendation Generation
- Provide actionable improvement suggestions
- Prioritize issues by severity
- Include best practice recommendations
- Document next testing steps
Core Capabilities
1. Live Browser Control
- Launch and control browsers in real-time
- Navigate to URLs and interact with pages
- Take screenshots and capture page state
- Record browser actions and user flows
2. Interactive Testing
- Perform manual testing with automated assistance
- Test specific scenarios on-demand
- Validate page elements and functionality
- Check responsive design and accessibility
3. Debugging Support
- Capture console logs and errors
- Inspect page elements and network requests
- Analyze page performance and timing
- Identify issues and provide solutions
4. Real-time Observation
- Watch test execution live
- Monitor page interactions
- Track network activity
- Observe element state changes
Live Testing Workflow
Browser Setup
- Launch browser with specified configuration
- Navigate to target application
- Set up testing environment
- Configure observation tools
Interactive Testing
- Perform manual user interactions
- Validate page functionality
- Test specific scenarios
- Record findings and issues
Debugging Analysis
- Capture error logs and console output
- Inspect failed elements and network requests
- Analyze performance bottlenecks
- Document issues with screenshots
Results Documentation
- Summarize testing findings
- Document identified issues
- Provide recommendations
- Create test reports
Testing Scenarios
User Journey Testing
- Complete user workflows
- Multi-step form processes
- Shopping cart flows
- Authentication processes
Element Validation
- Form validation testing
- Button functionality checks
- Link navigation testing
- Media element verification
Responsive Testing
- Mobile device simulation
- Tablet layout testing
- Desktop viewport testing
- Orientation change testing
Performance Testing
- Page load time analysis
- Network request monitoring
- Resource loading verification
- Animation performance checks
Debugging Features
Console Monitoring
- Capture JavaScript errors
- Monitor console warnings
- Track custom log messages
- Analyze error stack traces
Network Analysis
- Monitor HTTP requests
- Check API responses
- Verify resource loading
- Analyze request timing
Element Inspection
- Validate element selectors
- Check element visibility
- Analyze element properties
- Verify element interactions
Performance Metrics
- Page load times
- Resource loading times
- JavaScript execution time
- Memory usage tracking
Live Testing Tools
Browser Controls
- Navigate to URLs
- Click elements and buttons
- Fill forms and input fields
- Scroll and zoom pages
Observation Tools
- Take screenshots
- Record screen videos
- Capture page HTML
- Monitor element changes
Debugging Tools
- Browser DevTools integration
- Console log capture
- Network request monitoring
- Element inspection
Reporting Tools
- Issue documentation
- Screenshot attachments
- Test summary reports
- Recommendation generation
Quality Standards
- SOP compliance in all live testing procedures
- Comprehensive error handling and recovery
- Detailed documentation and evidence collection
- Performance monitoring and analysis
- Cross-browser and device testing coverage
- Real-time debugging and issue identification
- Session management and optimization
- Quality assurance validation and reporting