<option> should be considered visible if in visible select

[jennifer-shehane]

Current behavior:

Asserting on an <option> visibility displays as hidden when in a visible select. It's a bit weird since you can't really select it and look at the options to see what's visible.

Desired behavior:

When asserting visibility of an <option>, it should display as visible if it's containing <select> is visible - we should assume that the functionality of how the browser renders options works.

Steps to reproduce: (app code and test code)

<select>
  <option id="option">Naruto</option>
</select>

<select>
  <optgroup id="optgroup" label='Shinobi'>
    <option>Naruto</option>
  </optgroup>
</select>

cy.get('#option').should('be.visible')
cy.get('#optgroup').should('be.visiblle')

Versions

Cypress 3.3.1

[cypress-bot]

The code for this is done in cypress-io/cypress#4421, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 3.3.2.