chromatic/bin/ui/tasks/storybookInfo.stories.js

Automate visual testing across browsers. Gather UI feedback. Versioned documentation.

import task from '../components/task';
import { initial, pending, success } from './storybookInfo';

export default {
  title: 'CLI/Tasks/StorybookInfo',
  decorators: [(storyFn) => task(storyFn())],
};

const storybook = {
  version: '5.3.0',
  viewLayer: 'web-components',
  addons: [],
};
const addons = [{ name: 'actions' }, { name: 'docs' }, { name: 'design-assets' }];

export const Initial = () => initial;

export const Pending = () => pending();

export const Success = () => success({ storybook });

export const WithAddons = () => success({ storybook: { ...storybook, addons } });