elementHandle.isVisible should return straight away even if the selector was not found

[ankur22]

Brief summary

Currently when we work with elementHandle.isVisible it will wait and try to match on the given selector before returning true or false on whether it is visible or not. To match Playwrights behaviour, and the expectations of our users, we should change the behaviour to return straight away even if the selector is not present in the DOM.

  await page.goto(`url-redacted`)

  const alreadyInstalled = await page.locator('//h3[text()="Resource consumption"]').isVisible()

  if (alreadyInstalled) {
    console.log('Dashboards and alert rules already installed on the page')
    return
  }

xk6-browser version

v0.45.0

OS

NA

Chrome version

NA

Docker version and image (if applicable)

NA

Steps to reproduce the problem

1. Work with elementHandle.isVisible and set the selector to something that will not be present on the page that the test navigates to.

Expected behaviour

It should return false straight away.

Actual behaviour

It waits for the selector to match, but eventually times out.

Tasks

Preview Give feedback

1. Use force and noWaitAfter in frame.newAction -- Use force and noWaitAfter in frame.newAction #1102
2. Add 1102 to release notes -- Adding additional Browser changes k6#3465
3. Refactor query to allow strict mode -- Refactor query #1107
4. Implement the fix -- Fix isVisible #1108
5. Fix the checks for other APIs that shouldn't wait -- Refactor isHidden to return an error #1109 & Fix isHidden #1110
6. Remove timeout option since the API will not wait for the selector -- Remove the timeout option from isVisible and isHidden #1111
7. Add it to the release notes -- Add various browser module changes k6#3506
8. Update the type definitions -- Update k6 browser module isVisible and isHidden definitions k6-DefinitelyTyped#23
9. Update the documentation -- Update browser module isVisible and isHidden docs k6-docs#1457