如何等待属性更改

Question

我在 ag-grid 中有一个 DOM 元素

<div class="ag-floating-bottom" ref="eBottom" role="presentation" 
  style="min-height:0px;height:0px; display:none;overflow-y:scroll;">

当我 select 一些来自某些列的过滤器时，网格被归结为只有几行并且这个overflow-y属性被更改为overflow-y:hidden from scroll

<div class="ag-floating-bottom" ref="eBottom" role="presentation" 
  style="min-height:0px;height:0px; display:none;overflow-y:hidden;">

我想等待这个属性 overflow-y 直到它变成hidden

Answer 1

您可以使用“have.css”断言检查元素声明的内容，如下所示：

cy.get('div[ref="eBottom"]')
  .should('have.css', 'overflow-y', 'hidden')  // retry until scroll becomes hidden

Answer 2

.should 将重试直到满足条件，如果它花费的时间超过默认超时，您也可以在 get 中传递超时

cy.get('div[ref="eBottom"]', {timeout: 90000}).should('have.css', 'overflow-y', 'hidden')