Reactjs 测试修改外部元件的React组件
我有一个React组件,当单击它时,它会更新位于它之外的HTML元素的样式。下面是该方法的外观:Reactjs 测试修改外部元件的React组件,reactjs,jestjs,Reactjs,Jestjs,我有一个React组件,当单击它时,它会更新位于它之外的HTML元素的样式。下面是该方法的外观: _hideContent() { let content = document.getElementById("container"); content.style.top = 100vh; ... } 当我尝试使用TestUtils.simulate.click()对其进行测试时,由于找不到外部HTML元素,因此出现了一个错误。错误是: TypeError: Cannot read
_hideContent() {
let content = document.getElementById("container");
content.style.top = 100vh;
...
}
当我尝试使用TestUtils.simulate.click()
对其进行测试时,由于找不到外部HTML元素,因此出现了一个错误。错误是:
TypeError: Cannot read property 'style' of null
at FilterButtonMobile._hideContent (public/js/FilterButtonMobile/components/FilterButtonMobile.react.jsx:45:14)
...
如何测试此组件?如果没有#只是简单的容器。。。当您试图获取ElementById('container')时,我在这里键入它实际上只是一个错误(我已经编辑以更正它)。它在实际代码中是正确的,所以这不是问题所在。它在浏览器中运行良好,只是在测试中没有。