Cypress 检查元素是否有滚动条可见

Question

我有一个应该有 10 个元素的列表，如果列表包含 11 个元素，我需要显示滚动，则容器是固定大小的。一切都很好，但我如何检查滚动是否存在？

cy.get('[data-testid=list-box]')

Answer 1

我通过使用 jQuery 测量高度和滚动高度来做到这一点。

  it("should force scroll within a large body", () => {
    cy.get(".lorem-ipsum-header").click();
    cy.get(".section-body")
      .should("have.length", 1)
      .eq(0)
      .should("contain.text", "Lorem ipsum")
      .then(($body) => {
        cy.wrap($body).invoke("outerHeight").should("eq", 583);
        cy.wrap($body).invoke("prop", "scrollHeight").should("eq", 1892);
      });
  });