backface-visibility: hidden doesn't hide elements from cypress #2985
Labels
Comments
jennifer-shehane
added
topic: visibility 👁
type: bug
stage: ready for work
|
Thank you so much for providing a reproducible example! |
|
I'm able to reproduce this with the following code: index.html<!DOCTYPE html>
<html>
<head></head>
<body>
<div style="position: absolute; width: 200px; height: 260px; background: red; backface-visibility: hidden;">
<span id="front" >front</span>
</div>
<div style="position: absolute; width: 200px; height: 260px; background: blue; backface-visibility: hidden; transform: rotateY(180deg);">
<span id="back">back</span>
</div>
</body>
</html>spec.jsit('should not be visible', function () {
cy.visit('index.html')
cy.get('#front').should('be.visible')
cy.get('#back').should('not.be.visible')
})I added a failing test in here: #4421 backface-visibility: https://developer.mozilla.org/en-US/docs/Web/CSS/backface-visibility |
cypress-bot
bot
added
stage: work in progress
stage: needs review
|
The code for this is done in cypress-io/cypress#5591, but has yet to be released. |
|
Released in |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Current behavior:
cy.contains()is getting an element which isn't actually visibleDesired behavior:
It should fail as the element isn't visible
Steps to reproduce: (app code and test code)
https://codepen.io/desandro/pen/LmWoWe
On this pen,
cy.contains('back')will pass even when it is hidden.Versions
Latest version, chrome
The text was updated successfully, but these errors were encountered: