Cypress 柏木止回元件位置
使用Cypress.io,是否有方法检查元素的位置?我有一个问题,在某些情况下,滚动条不断地被添加和删除,导致页面边缘“抖动”,我希望能够编写一个测试,通过断言元素的位置在显示后没有改变来查看是否发生了这种情况。我在文档中没有看到关于这种断言的任何内容。我想我已经明白了;比如:Cypress 柏木止回元件位置,cypress,Cypress,使用Cypress.io,是否有方法检查元素的位置?我有一个问题,在某些情况下,滚动条不断地被添加和删除,导致页面边缘“抖动”,我希望能够编写一个测试,通过断言元素的位置在显示后没有改变来查看是否发生了这种情况。我在文档中没有看到关于这种断言的任何内容。我想我已经明白了;比如: let initialPosition; cy.get('button').then( ($button) => { initialPosition = $button.position(); }
let initialPosition;
cy.get('button').then(
($button) => {
initialPosition = $button.position();
}
);
cy.wait(100);
cy.get('button')
.should(
($button) => {
expect($button.position()).deep.equal(initialPosition);
}
);
});
实际上不起作用,但这是我想要的测试。是的,您可以通过Cypress检查CSS值 示例:
.should('have.css', 'float', 'right');
.should('have.css', 'right', '10px');
.should('have.css', 'top', '50%');
这不会给出页面上的实际位置,只给出应用于元素的样式。