webapp-testing

What it does

This skill provides a toolkit to interact with and test local web applications utilizing the Playwright automation framework. It allows users to verify frontend functionality, debug user interface (UI) behaviors, capture browser screenshots for visual regression testing, and view the browser logs during execution. The tool is specifically designed for testing web apps running locally on your machine.

When to use it

• Frontend Regression Testing: Automatically test UI elements after code changes to ensure no unexpected behavior or styling issues have been introduced.
• Debugging UI Issues: Step through interactions and examine browser logs to pinpoint the root cause of visual or functional problems.
• Visual Documentation: Generate screenshots of key application states for documentation purposes or demonstrating functionality.
• Local Development Testing: Quickly validate that features are working as expected during local development cycles before deploying changes.

Key capabilities

• Playwright automation framework integration
• Frontend functionality verification
• UI behavior debugging
• Browser screenshot capture
• Browser log viewing

Example prompts

• "Run the test suite for my application and show me any failed tests."
• "Take a full-screen screenshot of the login page after I submit valid credentials."
• "Execute this specific test case: 'user_registration' and display the browser console logs."

Tips & gotchas

• Requires Playwright to be installed and configured in your environment. Ensure you have the necessary dependencies before using the skill.
• The tool is designed for local web application testing; remote or deployed applications are outside its scope.