Cypress 检查元件位置

Question

使用 Cypress.io，有没有办法检查元素的位置？我有一个问题，在某些情况下，存在滚动条不断添加和删除的错误，导致页面边缘“抖动”，我希望能够编写测试以查看是否发生这种情况断言元素的位置在出现后不会改变。我在文档中没有看到关于这种断言的任何内容。

Answer 1

我想我想通了；就像是:

let initialPosition;

cy.get('button').then(
  ($button) => {
    initialPosition = $button.position();
  }
);

cy.wait(100);

cy.get('button')
  .should(
    ($button) => {
      expect($button.position()).deep.equal(initialPosition);
    }
  );
});

没有用，但这是我想要的测试。