如何为赛普拉斯单元测试模拟DOM？

Question

我对Jest熟悉，那里有一个模拟DOM，并且对此进行了测试。

在赛普拉斯中怎么做（如果可能）？我一直在尝试以下方法：

it('set barcode test', () => {
  // Set up our document body
  document.body.innerHTML =
    '<input type="text" class="sample_input" id="1_HRQ00893a" placeholder="HRQ00893a" data-barcode="HRQ00893a"></input>' +
    '<td class="sample_result" id="1_HRQ00893a_result">' +
    '  <span><i class="icon-remove"></i></span>' +
    '</td>'

  set_barcode_check('1_HRQ00893a', 'HRQ00893a', 'HRQ00893a')
  cy.document().contains('#1_HRQ00893a_result')
})

其中set_barcode_check找到一个元素并将其设置为innerHTML。但是我不确定这是否是模拟DOM的正确方法。

Cypress documentattion提供了一个没有DOM的示例，然后是一个带有React组件的示例。我正在寻找一个简单的案例来模拟一些HTML，并在函数调用后检查它是否已更改。

Jest提供了examples of how to test simple JS with some jQuery added-我在赛普拉斯找不到任何等效的东西