如何用玩笑测试内部 dom 功能

时间:2020-12-28 16:55:24

标签: reactjs jestjs

我有一个函数 zoom,我想在我的测试用例中覆盖 gattaca = [x.strip() for x in lines if x.isupper()] >>> gattaca ['TTGGTTTCGTGGTTTTGCAAAGTATTGGCCTCCACCGCTATGTCTGGCTGGTTTACGAGC', 'AGGACAGGCCGCTAAAGTG', 'CTAACCCCCTACTTCCCAGACAGCTGCTCGTACAGTTTGGGCACATAGTCATCCCACTCG', 'GCCTGGTAACACGTGCCAGC'] 。如何为其编写测试用例?

lens.remove()

到目前为止我尝试的是

const zoom = () => {
    var lens = document.getElementById( 'lens' )
    lens && lens.remove();
   
 }

但它的输出如下

 it( 'lens should be deleted ', function(){        
  const remove = jest.fn()
  zoom();
  expect( lens.remove() ).toHaveBeenCalled();
} );

2 个答案:

答案 0 :(得分:0)

检查元素是否在 DOM 中, 调用remove方法, 期望该元素不在 DOM 中。 要么 模拟功能, 已经调用了 Expect 模拟 fn。

答案 1 :(得分:0)

所以线索是我们需要像这样将镜头附加到 dom document.body.appendChild( lens );