I have a div in the page
<code><div aria-hidden="true" style="display:none" data-testid="thiscontext"/>
</code>
<code><div aria-hidden="true" style="display:none" data-testid="thiscontext"/>
</code>
<div aria-hidden="true" style="display:none" data-testid="thiscontext"/>
I am doing the following to find it
<code>await page.waitForSelector('div[data-testid="thiscontext"]', { hidden: true, visible: false, timeout: 5000 })
</code>
<code>await page.waitForSelector('div[data-testid="thiscontext"]', { hidden: true, visible: false, timeout: 5000 })
</code>
await page.waitForSelector('div[data-testid="thiscontext"]', { hidden: true, visible: false, timeout: 5000 })
I keep getting errors
<code> - waiting for locator('div[data-testid="thiscontext"]') to be visible
- locator resolved to hidden <div aria-hidden="true" style="display:none" data-testid="thiscontext"></div>
</code>
<code> - waiting for locator('div[data-testid="thiscontext"]') to be visible
- locator resolved to hidden <div aria-hidden="true" style="display:none" data-testid="thiscontext"></div>
</code>
- waiting for locator('div[data-testid="thiscontext"]') to be visible
- locator resolved to hidden <div aria-hidden="true" style="display:none" data-testid="thiscontext"></div>
How do I wait for selector on an element that will not ever have a visible display.
I know the hidden and visible options are supposed to be mutually exclusive, but I have also tried with hidden set to true without setting visible, and with visible set to false without setting hidden, and neither one works.