Playwright

浏览器

通过对话编写、运行并维护 Playwright 测试——Neotask 使用 OpenClaw 让跨浏览器测试自动化快速可靠。

你能做什么

生成剧作家测试

用简单的英语描述用户流程，Neotask 编写完整的 Playwright 测试文件 - 使用适当的 test.describe 块、基于角色的定位器、软断言、固定装置和 beforeEach 设置。从一开始就遵循剧作家推荐的模式进行测试，而不是在三次重写之后。

调试和修复失败的测试

粘贴失败的测试、屏幕截图或错误跟踪，Neotask 会诊断出了什么问题：计时问题、严格模式违规、错误的定位器策略、缺少网络等待或断言不匹配。获取更正后的测试，并提供清晰的修复说明。

编写跨浏览器自动化脚本

除了测试之外，还可以使用 Playwright 进行抓取、自动化和监控。 Neotask 生成跨 Chromium、Firefox 和 WebKit 运行的脚本 - 自动处理特定于浏览器的怪癖，以便您的自动化在任何地方都可以工作。

设置测试基础设施

要求 Neotask 配置您的 playwright.config.ts — 每个浏览器的项目、报告器设置、重试计数、基本 URL 和 CI 优化的并行设置。无需阅读文档中的每个选项即可获得生产就绪的配置。

分析测试报告和性能

粘贴测试输出或共享您的 HTML 报告结果，Neotask 会解释通过/失败模式，识别哪些测试始终不稳定，并建议问题是否出在测试、应用程序或 CI 环境中。

尝试询问

  • “为登录流程编写 Playwright 测试：输入电子邮件和密码，单击提交，并断言仪表板标题可见”
  • “我的 Playwright 测试因按钮定位器‘严格模式违规’而失败 - 这是错误。我该如何修复它？”
  • “为电子商务结账流程生成完整的 Playwright 测试套件，包括购物车、地址、付款和订单确认”
  • “设置我的 playwright.config.ts 以在 Chromium、Firefox 和 Safari 中运行测试，并在 CI 上重试 3 次”
  • “编写一个剧作家脚本，登录到我的管理面板并每天早上导出 CSV 报告”
  • “重构这些 Playwright 测试以使用带有 TypeScript 的页面对象模型”
  • “我的哪些 Playwright 测试最慢？我可以采取什么措施来加快速度？”
  • “编写一个 Playwright API 测试，命中我的 REST 端点并验证 JSON 响应模式”

    • 专业提示

  • 首先使用基于角色的定位器 — 始终要求 Neotask 使用 getByRole()、getByLabel() 和 getByText() 而不是 CSS 选择器；基于角色的定位器更能适应 UI 更改并符合可访问性标准。
  • 失败时跟踪查看器 — 要求 Neotask 在您的配置中启用跟踪：“on-first-retry”； Playwright 的跟踪查看器为您提供了逐步的时间表，其中包含每个失败测试的屏幕截图和网络日志。
  • 多重检查流的软断言 - 对于具有多个可验证元素的页面，要求 Neotask 使用expect.soft()，这样单个断言失败不会阻止其余测试的运行。
  • API 请求快捷方式 — Playwright 可以在测试中进行 API 调用以进行设置和拆卸；要求 Neotask 使用 request.post() 通过 API 创建测试数据，而不是导航 UI，这使得测试更快、更可靠。
  • 并行度调整 - Playwright 默认情况下并行运行测试；要求 Neotask 分析您的测试套件并根据您的 CI 机器大小适当地设置工作线程，因为低 CPU 运行器上的工作线程过多会导致更多的不稳定情况。
  • 组件测试 — Playwright 现在支持 React、Vue 和 Svelte 的组件测试；如果您想在没有完整浏览器页面的情况下单独测试组件，请要求 Neotask 设置 @playwright/experimental-ct-react。

    • Works Well With