compatibility-testing

The compatibility-testing skill provides a comprehensive framework for validating web application consistency across diverse environments. Designed for quality engineers and frontend developers, this skill leverages automated browser orchestration to catch layout regressions, responsive design failures, and cross-platform rendering issues before they reach production. By focusing on the 95% of browser and device combinations that represent your actual user base, the skill maximizes testing ROI while maintaining high visual and functional standards.

• Automated browser-driven checks for viewport emulation, responsive validation, and cross-browser visual diffing.

• Multi-platform support including integration with Playwright for engine-level testing (Chrome, Firefox, Safari, Edge).

• Cloud testing integration with major platforms like BrowserStack and Sauce Labs to facilitate parallel device execution.

• Agent-coordinated workflows utilizing specialized agents such as qe-visual-tester, qe-test-executor, and qe-performance-tester.

• Capability to handle complex browser matrices including mobile (iOS/Android) and desktop breakpoints (320px to 1920px).

• When executing tests, define your browser matrix based on real-world analytics to ensure efficient coverage of high-traffic user environments.

• Use the provided vibium CLI integration for rapid local feedback on responsive layouts and screen resolutions.

• Leverage the agent-driven execution patterns to parallelize runs across multiple devices, reducing total test suite time significantly.

• Practical constraints include maintaining an updated device configuration in the memory namespace and ensuring API keys for cloud services (e.g., BrowserStack) are correctly provisioned in your CI/CD environment.

• Input requirements include target URLs, desired browser sets, and device breakpoints; outputs typically include pass/fail status, visual diff reports, and compatibility logs.