test-runner-with-snap-speed-exp

import { runStoriesTests } from 'test-runner-with-snap-speed-exp'; import { expect } from '@playwright/test'; // Assuming a Storybook instance is running at http://localhost:6006 const storybookUrl = process.env.STORYBOOK_URL ?? 'http://localhost:6006'; const config = { storybookUrl: storybookUrl, /** * Function to execute before all stories are loaded. * Useful for global setup like custom Playwright setup or mocking. */ setup: async ({ page }) => { await page.goto(storybookUrl); console.log(`Navigated to Storybook at ${storybookUrl}`); }, testMatch: ['**/*.stories.ts?(x)', '**/*.stories.js?(x)'], /** * Define custom test logic for each story. * This example performs a basic snapshot comparison. */ test: async ({ page, story, test }) => { test(`Story: ${story.title} - ${story.name}`, async () => { await page.goto(story.url); // Wait for the story to fully render and stabilize await page.waitForSelector('#root div'); // Simple visual snapshot test using Playwright's API // In a real scenario, a more robust snapshot library would be integrated. const screenshotPath = `screenshots/${story.title.replace(/ /g, '_')}-${story.name.replace(/ /g, '_')}.png`; await expect(page).toHaveScreenshot(screenshotPath, { maxDiffPixelRatio: 0.05 }); console.log(`Snapshot taken for ${story.title}/${story.name}`); }); }, }; // Execute the test runner runStoriesTests(config).catch(error => { console.error('Test runner failed:', error); process.exit(1); });