chromatic/bin/ui/tasks/build.js

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

import { getDuration } from '../../lib/tasks';

const fullCommand = ({ command, clientArgs, scriptArgs }) =>
  [command, ...clientArgs, ...scriptArgs].join(' ');

export const initial = {
  status: 'initial',
  title: 'Build Storybook',
};

export const pending = (ctx) => ({
  status: 'pending',
  title: `Building your Storybook`,
  output: `Running command: ${fullCommand(ctx.spawnParams)}`,
});

export const success = (ctx) => ({
  status: 'success',
  title: `Storybook built in ${getDuration(ctx)}`,
  output: `View build log at ${ctx.buildLogFile}`,
});

export const skipped = (ctx) => ({
  status: 'skipped',
  title: 'Build Storybook [skipped]',
  output: `Using prebuilt Storybook at ${ctx.options.storybookBuildDir}`,
});

export const failed = (ctx) => ({
  status: 'error',
  title: `Building your Storybook`,
  output: `Command failed: ${fullCommand(ctx.spawnParams)}`,
});