Getting started with Storybook
Prerequisites
storybook that holds stories to be tested
lost-pixel configuration file
Follow this storybook guide to add it to your project in minutes
Add lost-pixel configuration file
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/checkout@v3 - name: Setup Node uses: actions/setup-node@v3 with: node-version: 18.x cache: "npm" - name: Install dependencies run: npm install - name: Build Storybook run: npm run build-storybook - name: Lost Pixel uses: lost-pixel/lost-pixel@3.3.0
(Optional) Add automatic PR for easy baseline update
After writing your first stories, you can adopt the visual regression testing by following the visual regression testing workflow
Last updated