rn-visual-testing
CommunityVisual RN tests across iPhone sizes.
Software Engineering#screenshots#react-native#safe-area#visual-testing#dynamic-island#ios-simulators
Authorjohanruttens
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Visual testing for React Native apps across iPhone 11–17 families, ensuring layouts render correctly on different screen sizes, safe areas, notches, and Dynamic Island.
Core Features & Use Cases
- iPhone screen reference and dim tests
- Automated screenshot capture workflows
- Simulator configuration and baseline validation
- Safe area and notch/Dynamic Island compatibility checks
- Optional Detox/React Native Owl workflows for E2E visuals
Quick Start
Begin by configuring simulators and capturing baseline screenshots for selected devices, e.g., 'setup and capture iPhone 14 and iPhone 16 Pro screenshots.'
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: rn-visual-testing Download link: https://github.com/johanruttens/paddle-battle/archive/main.zip#rn-visual-testing Please download this .zip file, extract it, and install it in the .claude/skills/ directory.