/**
 * PhotoDetailModal Integration Test
 * Feature: personal-user-enhancements
 * Tests: Comments integration in photo detail view
 */

import React from 'react';
import { render, screen, waitFor } from '@testing-library/react';
import '@testing-library/jest-dom';
import PhotoDetailModal from '../PhotoDetailModal';
import { ImageItem } from '@/pages/gallery/typings';

// Mock dependencies
jest.mock('@/hooks/useComments', () => ({
  __esModule: true,
  default: () => ({
    comments: [],
    loading: false,
    createLoading: false,
    updateLoading: false,
    deleteLoading: false,
    addComment: jest.fn(),
    updateComment: jest.fn(),
    deleteComment: jest.fn(),
  }),
}));

jest.mock('@/utils/userUtils', () => ({
  getAuthization: () => 'mock-token',
}));

describe('PhotoDetailModal - Comments Integration', () => {
  const mockPhoto: ImageItem = {
    instanceId: 'photo-123',
    imageName: 'test-photo.jpg',
    size: 1024000,
    createTime: '2024-01-15T10:30:00Z',
  };

  const defaultProps = {
    visible: true,
    photo: mockPhoto,
    onClose: jest.fn(),
  };

  it('should render Comments component when modal is visible', async () => {
    render(<PhotoDetailModal {...defaultProps} />);

    await waitFor(() => {
      // Check if Comments section is rendered
      expect(screen.getByText('评论')).toBeInTheDocument();
    });
  });

  it('should display photo information', async () => {
    render(<PhotoDetailModal {...defaultProps} />);

    await waitFor(() => {
      expect(screen.getByText('test-photo.jpg')).toBeInTheDocument();
      expect(screen.getByText('0.98 MB')).toBeInTheDocument();
    });
  });

  it('should not render when photo is null', () => {
    render(<PhotoDetailModal {...defaultProps} photo={null} />);

    // Modal should not render
    expect(screen.queryByText('评论')).not.toBeInTheDocument();
  });

  it('should pass correct entityType and entityId to Comments', async () => {
    const { container } = render(<PhotoDetailModal {...defaultProps} />);

    await waitFor(() => {
      // Verify the modal is rendered
      expect(container.querySelector('.ant-modal')).toBeInTheDocument();
    });
  });
});