Changelog

Introduing screenshot diff variants, allowing you to view and select different variations of a screenshot diff based on viewport size or browser.

• Multi-viewport & multi-browser comparison: Quickly switch between different versions of a screenshot taken on various browsers and viewports.
• Faster debugging: Easily spot inconsistencies across different environments without switching context.
• Better accuracy: Ensure that visual regressions are correctly assessed across all targeted configurations.

This feature helps teams catch cross-browser and responsive issues faster. You can access screenshot diff variants directly from the diff viewer when inspecting a visual change.

Introducing Spend Management, a feature designed to help you monitor and control your team’s visual testing expenses effectively.

• Customizable Spend Limits: Set specific spending thresholds per billing cycle to manage your budget proactively.
• Alert Notifications: Receive email alerts at 50%, 75%, and 100% of your set spend amount, keeping you informed of your usage.
• Automated Project Pausing: Enable automatic pausing of all projects when your spending limit is reached, preventing unexpected overages.

Spend Management is available on Pro and Enterprise plans (usage-based). To get started, navigate to your team’s Settings tab and configure your spending preferences.

For detailed instructions, refer to our Spend Management documentation.

We’ve rolled out two new improvements to streamline your build workflow.

Build review history

Easily see who reviewed each build and when for improved collaboration. Quick timestamps and reviewer details help you track approvals and rejections at a glance. See the full review history by hovering over the build status.

Build filtering

Filter by status or type to quickly pinpoint the builds you need. This speeds up your workflow and helps you stay organized. Explore the new filters in your Builds tab today.

To wrap up the year on a high note, we’re introducing Team Analytics, a new dashboard that helps you track and understand your visual testing activity at a glance. Monitor builds, screenshots, and detailed usage to keep your team running efficiently.

• Build & Screenshot Trends: Compare how each project contributes to the total number of builds and screenshots, all in one place.
• Usage by period: Quickly review activity to spot trends and see how your test volume evolves over time.
• Screenshots by Project: Get a breakdown of each project’s screenshot usage, making it easy to allocate resources.
• Screenshots by Build: Dive deeper into each build’s screenshot count for a fine-grained analysis of your tests.

This feature is included in all plans. Head to your Analytics tab and see your team’s metrics in action.

Argos now lets you select a default role for all team contributors in a given project. Instead of assigning roles one-by-one, you can define a single default role: viewer, reviewer, or admin. This avoid repetitive manual assignments and ensures that every contributor has the correct level of access.

• Centralized control: Choose a default role to apply to every contributor in a project, cutting down on repetitive manual assignments.
• Flexible access: Continue customizing individual contributor roles as needed, ensuring that you maintain control and clarity for your entire team.
• Simplified management: Make onboarding new contributors easier by ensuring they’re immediately assigned a baseline level of permissions.

Check out the documentation for more details on setting default roles and refining access levels.

Argos now offers an official Storybook SDK to streamline visual testing within your component library. With our SDK, you can catch UI regressions early and ensure consistent design across your application.

• Effortless setup: Built with the Storybook test runner, our SDK allows a straightforward and quick integration process, so you can focus on testing.
• Component-level insights: Catch visual regressions early by running tests directly within your Storybook library, ensuring isolated and accurate results.
• Streamlined workflow: With Argos Storybook SDK, bring visual testing closer to your design system, reducing friction between design and development teams.

Get started today with our Storybook SDK documentation and unlock a new level of confidence in your component library.

We’re excited to announce the release of multi-branches in Argos, designed to make visual testing even more flexible and efficient.

Base branch inference

Argos now automatically infers the correct base branch for each pull request, ensuring visual tests are compared against the appropriate baseline. This removes the need for manual setup and guarantees that regressions are detected and resolved within the correct context.

Auto-approved branches

You can now specify which branches should be auto-approved, giving you more control over your testing flow. This feature reduces manual approval steps by allowing branches that meet your criteria to be auto-approved, streamlining your team’s workflow.

No additional configuration required

These improvements are automatically applied to all projects. You don’t need to configure anything to start benefiting from these features immediately. However, if you prefer, you can customize their behavior in the project settings.

For more details on how to configure multi-branch support, visit our documentation.

It is now possible to specify a sensitivity threshold for each screenshot. This enhancement enables you to adjust the sensitivity based on the nature of the application being tested.

For example, the Mermaid team, who use Argos to test their diagrams, can reduce the sensitivity threshold for their less flaky content. This ensures that your visual tests are more accurate and reduces false positives, providing you with more reliable results.

• Reduce false positives: Especially useful for less flaky content like Mermaid diagrams, leading to more consistent and dependable visual testing.
• Enhanced flexibility: Gives you greater control over your visual testing process, allowing for more nuanced adjustments and improved test outcomes.

The threshold option is now available in all SDKs under the argosScreenshot options. You can also apply it directly via the command line using the --threshold flag, which will be applied to all screenshots.

Introducing the Argos Change Highlighter, a vertical bar that marks zones of differences, designed to streamline and enhance your visual testing experience.

• Quick detection: The vertical Change Highlighter bar makes it easy to identify minor changes without scanning the entire screenshot.
• Efficiency boost: Speed up your visual testing reviews by focusing only on the highlighted differences.
• Enhanced accuracy: Ensure that no small change goes unnoticed, improving the reliability of your visual tests.

The Argos Change Highlighter is available now for all plans.

We finally introduce support for partial re-runs in GitHub Actions, a significant enhancement to streamline your CI/CD processes with Argos.

• Time savings: No more waiting for entire workflows to complete. Re-run only the steps that failed or need updating.
• Cost efficiency: Reduce computational costs by avoiding unnecessary re-execution of successful steps.
• Ecology concern: Lower energy consumption by minimizing redundant processing, contributing to a greener environment.

To benefit from this feature, update your SDK. If you don't use Playwright, set the ARGOS_PARALLEL_INDEX environment variable in your GitHub Actions workflow.