Browser glitches

Eliminate browser-induced visual discrepancies like border-radius differences with a consistent test environment.

The same page can render differently across operating systems and browser versions. Run your tests in the same environment everywhere — same OS, same browser version, locally and on CI — and smooth over the few properties that still render inconsistently.

The most common cross-environment glitch is text rendering. See Stabilize text rendering for the launch options that make glyphs render identically everywhere.

Border radius

The border-radius property can render differently across browsers and devices. Add the data-visual-test-no-radius Argos helper to remove the border radius in screenshots:

<button className="rounded" data-visual-test-no-radius>My button</button>