puppeteerを使用してページ要素の値を変更した後に更新されたhtmlを取得するにはどうすればよいですか？

Question

私は迷っています。私はこれを使用して、ページ上の入力要素に入力しています：

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

それから私は、新たに更新を取得したいのですが、私はこれを使用してしようとしていた：

let html = await page.content(); 

しかし、ユーザ名フィールドに「test」という単語は含まれていません。空白です。スクリーンショットを撮ると、「テスト」という単語が表示されます。私は何が欠けていますか？

Answer 1

<input>要素を入力するとvalueプロパティが更新されますが、value属性は変更されません。これは、レンダリングされたHTMLにテキストが表示されない理由です。

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

：

は valueプロパティを取得するには