嘲笑之窗。matchMedia与脉轮的useBreakpointValue
嘲笑之窗。matchMedia与脉轮的useBreakpointValue
提问于 2022-07-07 06:42:44
我刚刚升级到chakra2.2.1，在使用Jest和运行测试时遇到了一些问题
似乎是useBreakpointValue钩子导致了这个问题：
TypeError: Cannot read property 'details' of undefined
81 | base: aspectRatios[aspectRatioKey]?.mobile,
82 | lg: aspectRatios[aspectRatioKey]?.desktop,
> 83 | });到目前为止，我已经成功地使用了jest-文件中建议的这个模拟，但是在将Chakra升级到2.2.1之后，它不再工作了。
Object.defineProperty(window, 'matchMedia', {
writable: true,
value: jest.fn().mockImplementation(query => ({
matches: false,
media: query,
onchange: null,
addListener: jest.fn(), // deprecated
removeListener: jest.fn(), // deprecated
addEventListener: jest.fn(),
removeEventListener: jest.fn(),
dispatchEvent: jest.fn(),
})),
});回答 1
Stack Overflow用户
发布于 2022-11-06 22:23:54
来自chakra的useBreakpointValue也有相同的错误。我能够通过包装要用ChakraProvider测试的组件来解决这个问题。
const { container } = render(
<ChakraProvider>
<ComponentToBeTested />
</ChakraProvider>
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72899832
复制相关文章
点击加载更多
相似问题
反应钩形与脉轮
如何转换/动画与脉轮-UI？
脉轮UI图标
脉轮UI，如何使组件与左边对齐？
脉轮用户界面图标作为变量
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
