Curriculum Test

CurriculumTable.test.jsx

import type { ReactElement } from 'react';
import { describe } from '@asdgf/core';
import { assert } from '@asdgf/testing-helpers/uvu/assert/index.js';
import { composeStories, render, screen, waitFor, fireEvent } from 'test/render';
import { StoriesToComposeStories } from 'types/storybook';
import * as stories from './CurriculumTable.stories';

const { DefaultStory } = composeStories(stories) as StoriesToComposeStories<typeof stories>;

async function renderWithOptions(story: ReactElement) {
  const renderResult = await render(story);

  const getMoreButton = () => screen.queryAllByTestId('more-button')[0] as HTMLElement;
  const getRowsCount = () => screen.getAllByText('밀당영어 G1 기초문법').length;

  return { getMoreButton, getRowsCount, ...renderResult };
}

describe('CurriculumTable', ({ it }) => {
  it('should be able to delete item via more menu', async () => {
    const { getMoreButton, getRowsCount } = await renderWithOptions(<DefaultStory />);

    await waitFor(
      () => {
        assert.ok(getRowsCount());
      },
      { timeout: 2000 },
    );
    const initialLength = getRowsCount();

    await waitFor(() => fireEvent.click(getMoreButton()));
    await waitFor(() => fireEvent.click(screen.getByText('커리큘럼 삭제')));
    await waitFor(
      () => {
        assert.is(initialLength - 1, getRowsCount());
      },
      { timeout: 2000 },
    );
  });
});