Wie aktualisiert man HTML nach dem Ändern der Seitenelementwerte mit dem Puppenspieler?

Question

Ich bin ratlos. Ich bin der Eingabe in ein Eingabeelement auf der Seite mit diesem:

await page.type('#username', 'test'); 

Dann würde ich die neu aktualisierte abrufen möchte, die ich versuche, mit diesen:

let html = await page.content(); 

Aber der Benutzername Feld enthält das Wort "test" nicht - es ist leer. Wenn ich einen Screenshot mache, hat er das Wort "test". Was vermisse ich?

Answer 1

Die Eingabe in ein <input> Element aktualisiert die value Eigenschaft, lässt aber das value Attribut unverändert. Aus diesem Grund sehen Sie den Text im gerenderten HTML nicht.

Um die value Eigentum:

await page.type('#username', 'test'); 
let value = await page.$('#username').getProperty('value');