So füllen Sie ein Eingabefeld mit Puppenspieler

Question

Ich benutze puppeteer für E2E-Test und jetzt versuchen, ein Eingabefeld mit dem folgenden Code zu füllen.

await page.type('#email', 'test@example.com'); 

Es funktionierte, aber ich fand die E-Mail-Adresse in das Feld ein Zeichen um ein Zeichen eingegeben wurde, als ob ein wirklicher Mensch Eingabe wurde.
Ist es möglich, das Eingabefeld gleichzeitig mit der E-Mail-Adresse zu füllen?

Answer 1

gerade eingestellte Wert von Eingang wie folgt aus:

await page.$eval('#email', el => el.value = 'test@example.com'); 

Hier ist ein Beispiel auf Wikipedia zu verwenden:

const puppeteer = require('puppeteer'); 

(async() => { 
    const browser = await puppeteer.launch(); 
    const page = await browser.newPage(); 
    await page.goto('https://en.wikipedia.org', {waitUntil: 'networkidle2'}); 

    await page.waitFor('input[name=search]'); 

    // await page.type('input[name=search]', 'Adenosine triphosphate'); 
    await page.$eval('input[name=search]', el => el.value = 'Adenosine triphosphate'); 

    await page.click('input[type="submit"]'); 
    await page.waitForSelector('#mw-content-text'); 
    const text = await page.evaluate(() => { 
     const anchor = document.querySelector('#mw-content-text'); 
     return anchor.textContent; 
    }); 
    console.log(text); 
    await browser.close(); 
})();