无法对 Menu 组件执行快照测试

如何解决无法对 Menu 组件执行快照测试

我正在使用 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)

如何解决？