Difference between visible:false and hidden:true

Question

What is the difference between visible:false and hidden:true for page.waitForSelector

I read puppeteer page.waitForSelector documentation and PR 967

I am not able to understand their usecases as well as most importantly difference between them.

await page.waitForSelector(selector, {visible:false});

and

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

Can someone please put some light on it and explain with real life scenarios?

These CSS attributes do not exactly do the same: https://stackoverflow.com/questions/133051/what-is-the-difference-between-visibilityhidden-and-displaynone — Pit, Sep 02 '19 at 11:10

score 1 · Answer 1 · answered Sep 02 '19 at 10:26

1

The options have simply a reverse boolean logic:

hidden: true

display: none or visibility: hidden CSS

visible: false

display: none or visibility: hidden CSS

answered Sep 02 '19 at 10:26

Mosè Raguzzini

Both is dispay:none or visibility:hidden CSS. So what is the difference? – Govinda Sep 02 '19 at 10:51
The difference is in the boolean provided, one is falsy, the other is truthy. Output result are the same – Mosè Raguzzini Sep 02 '19 at 11:01

1 Answers1