我正在使用 Fluent UI React Notthstar 并且我正在尝试对 Menu 组件执行 shapshot 测试。
- @fluentui/react-northstar@0.52.2
- 反应脚本@4.0.3
测试代码如下:
我的菜单.tsx
import React from 'react'; import { Menu } from '@fluentui/react-northstar'; const MyMenu = () => { return ( <Menu /> ); }; export default 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)
如何解决?