cypress - 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);
    }
  );
});

真的不行，但这是我想要的测试。

Answer 2

是的，您可以通过赛普拉斯检查 CSS 值

例子：

.should('have.css', 'float', 'right');

.should('have.css', 'right', '10px');

.should('have.css', 'top', '50%');