How do I compare screenshots made during onReady?

I am creating screenshots for testing an app, and I require multiple screenshots after clicks and inputs in a specific order.

`
await page.waitForNetworkIdle()
await sleep(1000)

await page.click("button.add-item")

await sleep(1000)
await page.screenshot()

await page.click("div[class^='buttonGroup'] > button:nth-child(2)")
await sleep(1000)

await page.screenshot()
await sleep(10000)
`

In this example the screenshots are ignored/overwritten and in the end I only get one screenshot at the end in the html report.
How do I setup something like this correctly?