import { render, screen, waitFor } from '@testing-library/react';
import Projects from '@/app/components/Projects';
import '@testing-library/jest-dom';
import { mockFetch } from '@/app/__tests__/__mocks__/mock-fetch';


describe('Projects', () => {
    beforeAll(() => {
      process.env.NEXT_PUBLIC_GHOST_API_URL = 'http://localhost:2368';
      process.env.NEXT_PUBLIC_GHOST_API_KEY = 'some-key';
      global.fetch = mockFetch({
        posts: [
          {
            id: '67ac8dfa709c60000117d312',
            title: 'Just Doing Some Testing',
            meta_description: 'Hello bla bla bla bla',
            slug: 'just-doing-some-testing',
            updated_at: '2025-02-13T14:25:38.000+00:00',
          },
          {
            id: '67aaffc3709c60000117d2d9',
            title: 'Blockchain Based Voting System',
            meta_description: 'This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.',
            slug: 'blockchain-based-voting-system',
            updated_at: '2025-02-13T16:54:42.000+00:00',
          },
        ],
      });
    });

  it('renders the projects section', async () => {
    render(<Projects />);
    
    expect(await screen.findByText('Projects')).toBeInTheDocument();
    
    await waitFor(() => {
      expect(screen.getByText('Just Doing Some Testing')).toBeInTheDocument();
      expect(screen.getByText('Hello bla bla bla bla')).toBeInTheDocument();
      expect(screen.getByText('Blockchain Based Voting System')).toBeInTheDocument();
      expect(screen.getByText('This project aims to revolutionize voting systems by leveraging blockchain to ensure security, transparency, and immutability.')).toBeInTheDocument();
      expect(screen.getByText('More to come')).toBeInTheDocument();
    });
  });
});