/**
 * this generates a snapshot for each story exported in [ComponentName].stories.tsx
 */
export const testComponents = (
 componentName: string,
 stories: Record<string, Story | Meta>,
 viewport?: { width: number; height: number }
) => {
 describe(`${componentName} components`, () => {
 beforeEach(() => {
 if (viewport) {
 cy.viewport(viewport.width, viewport.height);
 }
 cy.on('uncaught:exception', (err) => {
 console.error('Uncaught exception:', err.message);
 return false;
 });
 });
 const storyEntries = Object.entries(stories).filter(([key]) => key !== 'default');
 storyEntries.forEach(([storyName, Story]) => {
 const viewportName = viewport ? `-${viewport.width}x${viewport.height}` : '';
 const title = `${componentName}-${storyName}${viewportName}`;
 it(`renders ${storyName} ${viewportName}`, () => {
 // @ts-expect-error: Ignore type checking for Story component
 cy.mount(React.createElement(Story, Story.args));
 cy.matchImage({ title });
 });
 });
 });
};

/* eslint-disable jest/expect-expect */
import { Meta, Story } from '@storybook/react';
import { testComponents } from '../../../cypress/support/componentTests';
import * as stories from './Tabs.stories';
const componentName = stories.default.component?.displayName ?? '';
testComponents(componentName, stories as Record<string, Story | Meta>);