#Screenshots

Steps for capturing and comparing screenshots.

#screenshot

Save a screenshot.

#Parameters

#Example

- screenshot:
    path: './results/step1.png'

#compareScreenshot

Compare the current screenshot against a baseline PNG image. Supports element-level cropping via selector for component-level visual regression testing.

#Parameters

#Example

# Full screen comparison
- compareScreenshot:
    baseline: ./baselines/home-screen.png
    threshold: 0.01

# Component-level comparison
- compareScreenshot:
    baseline: ./baselines/counter-button.png
    selector: 'Pressable:text("Count:")'
    threshold: 0.005

# Update baseline (save current as new baseline)
- compareScreenshot:
    baseline: ./baselines/home-screen.png
    update: true

#Tips

1. Run with update: true to create baselines, then commit to Git.
2. Run without update to compare current state against baselines.
3. On failure, a diff image is saved to the output directory. The HTML reporter shows the diff inline.