0

我是 React 新手,之前也从未写过任何测试用例。我有一个项目需要使用 Grommet 库编写单元测试(在 Jest 中,React-testing-library)和组件。一切都已设置好,但我很难模拟小尺寸(移动)以检查一切是否正常运行。测试完全按照我想要的大小呈现,但问题是当我编写测试用例时,它不会以小尺寸呈现组件,而是始终以默认大小(1024px)呈现它。我尝试使用 React Hook (useRef) 的大小而不是 Grommet 库支持的大小来更改代码,但它也不起作用。由于项目要求,我无法更改代码:((

你有什么想法为什么它不起作用?预先感谢您的帮助!以下是我的模拟尺寸供您参考:

 window.innerWidth = 500;
 window.dispatchEvent(new Event("resize"));
   // console.log(`this window.innerWidth is: ${window.innerWidth}`); 500
4

0 回答 0