Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 测试修改外部元件的React组件_Reactjs_Jestjs - Fatal编程技术网

Reactjs 测试修改外部元件的React组件

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

我有一个React组件,当单击它时,它会更新位于它之外的HTML元素的样式。下面是该方法的外观:

_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')时,我在这里键入它实际上只是一个错误(我已经编辑以更正它)。它在实际代码中是正确的,所以这不是问题所在。它在浏览器中运行良好,只是在测试中没有。