Web UI 测试自动化

测试识别

当您打开项目时，WebStorm 会自动识别使用 Cypress 或 Playwright 编写的测试。 识别到的测试可通过单击边距中的 图标运行，然后使用 IDE 工具进行 分析或 调试。

代码辅助功能

提供的编码辅助功能包括智能 代码补全、 导航、 语法高亮 、对特定框架函数和表达式的支持等。

例如，您可以在代码编辑器中开始输入定位器或其子字符串，自动补全功能将为您提供可选元素列表。 此外，所选元素将在 Web Inspector 中高亮显示，方便您选择正确的定位器。

定位器生成与验证

Web Inspector 工具窗口使您能够查看 Web 应用并 捕获自动化测试所需的页面元素。 当您在网页上选择所需元素时，WebStorm 会生成唯一的 CSS 或 XPath 定位器，并帮助您将其 添加到源代码中。

此外，WebStorm 还能生成 Playwright 中使用的 基于角色的定位器。 这些定位器旨在反映元素的角色（例如，按钮或复选框），从而简化识别。

此外， Web Inspector 还能帮助您 验证代码中的定位器是否有效并是否指向网页上的正确元素。 点击代码编辑器中定位器旁边的 图标将打开 Web Inspector 并选择相应元素，从而验证定位器。

管理测试的运行/调试配置

运行/调试配置是一组启动属性，用于定义执行内容，以及在执行过程中应使用的参数和环境。

您可以为测试创建多组 配置 ，并根据需要立即切换。

测试执行详情

测试完成后，系统会提供详尽的结果信息，包括每个测试的日志和控制台输出，方便您 查看。 您可以筛选结果，以便快速浏览失败或被忽略的测试并分析其执行时间。

调试器

调试器是用于测试和排查代码的工具。 它可以让您逐步运行代码，并提供每一步发生的详细信息。

Playwright 测试的调试器开箱即用。 您可以设置 断点以暂停执行并分析代码。