Automates the setup and interactive creation of visual regression tests for Flutter components and screens.
This skill provides a comprehensive, step-by-step workflow for implementing Golden Tests in Flutter projects. It handles the complex aspects of visual testing, including font loading, Riverpod state management integration, custom theme application, and multi-device size presets. By guiding developers through an expert interview process, it ensures that test environments are correctly configured to prevent 'flaky' tests and provides a standardized way to generate screenshot-based regression tests for both individual widgets and full-page layouts, complete with automated troubleshooting logs.
Key Features
01Multi-device resolution presets ranging from iPhone SE to iPhone 14 Pro Max.
02Automated test code generation for components and full-screen layouts.
03Interactive 8-step environment setup for seamless Golden Test integration.
043 GitHub stars
05Native support for Riverpod and ProviderScope wrapping configuration.
06Built-in troubleshooting logs for resolving common font and image rendering issues.
Use Cases
01Verifying that UI refactoring hasn't caused unintended visual regressions.
02Implementing visual regression testing in a new or existing Flutter project.
03Ensuring UI consistency across various screen sizes and themes automatically.
