javascript - Cypress :检查空元素

Question

我的问题相当简单，但我还没有找到任何与之对应的答案，我如何断言 Cypress 的元素为空？我只想确保元素不包含文本。
我最初的试验是

cy.find('.someElement').should('have.text', '');

但是即使我的 div 在 DOM 中是空的，我也遇到了这个错误

expected '<div.someElement>' to have text '', but the text was '\n \n \n      '

我让它使用

 cy.find('.someElement')
    .should(($el) => {
      expect($el.text().trim()).equal('');
    });

但我不明白为什么我必须 trim 元素的文本。

Answer 1

有些元素包含空格，有些则不包含。如果元素定义中有换行符，则它包含空格。

<div class='this_element_contains_whitespace'>
  <span></span>
</div>

<div class='this_element_doesnt'><span></span></div>

trim()用于允许第一个元素通过测试。