问题描述
我正在使用 Fluent UI React Notthstar,我正在尝试为 Menu 组件执行 shapshot 测试。
- @fluentui/react-northstar@0.52.2
- react-scripts@4.0.3
测试代码如下:
-
MyMenu.tsx
import React from 'react'; import { Menu } from '@fluentui/react-northstar'; const MyMenu = () => { return ( <Menu /> ); }; export default MyMenu;
-
MyMenu.test.tsx
import React from 'react'; import { Provider } from '@fluentui/react-northstar'; import renderer from 'react-test-renderer'; import MyMenu from './MyMenu'; it('render',() => { const tree = renderer.create( <Provider> <MyMenu /> </Provider> ).toJSON(); expect(tree).toMatchSnapshot(); });
但是测试失败了。
TypeError: this._root.current.addEventListener is not a function
5 |
6 | it('render',() => {
> 7 | const tree = renderer.create(
| ^
8 | <Provider>
9 | <MyMenu />
10 | </Provider>
at FocusZone.componentDidMount (node_modules/@fluentui/react-bindings/dist/commonjs/FocusZone/FocusZone/FocusZone.tsx:163:24)
如何解决?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)