React Testing执行测试时默认使用的屏幕尺寸是多少？

• 默认尺寸：React Testing 依赖的 jsdom 浏览器模拟环境，默认视口尺寸是 1024px × 768px，这属于底层环境的默认配置，所以官方文档没有单独说明。
• 自定义尺寸方法：如果需要测试不同屏幕下的组件表现（比如你的侧边栏响应式逻辑），可以在测试中直接修改窗口尺寸并触发 resize 事件：

  const onPageChange = jest.fn();
  
  test("小屏幕下渲染汉堡菜单", () => {
    // 设置移动端视口尺寸
    window.innerWidth = 375;
    window.innerHeight = 667;
    window.dispatchEvent(new Event('resize'));
  
    render(<Sidebar page="Profiili" onPageChange={onPageChange} />);
    // 这里可以添加小屏幕下的断言逻辑，比如验证菜单收起状态等
  });
  

  这种按需设置的方式不会影响其他测试用例，比全局修改更灵活。

你提供的现有测试只是验证了侧边栏的基础元素渲染，若要覆盖响应式场景，就可以用上面的方法调整屏幕尺寸后再进行断言。

内容的提问来源于stack exchange，提问作者Nicke7117