Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Cypress 柏木止回元件位置_Cypress - Fatal编程技术网

Cypress 柏木止回元件位置

Cypress 柏木止回元件位置,cypress,Cypress,使用Cypress.io,是否有方法检查元素的位置?我有一个问题,在某些情况下,滚动条不断地被添加和删除,导致页面边缘“抖动”,我希望能够编写一个测试,通过断言元素的位置在显示后没有改变来查看是否发生了这种情况。我在文档中没有看到关于这种断言的任何内容。我想我已经明白了;比如: let initialPosition; cy.get('button').then( ($button) => { initialPosition = $button.position(); }

使用Cypress.io,是否有方法检查元素的位置?我有一个问题,在某些情况下,滚动条不断地被添加和删除,导致页面边缘“抖动”,我希望能够编写一个测试,通过断言元素的位置在显示后没有改变来查看是否发生了这种情况。我在文档中没有看到关于这种断言的任何内容。

我想我已经明白了;比如:

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

这不会给出页面上的实际位置,只给出应用于元素的样式。