Getting started with Storybook
- storybook that holds stories to be tested
- lost-pixel configuration file
- 1.
- 2.
- 3.Add action file in the root of your project. In
.github/workflows/ci.yml
on: [push]jobs:build:runs-on: ubuntu-lateststeps:- name: Checkoutuses: actions/[email protected]- name: Setup Nodeuses: actions/[email protected]with:node-version: 18.xcache: "npm"- name: Install dependenciesrun: npm install- name: Build Storybookrun: npm run build-storybook- name: Lost Pixeluses: lost-pixel/[email protected] - 4.
Note that your
lostpixel.config.js|ts|cjs|mjs
should point to the correct relative path to built storybook or to served storybook urlAfter writing your first stories you can adopt the visual regression testing by following visual regression testing workflow
Last modified 2mo ago