目前，我正在尝试对我的应用程序进行单元测试，该应用程序是使用 Create-React-App 和 typescript 构建的，并且它的样式是 chakraui。Chakrui 包含一个组件 ThemeProvider，它必须将整个应用程序包装起来。
这是我的 index.tsx 文件
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";
import { ThemeProvider, CSSReset } from "@chakra-ui/core/dist";
import { theme } from "@chakra-ui/core/dist";
ReactDOM.render(
<React.StrictMode>
<ThemeProvider theme={theme}>
<CSSReset />
<App />
</ThemeProvider>
</React.StrictMode>,
document.getElementById("root")对于我编写的每个单元测试，我必须使用 ThemeProvider 包装组件才能通过测试：
import React from "react";
import { render } from "@testing-library/react";
import { ThemeProvider } from "@chakra-ui/core/dist";
import App from "./App";
describe("<App />", …