Skip to main content

Testing a Static Storybook Web App

To run Screener against a static Storybook build, instead of starting the Storybook Dev server, follow these setup instructions.

What You'll Need

Run a Static Storybook Build

  1. Open your Storybook config file (under ".storybook/preview.js") and add the following snippet at the end:
    if (typeof window === 'object') {
    window.__screener_storybook__ = require('@storybook/react').getStorybook;
  2. Export your Storybook project into a static web app by running:
    npm run build-storybook
  3. Open your "screener.config.js" file and add the storybookStaticBuildDir option with its value set to your own static Storybook folder:
    module.exports = {
    projectRepo: 'sb-6.1-test',
    storybookConfigDir: '.storybook',
    apiKey: process.env.SCREENER_API_KEY,
    resolution: '1024x768',
    storybookStaticBuildDir: 'storybook-static'
  4. Run your test:
    npm run test-storybook

More Information