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

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

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

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

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

JavaScript
1const puppeteer = require('puppeteer');
2
3const browser = await puppeteer.launch();
4const page = await browser.newPage();
5await page.goto(url);
6
7// htmlを取得
8html = await page.evaluate(() => document.documentElement.outerHTML);
9
10//A要素をクリック
11await ◯◯.click();
12
13// 更新されたhtmlを取得（してるつもり）
14updateHtml = await page.evaluate(() => document.documentElement.outerHTML);