我有一个小型应用程序redux-dynamic-modules,用作存储,react-router用于路由,所有组件都是带有useState、useHistory、useLocation、useSelector等钩子的函数组件useDispatch。
我想设置react-testing-library来测试组件,正如文档中所述,我需要设置一个自定义render().
所以这是我的index.tsx
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import { Provider } from "react-redux";
import { store } from "./redux/store";
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
document.getElementById("root")
);
Run Code Online (Sandbox Code Playgroud)
这是我的 App.tsx
import React from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import { SearchPage } from "./pages/search/search-page";
import …Run Code Online (Sandbox Code Playgroud) typescript reactjs redux react-testing-library redux-dynamic-modules