puppeteerでHTMLを取得後、動的に変更した部分を取得したい

Question

puppeteerを用いてレンダリング後のHTMLページの取得を試みています。

レンダリング後のHTMLは取得できたのですが、
そこからさらに動的に変更したデータが取れません。

例を上げると、JavaScriptで描画された３つの画像があるとします。
各画像をクリックすると、（JavaScriptによって）それに応じた画像の説明テキストが動的に変更されます。

動的に変更された後のHTMLを取得する方法を教えてください。
下記コードでは更新されたHTMLを取得できませんでした。

const puppeteer = require('puppeteer');

const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto(url);

// htmlを取得
html = await page.evaluate(() => document.documentElement.outerHTML);

//A要素をクリック
await ◯◯.click();

// 更新されたhtmlを取得（してるつもり）
updateHtml = await page.evaluate(() => document.documentElement.outerHTML);

Answer 1

すみません取れてました…。