Updating baseline images
The Open Source edition of Lost Pixel aims to give you building blocks for creating your visual regression testing pipelines with some limitations.
open-source editionof Lost Pixel, the updates of baselines is something that engineers need to take care of. If you have failed visual regression tests ❌ with an intended change in the visual appearance of your components/pages according to the visual regression testing workflow you need to update the baseline to reflect the intended change. After the code modifications, you will need to run the Lost Pixel update and commit new baselines to the git repository:
- You need to update the baselines on intended changes manually
- NOT RECOMMENDED You can run the baseline update locally with
npx lost-pixel updatebut it could lead to flaky results because of the subtle difference of how operating system render fonts
- RECOMMENDED Lost Pixel provides a useful recipe to create automatic PR with updated baselines in case of visual regression
- GitHub split view is your most straightforward way of comparing the before/after images.
You can use Lost Pixel Platform to reduce complexity of your testing workflow & drastically increase the speed and turnaround of the baseline updates.
Platform is currently in closed beta and is free in case by case basis.