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

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

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

const composedStories = composeStories(stories);

describe('TableRow 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="tableWrapper"
  >
    <table
      class="table checkbox-table"
    >
      <thead>
        <tr
          class=""
        >
          <th
            class=""
          >
            Header cell 2
          </th>
          <th
            class=""
          >
            Header cell 3
          </th>
          <th
            class=""
          >
            Header cell 4
          </th>
        </tr>
      </thead>
      <tbody>
        <tr
          class=""
        >
          <td
            class=""
          >
            Row 1, body cell 1
          </td>
          <td
            class=""
          >
            Row 1, body cell 2
          </td>
          <td
            class=""
          >
            Row 1, body cell 3
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
`);
  });
});