Визуализация компонента в тесте, который имеет document.getElementById

Question

Как я могу издеваться над document.getElementById

TypeError: Cannot read property 'style' of null

      68 | 
      69 |   componentDidMount() {
    > 70 |     document.getElementById('main').style.backgroundImage = "./images/background1.png";
         |     ^
      71 |     document.getElementById('main').style.backgroundSize = 'auto';
      72 |   }

Я пытался издеваться

const dummyElement = document.getElementById('main');
const style = {backgroundImage:"", backgroundSize:""}
const elem= jest.fn()
const getElementById = (elem)=>jest.fn()

простой тест, который я пытаюсь запустить

it('render with props', ()=>{
    const wrapper = shallow(<Login />);
  })

Я просто хочу сделать компонент

Answer 1

Попробуйте:

jest.spyOn(document, 'getElementById').mockImplementation(() => document.createElement('div'));

Это должно решить проблему для вас.