import React from 'react';
import { vi, describe, it, expect, beforeEach } from 'vitest';
import { render, screen } from '@testing-library/react';
import { getDefaultsFromConfigSchema, useConfig } from '@openmrs/esm-framework';
import { type ConfigObject, configSchema } from './config-schema';
import { useQueueEntries } from './hooks/useQueueEntries';
import { updateSelectedQueueLocationName } from './store/store';
import Home from './home.component';

const mockUseConfig = vi.mocked(useConfig<ConfigObject>);

vi.mock('./hooks/useQueues', () => ({
  useQueues: vi.fn(() => ({ queues: [] })),
}));

vi.mock('./create-queue-entry/hooks/useQueueLocations', () => ({
  useQueueLocations: vi.fn(() => ({ queueLocations: [], isLoading: false, error: undefined })),
}));

vi.mock('./hooks/useQueueEntries', async () => ({
  ...((await vi.importActual('./hooks/useQueueEntries')) as object),
  useQueueEntries: vi.fn(),
}));

vi.mocked(useQueueEntries).mockReturnValue({
  queueEntries: [],
  isLoading: false,
  isValidating: false,
  totalCount: 0,
  error: undefined,
  mutate: vi.fn(),
});

mockUseConfig.mockReturnValue({
  ...getDefaultsFromConfigSchema(configSchema),
  visitQueueNumberAttributeUuid: 'c61ce16f-272a-41e7-9924-4c555d0932c5',
});

describe('Home Component', () => {
  beforeEach(() => {
    updateSelectedQueueLocationName('Test Location');
  });

  it('renders the service queues dashboard', () => {
    render(<Home />);

    expect(screen.getByRole('heading', { name: /patients currently in queue/i })).toBeInTheDocument();
    expect(screen.getByRole('combobox', { name: /show patients with status/i })).toBeInTheDocument();
    expect(screen.getByRole('search', { name: /search this list/i })).toBeInTheDocument();
    expect(screen.getByRole('table', { name: /queue table/i })).toBeInTheDocument();
    expect(screen.queryByRole('button', { name: /clear queue entries/i })).not.toBeInTheDocument();

    const expectedColumnHeaders = [/name/, /priority/, /coming from/, /status/, /queue/, /wait time/, /actions/];

    expectedColumnHeaders.forEach((header) => {
      expect(screen.getByRole('columnheader', { name: new RegExp(header, 'i') })).toBeInTheDocument();
    });
  });
});