import React from 'react';
import { composeStories } from '@storybook/react-vite';

import { render as testRender } from '../../../vitest/render';

import * as stories from './ReorderableListing.stories';

const composedStories = composeStories(stories);

describe('ReorderableListing Story Snapshots', () => {
  it('has tests for all stories', () => {
    const storyNames = Object.keys(composedStories);
    const testedStories = new Set(['Default', 'Example', 'WithoutFooter', 'Controlled', 'InUse', 'ItemStates']);

    const untestedStories = storyNames.filter(name => !testedStories.has(name));

    expect(untestedStories).toEqual([]);
  });

  it('renders Default story', () => {
    const Story = composedStories.Default;
    const { container } = testRender(<Story />);
    expect(container).toMatchSnapshot();
  });

  it('renders Example story', () => {
    const Story = composedStories.Example;
    const { container } = testRender(<Story />);
    expect(container).toMatchSnapshot();
  });

  it('renders WithoutFooter story', () => {
    const Story = composedStories.WithoutFooter;
    const { container } = testRender(<Story />);
    expect(container).toMatchSnapshot();
  });

  it('renders Controlled story', () => {
    const Story = composedStories.Controlled;
    const { container } = testRender(<Story />);
    expect(container).toMatchSnapshot();
  });

  it('renders InUse story', () => {
    const Story = composedStories.InUse;
    const { container } = testRender(<Story />);
    expect(container).toMatchSnapshot();
  });

  it('renders ItemStates story', () => {
    const Story = composedStories.ItemStates;
    const { container } = testRender(<Story />);
    expect(container).toMatchSnapshot();
  });
});