Once the installation is complete, Argos will receive screenshots when you create a pull request or update the reference branch. On GitHub, pull requests will now have a new check status indicating if visual changes are detected.
No changes detected
If no changes are detected, the status is ✅ Pass, and you can confidently merge your pull request.
If changes are detected, the GitHub check status is 🟠 Pending and is waiting for your review. Click on Details link to review the changes.
Reviewing visual changes
Click on Details link will redirect you to an Argos' build page.
Here, you will find all the screenshots introduced by your pull request (right) compared to their previous version from the reference branch (left). The side-by-side UI is designed to quickly spot visual changes (red) and quickly verify if frontend match the expected results.
You can navigate through the screenshot diffs by clicking on the sidebar, the navigation buttons, or by using your keyboard.
Tip: You can press ? to show all available keyboard shortcut list.
Reject a build
If you spot a visual bug or if a screenshot doesn't meet your expectations, click on Review changes button and select 👎 Reject changes. The build status will become 🔴 Changes rejected and GitHub will be notified of the rejection.
After rejecting the changes, you should commit a fix to your pull request.
Approve a build
When screenshots match the expected results, click on Review changes button and select 👍 Approve changes. The build status will become 🟢 Changes approved and GitHub will be notified of the approval.
Once the changes are accepted, you can confidently merge your pull request.
Join the Argos Community
Congratulations on mastering the art of monitoring visual changes in your development workflow! To continue expanding your knowledge, suggest new features, or stay updated on Argos news, we encourage you to join the Argos Discord channel.