配置响应式Web测试
为了帮助您满足移动用户的需求,Test Studio提供了以下工具全面的功能,使响应web UI测试.
使用设备模式的铬和边缘铬浏览器可以模拟不同的移动设备,并检查网页在这些设备上的表现。与它的响应式Web测试Test Studio提供了针对这种模拟设备模式记录和执行测试的功能。
的响应式Web测试Test Studio中的测试是一种独立的测试类型,它需要一些额外的设置才能正确地模拟Chrome或Edge Chromium的设备模式下的移动设备。本文描述了在模拟移动设备上测试网页所需的调整。
创建一个响应式Web测试
添加一个响应式Web测试对于您的项目,使用相应的测试类型来创建。您可以从项目功能区或项目资源管理器上下文菜单.
![]() 项目丝带 |
![]() Project Explorer |
配置要模拟的设备
打开新创建的Web响应测试点击快速访问按钮测试带打开设备的设置.
默认的预选择选项是手动选择设备显示的宽度和高度来模拟。预设值为100/100,您可以在相应的字段中输入所需的值。的用户代理字段允许您修改用户代理请求头用于从浏览器识别到服务器和网络对等体。如果留空,浏览器将使用其默认的用户代理。
预定义的设备
为了方便起见,我们准备了一个预定义设备列表,您可以从中选择并直接设置设备显示大小和用户代理的必要值。选择一个设备设备下拉菜单和宽度,高度和用户代理根据所选设备设置值,并保持灰色。
记录响应性测试
要触发录制会话,请单击记录按钮测试缎带或压机CTRL + R.在记录对话框键入您想要导航到的URL,选择Chrome或Edge Chromium(这些是支持在模拟移动设备上录制和执行的浏览器),然后按输入或者点击记录按钮。您可以从最近使用过的URL中选择一个URL。
注意!选项中设置的首选浏览器,将跳过选择录制浏览器测试带.
一旦选定的浏览器导航到所需的页面,它将被缩小到预选设备的预定义宽度和高度,并且记录器将附加到浏览器实例。中记录了导航步骤步骤窗格,您可以根据所需的场景继续记录下一个操作。
注意!为了模拟选定的移动设备,Test Studio强制浏览器进入调试模式。这将带来一条消息线"Progress Telerik Test Studio Extension"开始调试浏览器",这是无法隐藏的。您可以忽略该消息并继续录制。
注意!在记录测试时,不要启动同一浏览器的另一个实例直到录音结束!让我们导航到Telerik官方页面它具有响应式设计,在不同尺寸的显示器上看起来不同。记录几个单击步骤以导航到测试工作室官方浏览所有产品菜单。
要退出录制会话,请关闭附带录制工具栏的浏览器。
执行响应式测试
注意!为了模拟选定的移动设备,Test Studio强制浏览器进入调试模式。这将带来一条消息线"Progress Telerik Test Studio Extension"开始调试浏览器",这是无法隐藏的。您可以忽略该消息并继续执行测试。
注意!当测试正在执行时不要启动同一浏览器或任何其他应用程序的另一个实例直到跑步结束!
一旦已经记录了测试场景,单击执行按钮测试丝带。
在执行对话框选择Chrome或Edge Chromium(这些是支持在模拟移动设备上记录和执行的浏览器)来运行测试并按下输入或者点击运行按钮。
注意!如果已经设置了首选浏览器,则跳过此步骤测试带.
Test Studio启动选定的浏览器,以预定义的设备显示大小显示缩小的页面,并执行测试中记录的步骤。的执行按钮测试功能区更改为中止并允许您在测试完成之前停止运行。
注意!如果您在测试执行完成之前中止它,将不会存储任何结果。
响应式Web测试中的元素
的响应式web测试使用与标准web测试相同的元素。也就是说,如果被测页面在其响应视图中使用相同的元素,您可以重用web测试中已经记录的步骤,并将它们粘贴到新创建的响应视图中。
注意!这些元素在桌面版和响应版的网页中可能看起来不同,你可能需要额外的修改调整这些图像,当按图像搜索时。