Genarrative/src/components/common/PlatformDangerConfirmDialog.test.tsx

/* @vitest-environment jsdom */

import { fireEvent, render, screen, within } from '@testing-library/react';
import { expect, test, vi } from 'vitest';

import { PlatformDangerConfirmDialog } from './PlatformDangerConfirmDialog';

test('renders a standard danger confirmation with cancel and confirm actions', () => {
  const onClose = vi.fn();
  const onConfirm = vi.fn();

  render(
    <PlatformDangerConfirmDialog
      open
      title="删除作品"
      description="确认删除《潮雾列岛》吗？"
      onClose={onClose}
      onConfirm={onConfirm}
      confirmLabel="确认删除"
    >
      删除后不可恢复。
    </PlatformDangerConfirmDialog>,
  );

  const dialog = screen.getByRole('dialog', { name: '删除作品' });

  expect(within(dialog).getByText('确认删除《潮雾列岛》吗？')).toBeTruthy();
  expect(within(dialog).getByText('删除后不可恢复。')).toBeTruthy();

  fireEvent.click(within(dialog).getByRole('button', { name: '取消' }));
  expect(onClose).toHaveBeenCalledTimes(1);

  fireEvent.click(within(dialog).getByRole('button', { name: '确认删除' }));
  expect(onConfirm).toHaveBeenCalledTimes(1);
});

test('forwards busy state and custom busy label for destructive actions', () => {
  const onClose = vi.fn();
  const onConfirm = vi.fn();

  render(
    <PlatformDangerConfirmDialog
      open
      title="删除作品"
      onClose={onClose}
      onConfirm={onConfirm}
      confirmLabel="确认删除"
      busyConfirmLabel="删除中"
      busy
      closeOnBackdrop={false}
    >
      正在删除。
    </PlatformDangerConfirmDialog>,
  );

  const dialog = screen.getByRole('dialog', { name: '删除作品' });
  const confirmButton = within(dialog).getByRole('button', { name: '删除中' });
  const cancelButton = within(dialog).getByRole('button', { name: '取消' });

  expect((confirmButton as HTMLButtonElement).disabled).toBe(true);
  expect((cancelButton as HTMLButtonElement).disabled).toBe(true);

  fireEvent.click(confirmButton);
  fireEvent.click(cancelButton);

  expect(onClose).not.toHaveBeenCalled();
  expect(onConfirm).not.toHaveBeenCalled();
});