lostpixel.config.ts

// eslint-disable-next-line node/no-unpublished-import
import { CustomProjectConfig } from 'lost-pixel';

export const config: Partial<CustomProjectConfig> = {
  storybookShots: {
    storybookUrl: './storybook-static',
  },
  lostPixelProjectId: process.env.LOST_PIXEL_PROJECT_ID,
  apiKey: process.env.LOST_PIXEL_API_KEY,
  beforeScreenshot: async page => {
    await page.addStyleTag({
      content: `
        /* Hide images from live domains as they may sometimes change or not load properly */
        image[src*="https://images.opencollective.com/"],
        image[src*="https://images-staging.opencollective.com/"] {
          visibility: hidden;
        }

        /* Disable all background images for the same reason */
        * {
          background-image: none !important;
        }
      `,
    });
  },
};