测试重定向页面

时间:2019-01-04 12:34:31

标签: reactjs testing automated-tests testcafe

我正在使用Testcafe测试我的应用程序。我的页面上有一个按钮。当我单击按钮时,页面将重定向到另一个页面,该页面包含一堆图像以及发生服务器调用的位置。然后,当呼叫解决后,页面将再次重定向到另一个页面。

我正在尝试测试仅显示几秒钟的中间页。

我要测试页面A转到页面B时URL是否已更改。 我想测试页面是否显示以及图像是否显示。

问题是,当我自动单击页面A上的按钮时,它会转到页面B,然后在几秒钟后转到页面C,然后执行测试并挂起。

我尝试设置

await t.setPageLoadTimeout(0)
.wait(200000)
.eval(() => window.location.pathname)
.expect(window.location.pathname)
.contains('/gatheringDetails', 'The response was ok', {timeout: 500});

因此,我可以控制页面加载超时来帮助捕获中间页面,但这不起作用。

有人可以帮忙吗?拜托。

2 个答案:

答案 0 :(得分:4)

解决方案是使用请求钩子,该钩子将侦听B页的请求并拦截响应。参见Intercepting HTTP Requests

答案 1 :(得分:0)

所以我使用了Intercepting HTTP Requests并引入了响应延迟,以便我可以在页面B上停留更长的时间来测试页面上的视觉效果。