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

test('Invoervelden invullen', async ({ page }) => {
  // Ga naar de site
    const browser = await chromium.launch();
    await page.goto('https://kikirijniers.nl/oefenelem.html');
  
 // Voer de invoervelden in
 // await page.waitForSelector('[id="naam"]', { state: 'visible' }); kan er eventueel bij.
    await page.click('[id="naam"]'); 
    await page.type('[id="naam"]', 'Test Pipo');
    await page.keyboard.press('Enter');

    await page.click('[id="email"]'); 
    await page.type('[id="email"]', 'tester@test.com');
    await page.keyboard.press('Enter');

    await page.click('[id="telefoon"]'); 
    await page.type('[id="telefoon"]', '0612345678', { delay: 300 }); //langzamer invoeren
    await page.keyboard.press('Enter');
  
  // Maak een printscreen van de invoer
    await page.screenshot({ path: 'Invoer.png', fullPage: false });
    console.log('Screenshot opgeslagen als Invoer.png');

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