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

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

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

const composedStories = composeStories(stories);

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

    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).toMatchInlineSnapshot(`
<div>
  <div
    class="ctaBanner"
  >
    <div
      class="ctaBanner__content"
    >
      <h2
        class="typography typography__headline1 typography--left"
      >
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </h2>
      <p
        class="typography typography__bodyCopyM typography--left"
      >
        Aliquam id dolor. Nullam dapibus fermentum ipsum. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu.
      </p>
    </div>
    <button
      class="btn btn-primary btn-sm"
      data-react-aria-pressable="true"
      type="button"
    >
      <span
        class="btn--content"
      >
        Click me!
      </span>
    </button>
  </div>
</div>
`);
  });
});