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

Question

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

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

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

Answer 1

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

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