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%');

赛普拉斯检查元素位置

2 个答案: