search

chromaui / addon-visual-tests

Visual Tests addon for Storybook
MIT License
33 stars 2 forks source link

UI to indicate new story and tests (modes) #101

Closed weeksling closed 11 months ago

weeksling commented 12 months ago

This adds the UI for indicating if the current story is a new story, or if the current snapshot is a new test mode. It also disables the toggle snapshot button if there is no baseCapture, and makes the footer and header sticky

To test:

  1. View storybook for changes.
  2. View the build for this branch by the addon on a new story like this one
    1. New story will have no toggle baseline either.
  3. Create a new story. It should show a UI to trigger a new story.
📦 Published PR as canary version: 0.0.96--canary.101.301375d.0
:sparkles: Test out this PR locally via: ```bash npm install @chromaui/addon-visual-tests@0.0.96--canary.101.301375d.0 # or yarn add @chromaui/addon-visual-tests@0.0.96--canary.101.301375d.0 ```
linear[bot] commented 12 months ago
AP-3632 UI for new story

[New story detected - Visual testing in Storybook (Figma)](https://www.figma.com/file/GFEbCgCVDtbZhngULbw2gP/Visual-testing-in-Storybook?type=design&node-id=1898-563233&mode=design&t=M8C1zgw19KVEajF9-0) Currently we show: [image.png](https://uploads.linear.app/cfa7d1b1-ff77-4dbe-ae92-8cf23f92a7a9/83b6423e-2d1e-470c-869a-d60f8b96865c/69961625-7e0d-44d6-adcc-0d26934bc9ac)