Lost Pixel
Search
⌃K

Getting started with Ladle

Prerequisites

  • ladle that holds stories to be tested
  • lost-pixel configuration file
  1. 1.
    Follow this handy ladle guide to add it to your project in minutes
  2. 2.
    Add lost-pixel configuration file​
  3. 3.
    Add action file in the root of your project. In .github/workflows/ci.yml
    on: [push]
    jobs:
    build:
    runs-on: ubuntu-latest
    ​
    ​
    steps:
    - name: Checkout
    uses: actions/[email protected]
    ​
    - name: Setup Node
    uses: actions/[email protected]
    with:
    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
    uses: lost-pixel/[email protected]
After writing your first stories you can adopt the visual regression testing by following visual regression testing workflow​
This example is available here. You can see some other popular integrations in the lost-pixel-examples directory.