使用 fluentui 组件运行测试用例时出错答案

【问题标题】：Errors running test cases with fluentui components使用 fluentui 组件运行测试用例时出错
【发布时间】：2022-02-16 01:29:50
【问题描述】：

我正在尝试在 reactjs 项目中运行一些简单的测试。当正在测试的组件具有“@fluentui/react”或“@fluentui/react-northstar”导入时，我遇到以下错误 -

 Test suite failed to run

    TypeError: Class extends value undefined is not a constructor or null

      1 | import { Provider } from 'react-redux';
    > 2 | import { registerIcons } from '@fluentui/react';
        | ^
      3 |

      at Object.__extends (node_modules/@fluentui/utilities/node_modules/tslib/tslib.js:70:19)
      at node_modules/@fluentui/utilities/src/BaseComponent.ts:20:81

有人知道在 fluentui 库的情况下导致此错误的原因以及如何摆脱它吗？

【问题讨论】：

标签： reactjs unit-testing jestjs fluent-ui

【解决方案1】：

尝试将依赖于 React 的模块导入到您的测试中是行不通的，因为当它运行时，测试套件对 React 一无所知。它只是在节点上运行。无论registerIcons 调用什么都不在范围内，因此它会失败。

您可以使用 React 测试库来提供帮助，例如 Enzyme，可以配置 Jest 或 Mocha，或 Storybook，这是一个完整的 UI 开发工具。

【讨论】：