Reactjs TestCafe无法使用react路由器dom正确路由
我正在尝试在react应用程序中使用TestCafe进行E2E测试。react应用程序使用react router dom,因此它有一个路由部分,如:Reactjs TestCafe无法使用react路由器dom正确路由,reactjs,testing,automated-tests,react-router-dom,testcafe,Reactjs,Testing,Automated Tests,React Router Dom,Testcafe,我正在尝试在react应用程序中使用TestCafe进行E2E测试。react应用程序使用react router dom,因此它有一个路由部分,如: <Router> <Switch> <Route path='/login' component={Login} /> <Route path='/about' component={About} /> ... <Rout
<Router>
<Switch>
<Route path='/login' component={Login} />
<Route path='/about' component={About} />
...
<Route component={NotFound} />
</Switch>
</Router>
...
Test cafe通过代理加载,因此在本地环境中,它的路径类似于(近似)http://172.24.160.0:54004/http://localhost:8080/login
。因此,react router dom无法正确匹配路径,并导致NotFound路径
有人知道这个问题的解决方法吗?它在当前状态下似乎无法使用。您可以尝试使用相对路径而不是绝对路径吗?i、 e.:
${match.url}/login
我无法重现该问题。你能分享你网页的链接吗?或者找到与testcafe有相同行为的网站吗?如果您找不到或无法共享链接,您可以准备一个示例,演示问题,并使用以下链接在testcafe github存储库中创建一个单独的票证,但请确保遵循错误模板。@AlexKamaev该项目是针对企业的,因此我无法共享链接,但当我有时间时,我将为测试创建一个最小的repo。@ioseph虽然我不能在路由本身上使用中的匹配路由器
,但我正在试验一种使用window.location
的黑客解决方法。当我有一个可行的解决方案时,我会在这里发布。TestCafe存储库中有一个类似主题的已解决问题:。我想你可以试着联系作者,询问他的解决方案。