賽普拉斯：檢查空元素

Question

我的問題相當簡單，但我還沒有找到任何與之對應的答案，我怎么能斷言賽普拉斯的元素是空的？ 我只想確保元素不包含文本。

我最初的試驗是

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('');
    });

但我不明白為什么我必須修剪元素的文本。

Answer 1

有些元素包含空格，有些則不包含。 如果元素定義中有換行符，則它包含空格。

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

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

trim()用於允許第一個元素通過測試。