小编cos*_*oll的帖子

如何使用酶为 React Router 的 URL 参数创建单元测试

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

unit-testing reactjs jestjs react-router enzyme

8
推荐指数
1
解决办法
4323
查看次数

标签 统计

enzyme ×1

jestjs ×1

react-router ×1

reactjs ×1

unit-testing ×1