puppeteer wait for element disappear or remove from DOM

Question

Is there any way or Puppeteer API we can wait element to disappear or remove from Dom and then continue the execution?

E.g I have a loading animation I want to wait until this loading animation remove from Dom.

Answer 1

waitForSelector has a hidden option which also check if the element is in the DOM:

await page.waitForSelector('div', {hidden: true});

Answer 2

Try this

await page.waitFor(() => !document.querySelector(querySelector));

or even the waitForFunction()

await page.waitForFunction()