如果元素在屏幕上可见，如何检查柏树？

Question

我有一个很长的网页，底部有一个页脚。 要查看页脚，我必须向下滚动。 我想编写一个 cypress 测试，以确保当用户位于页面顶部时页脚不可见。 为此，我编写了这样的代码：

        cy
        .get('#footer')
        .should('not.be.visible')

虽然它实际上不在屏幕上，但在页面的可见部分下方，但它失败了。

Answer 1

断言be.visible 旨在检查用户是否能够与元素交互，即使她必须向下滚动到它。

但是您可以添加和使用自定义断言isInViewport ，请查看https://github.com/cypress-io/cypress/issues/877#issuecomment-490504922 。

Answer 2

您可以像这样使用exist断言

cy.get('#footer').should('exist')

仅在元素未在 DOM 内呈现的情况下，测试才会失败