我正在尝试使用 React Router 的 Enzyme 来测试 url 参数。到目前为止,该应用程序很简单。我有 App.jsx,它有<Router />一个<Switch />组件和两个<Route />组件。
任何帮助将设立一个试验取URL作为理解path的<Route />,并在孩子的路径存根返回一个值<Files />组件。
我对测试完全陌生,所以请链接文档(如果有),并请伪代码或演示您的方法的概述,以便我可以将其放入适当的上下文中。
我还没有看到任何适合我的理解水平的用于测试 URL 参数功能的适当或上下文化的方法。这里有一个答案建议使用 Jest 进行嘲笑,How to test components using new react router hooks?但没有足够的上下文让我实施。
这是 create-react-app 的基本站立:
function App() {
const [user] = useState(sampleUser);
return (
<UserContext.Provider value={user}>
<SiteHeader />
<Router>
<Switch>
<Route path="/files/:fileId">
<Files />
</Route>
<Route path="*">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit
<code>src/App.js</code>
and save …Run Code Online (Sandbox Code Playgroud)