Web UI 测试自动化工具
PhpStorm 中的 Web UI 测试自动化功能由 Test Automation 插件提供。 此插件有助于开发和维护自动化 UI 测试,并且构成了 Aqua (用于测试自动化的独立 JetBrains IDE)所提供功能的重要部分。
Test Automation 插件提供以下功能:
如需了解有关测试自动化功能的更多信息,请参阅 官方 Aqua 文档。
安装 Test Automation 插件
在 设置 对话框(Ctrl+Alt+S )中,选择 Plugins。
切换到 插件市场 选项卡,输入
Test Automation,并点击 安装。
点击 Apply 保存更改并关闭对话框。 如果出现提示,请重启 IDE。
测试自动化功能
测试识别
当您打开项目时,PhpStorm 会自动检测用 Cypress 或 Playwright 编写的测试。 识别出的测试可以通过单击边距中的 图标运行,然后使用 IDE 的工具 分析/调试。


编码辅助
提供的代码辅助功能包括智能的 代码补全、 导航、 语法高亮 ,对框架特定函数和表达式的支持等。
例如,您可以在代码编辑器中开始输入定位器或其子字符串,自动完成功能将为您提供一个可选元素列表。 此外,所选元素将在 Web 检查器 中高亮显示,从而更容易选择正确的定位器。
定位器生成与验证
Web Inspector 工具窗口允许您查看 Web 应用程序并 捕获自动化测试所需的页面元素。 当您在网页上选择所需元素时,PhpStorm 会生成一个唯一的 CSS 或 XPath 定位器,并帮助 添加到源代码中。
此外,PhpStorm 可以生成用于 Playwright 的 基于角色的定位器。 这些定位器旨在反映元素的角色(例如,按钮或复选框),从而更容易识别。

此外, Web 检查器 可以帮助您 验证代码中的定位器是否有效并指向网页上的正确元素。 单击代码编辑器中定位器旁边的 图标,将打开 Web 检查器 并选择相应的元素,从而验证定位器。
管理测试的运行 / 调试配置
运行/调试配置是一组启动属性,定义了要执行的内容以及在执行过程中应使用的参数和环境。
您可以为测试创建不同的 配置集,并根据需要即时切换。


测试执行详情
测试运行完成后,您将获得全面的结果,包括每个测试的日志和控制台输出,因此您可以轻松 探索它们。 您可以过滤结果,以便快速浏览失败或被忽略的测试,并分析它们的执行时间。


调试器
调试器是一种用于测试和排查代码问题的工具。 它允许您逐步运行代码,并为您提供每一步发生的详细信息。
Playwright 测试的调试器开箱即用。 您可以设置 断点以暂停执行并分析代码。
