Lost Pixel - Storybook + GitHub actions

lost-pixel.config.ts

import { CustomProjectConfig } from 'lost-pixel';

export const config: CustomProjectConfig = {
  storybookShots: {
    storybookUrl: './storybook-static',
  },
  lostPixelProjectId: "YOUR_PROJECT_ID",
  apiKey: process.env.LOST_PIXEL_API_KEY,
};

visual-testing.yaml

on: [push]

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout
        uses: actions/checkout@v3
      - name: Setup Node
        uses: actions/setup-node@v3
      - name: Install dependencies
        run: npm ci

      - name: Build Storybook
        run: npm run build-storybook

      - name: Lost Pixel
        uses: lost-pixel/lost-pixel@v3.8.2

GitHub action

setup

lost-pixel setup

Storybook Setup