Block Blog

Playwright MCP 线上 E2E 测试记录

2026年6月26日Block实践

Playwright MCP 线上 E2E 测试

本文用于验证 Cursor Agent 通过 Playwright MCP 完成后台发文与前台展示的端到端流程。

测试目的

确认在 Block 生产环境中，Agent 能够：

  1. 登录管理后台
    1. 新建并发布文章
      1. 在前台公开页面访问该文章

      2. 实现方式

      3. MCP 配置在 Block 仓库 .cursor/mcp.json 中接入官方 @playwright/mcp，并指定本机 Chrome for Testing 可执行文件路径，避免自动下载浏览器失败。

      4. Agent 操作

      5. Agent 调用 Playwright MCP 的 browser_run_code_unsafe 工具执行 Playwright 脚本：打开 /admin/login 登录 → /admin/posts/new 填写标题与正文 → 点击「发布」→ 访问前台 /posts/{slug} 验证。

      6. 边界说明此能力属于 Agent 工具扩展，不属于 Block 二期功能，不改变业务 API 与前端代码。

      7. 测试步骤

      8. | 步骤 | 操作 | 预期 |
      9. | — | — | — |
      10. | 1 | 登录后台 | 进入 Dashboard |
      11. | 2 | 新建并发布 | 提示「已发布」 |
      12. | 3 | 前台打开详情 | 标题与正文可见 |

      13. 结论若您正在阅读此文，说明 Playwright MCP 生产环境 E2E 测试通过。

      15. 自动生成于 2026-06-26