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

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

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

const composedStories = composeStories(stories);

describe('PageAnchor Story Snapshots', () => {
  it('has tests for all stories', () => {
    const storyNames = Object.keys(composedStories);
    const testedStories = new Set(['Number', 'Next']);

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

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

  it('renders Number story', () => {
    const Story = composedStories.Number;
    const { container } = testRender(<Story />);
    expect(container).toMatchInlineSnapshot(`
<div>
  <a
    class="btn btn-secondary btn-sm"
    data-react-aria-pressable="true"
    href="/4"
  >
    4
  </a>
</div>
`);
  });

  it('renders Next story', () => {
    const Story = composedStories.Next;
    const { container } = testRender(<Story />);
    expect(container).toMatchInlineSnapshot(`
<div>
  <a
    aria-label="Next page"
    class="btn btn-secondary btn-sm shp-next"
    data-react-aria-pressable="true"
    href="/next"
  />
</div>
`);
  });
});