Lost Pixel
Comment on page

Automatic baseline update PR

Lost Pixel offers and easy GitHub action integration that will help you to automate the baseline update process by creating the PR with updated images. You will just need to accept it and merge into the original branch.
Assuming you are using Ladle example, in the root of your repo let's add a new action file that runs on demand: .github/workflows/update-baselines.yml
You need to create a new personal access token to use it in the workflow and you can extend the automatic pr action by following guides in the original repo of create-pull-request
on: workflow_dispatch
runs-on: ubuntu-latest
- name: Checkout
uses: actions/checkout@v3
- name: Setup Node
uses: actions/setup-node@v2
node-version: 18.x
cache: 'npm'
- name: Install dependencies
run: npm install
- name: Build ladle
run: npm run build
- name: Serve ladle
run: npm run serve &
- name: Lost Pixel
id: lp
uses: lost-pixel/lost-[email protected]
- name: Create Pull Request
uses: peter-evans/create-pull-request@v4
if: ${{ failure() && steps.lp.conclusion == 'failure' }}
token: ${{ secrets.GH_TOKEN }}
commit-message: update lost-pixel baselines
delete-branch: true
branch: 'lost-pixel-update/${{ github.ref_name }}'
title: 'Lost Pixel update - ${{ github.ref_name }}'
body: Automated baseline update PR created by Lost Pixel
Run the action this way
The action run will generate a new PR against the original branch that will contain updated baselines, merge it and expect your tests to be green again
Automatically generated PR