小编Hal*_*yer的帖子

在主机应用程序中模拟联合模块以开玩笑

事实上,这里的问题完全相同,但有不同的上下文:\n How to mock notinstalled npm package in jest?

\n

我参与了一个项目,其中使用了 webpack 中的新模块联合。基本上,我有一个主机应用程序,它使用远程应用程序。我在这里对路由做同样的事情:\n https://github.com/module-federation/module-federation-examples/tree/master/shared-routes2

\n

我的主机应用程序导入远程应用程序的路由类似\n(我从 module-federation 存储库中获取此示例:https://github.com/module-federation/module-federation-examples/blob/master/shared-routes2 /app1/src/App.js

\n
// app1/src/App.js\n\nimport React from "react";\nimport { BrowserRouter, Route, Switch } from "react-router-dom";\n\n\nimport localRoutes from "./routes";\nimport remoteRoutes from "app2/routes";\n\nconst routes = [...localRoutes, ...remoteRoutes];\n\nconst App = () => (\n  <BrowserRouter>\n    <div data-test-id="App-navigation">\n      <h1>App 1</h1>\n      <React.Suspense fallback={<div>Loading...</div>}>\n        <Switch>\n          {routes.map((route) => (\n            <Route\n              key={route.path}\n              path={route.path}\n              component={route.component}\n              exact={route.exact}\n            />\n          ))}\n        </Switch>\n      </React.Suspense>\n    </div>\n  </BrowserRouter>\n);\n\n
Run Code Online (Sandbox Code Playgroud)\n

我的这个组件的测试文件如下所示:

\n
// app1/src/App.test.js\n\nimport React from \'react\';\nimport { …
Run Code Online (Sandbox Code Playgroud)

unit-testing mocking webpack jestjs webpack-module-federation

14
推荐指数
1
解决办法
7814
查看次数