Reactjs TestCafe无法使用react路由器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

我正在尝试在react应用程序中使用TestCafe进行E2E测试。react应用程序使用react router dom,因此它有一个路由部分,如:

<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存储库中有一个类似主题的已解决问题:。我想你可以试着联系作者,询问他的解决方案。