Question

尝试对以下代码运行单元测试：将Jest和Enzyme用于React Js

将return插入到模拟函数中后，我不断收到错误消息：测试无法读取null的InnerHTML属性

这是模拟功能： const getCleanJSON = jest.fn（（）=> {return'{}'}）

没有返回值，则出现以下错误：无法读取null的属性'appendChild'。我的模拟函数中可能缺少某些内容。有任何线索吗？

const s = document.createElement('script');
  s.id = 'script'
  s.type = 'text/template';
  s.async = true;
  s.innerHTML = script;
  this.instance.appendChild(s);

  this.renderView(serverSideRender);

这是错误所指的第二种方法

renderview() {
 .....
  return (
    engine.parseAndRender( document.getElementById('script').innerHTML, cleanJSON)
     .then( (html) => {
     if(document.getElementById('result')){ 
     document.getElementById('result').innerHTML = html == 'null'? '': html
  }
 }
 )
   .catch(e => document.getElementById('result').innerHTML = pretty(this.escapeHTML(e.stack)))
 )}

Answer 1

也许直接从模拟函数返回对象？

const getCleanJSON = jest.fn（（）=> {}）

测试无法读取null的InnerHTML属性

1 个答案: