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

test('Item uit dropdown menu selecteren', async ({ page }) => {
  // Ga naar de site
  const browser = await chromium.launch();
  await page.goto('https://kikirijniers.nl/oefenelem.html');
  
 // Wacht tot de dropdown beschikbaar is
  await page.waitForSelector('select#producten');
  await page.click('[id="producten"]'); 

  // Selecteer Jan Steen
  await page.selectOption('select#producten', { value: 'steen' });

  // Optioneel: Verifieer of de juiste optie geselecteerd is
  const selectedValue = await page.locator('select#producten').inputValue();
  expect(selectedValue).toBe('steen');
  
  // Maak een printscreen van de gekozen optie
  await page.screenshot({ path: 'Dropdown.png', fullPage: false });
  console.log('Screenshot opgeslagen als Dropdown.png');

 // Sluit browser
  await browser.close();
});