import { test, expect } from '@playwright/test';

test('Find director of the last Garfield movie', async ({ page }) => {
  // Step 1: Navigate to IMDB
  await page.goto('https://www.imdb.com/');
  
  // Verify we're on the IMDB homepage
  await expect(page).toHaveTitle(/IMDb/);
  
  // Step 2: Search for 'Garfield'
  // Click on the search box
  await page.getByTestId('suggestion-search').click();
  
  // Type 'Garfield' into the search box
  await page.getByTestId('suggestion-search').fill('Garfield');
  
  // Submit the search
  await page.getByRole('button', { name: 'Submit search' }).click();
  
  // Verify we're on the search results page
  await expect(page).toHaveURL(/\/find\/\?q=Garfield/);
  await expect(page).toHaveTitle(/Find - IMDb/);
  
  // Step 3: Click on the most recent Garfield movie (The Garfield Movie 2024)
  await page.getByRole('link', { name: 'The Garfield Movie' }).click();
  
  // Verify we're on the movie page
  await expect(page).toHaveURL(/\/title\/tt5779228/);
  await expect(page).toHaveTitle(/The Garfield Movie \(2024\)/);
  
  // Step 4: Extract the director information
  // The director information is displayed in the main content area
  const directorElement = page.locator('text=Director').locator('..').locator('a').first();
  
  // Verify the director is Mark Dindal
  await expect(directorElement).toHaveText('Mark Dindal');
  
  // Log the director name for verification
  const directorName = await directorElement.textContent();
  console.log(`Director of The Garfield Movie (2024): ${directorName}`);
  
  // Assert the expected result
  expect(directorName).toBe('Mark Dindal');
});