百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Cursor+Claude+Playwright:AI 让自动化测试效率暴涨,快到飞起!

itomcoil 2025-08-26 17:56 3 浏览

一、引言

随着AI时代的到来,软件测试变得越来越复杂,如何高效、准确地进行自动化测试成了每一个开发团队必须面对的问题。在日常工作中,测试工作常常面临各种挑战,比如功能复杂、需求频繁变更、时间紧迫等。传统的手工测试不仅耗时耗力,还容易出错。而自动化测试虽然能提高效率,但配置和维护成本较高。今天,要向大家介绍一个强大的工具组合——Cursor+Claude+Playwright-mcp,这将彻底改变AI时代的测试流程

什么是Cursor + MCP服务?

Cursor是一款功能强大的代码编辑器,而Playwright-mcp(MCP服务)则是一个与 浏览器 深度集成的工具,使你可以直接用AI与浏览器交互,完成各种浏览器操作,从此告别手动点点点的烦恼。

MCP 工具介绍(Playwright)

工具名称

功能描述

参数

browser_navigate

导航到指定 URL

url(字符串):目标 URL

browser_go_back

返回浏览历史中的上一页

无参数

browser_go_forward

前进到浏览历史中的下一页

无参数

browser_click

在网页上执行点击操作

element(字符串):元素描述
ref(字符串):元素唯一标识

browser_hover

将鼠标悬停在指定元素上

element(字符串):元素描述
ref(字符串):元素唯一标识

browser_drag

在两个元素之间执行拖拽操作

startElement(字符串):源元素描述
startRef(字符串):源元素标识
endElement(字符串):目标元素描述
endRef(字符串):目标元素标识

browser_type

在可编辑元素中输入文本

element(字符串):元素描述
ref(字符串):元素唯一标识
text(字符串):输入内容
submit(布尔值):是否提交(默认 false)

browser_select_option

在下拉菜单中选择指定选项

element(字符串):元素描述
ref(字符串):元素唯一标识
values(数组):要选择的选项值数组

browser_choose_file

选择一个或多个文件进行上传

paths(数组):文件绝对路径数组(支持单文件或多文件)

browser_press_key

模拟键盘按键

key(字符串):按键名称(如 ArrowLeft 或字符 a)

browser_snapshot

捕获当前页面的无障碍快照(比截图更优)

无参数

browser_save_as_pdf

将当前页面保存为 PDF 文件

无参数

browser_take_screenshot

捕获当前页面截图

raw(字符串):可选返回无损 PNG(默认 JPEG)

browser_wait

等待指定时间(最长 10 秒)

time(数字):等待时间(秒)

browser_close

关闭当前网页标签页

无参数

github地址:
https://github.com/microsoft/playwright-mcp

二、配置教程,简单几步轻松搞定

  1. 安装Cursor并接入MCP服务

首先,确保你已经安装了Cursor编辑器。然后,找到mcp.json文件并进行编辑

cursor配置,添加新的MCP服务

编辑mcp.json文件配置 playwright-mcp 服务,并保存mcp.json文件


mcp.json配置信息

快照模式(默认模式):使用可访问性快照来提高性能和可靠性

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

正常情况下,我们使用默认模式已经能解决 90%的问题,从日常的简单操作到较为复杂的业务处理,默认模式都能展现出了出色的适应性和问题解决能力。比如,在常见的文件传输和数据存储方面,默认模式能够快速准确地完成任务,极大地提高了工作效率,减少了出错的可能性。

另外还有两种模式

1.1 运行无头浏览器(没有 GUI 的浏览器)

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest",
        "--headless"
      ]
    }
  }
}

1.2 视觉模式:使用屏幕截图进行基于视觉的交互

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest",
        "--vision"
      ]
    }
  }
}
  1. 终端 安装、运行 playwright-mcp 服务
npx @playwright/mcp@latest --port 8931

三、实机演示,效率惊人

为了让大家更直观地感受这一组合的强大之处,我们进行一场实机演示。还是使用我们绚丽的烟花特效 HTML 项目,在chat窗口中输入:“帮我用palywright-mcp服务测试一下各个功能”Cursor 如同被激活了超能力,开始调用 MCP tool 中的服务,直接帮我们操作浏览器

并且依据页面中现存的功能,生成了测试用例,其覆盖率涵盖了每一项可视功能

最终梳理测试状况,告诉你哪些是通过的,哪些是存在问题的,能够使开发过程迅速定位问题,进行有针对性地调整。

四、结语

当AI能够高效地执行测试任务时,究竟应当欣喜还是惶恐?反正于我而言,更享受每天清晨醒来,不再为测试用例而烦恼。虽说每天都在书写代码,然而最为钟爱的,还是运用 AI 进行自动化测试的那短短几分钟。毕竟,谁不想早点下班呢?

当AI开始写测试用例、跑测试、写报告...我们究竟是在见证测试行业的消亡,还是涅槃重生?欢迎在评论区留下你的见解!

相关推荐

编程学子看过来,竞赛刷题网站推荐

2022年编程竞赛已经公布,想要在今年取得竞赛成绩的学生,一定要把握寒假时间,学习知识的同时通过刷题,巩固所学知识,提升解题能力。小编为大家推荐几个刷题网站,想要竞赛的学生一定不要错过。USACO美国...

给大家推荐些好的c语言代码的网站

C语言,那就来推荐几个吧,部分含有C++:1、TheLinuxKernelArchives(kernel.org)Linux内核源码,仅限于C,但内核庞大,不太适合新手;2、redis(redi...

推荐几个编程入门学习网站_比较好的编程自学网站

有一些刚上大学的朋友和想对编程感兴趣的朋友经常会让我推荐学习网站,下面几个是我认为零基础学编程比较好的网站,希望大家都有收获!1.W3schoolhttp://www.w3school.com.c...

10个最值得收藏的编程学习网站_有什么学编程的网站

程序员是一个需要不断学习的职业。幸运的是,在这个互联网时代,知识就在那里,等着我们去获取。以下我列举一些免费的编程学习网站包含多个开发语言Java、php、html、javascript等多个。1、h...

6个超酷的练习算法,学习编程的网站

在不了解算法的前提下,您无法通过Google或Facebook的采访。那么为什么不现在学习。我是一位拥有15年以上经验的程序员。从高中开始的第一年,我在算法上学习和工作很多。在我毕业之前,我一直...

在线 python 编程的网站_python3在线编程,python3在线编译器,在线编辑器

以下是一些提供在线Python编程环境的网站:1.Repl.it:Repl.it提供了一个多语言在线编程平台,您可以使用它在任何地方编写、运行、共享代码。Repl.it支持多种编程语言,包括Pyth...

推荐 7 个能过招全球程序员的编程挑战网站,欢迎挑战!

作为程序员的你,是不是经常估不准自己的编程水平?下面推荐7个能过招全球程序员的编程挑战网站,助你磨练技巧,提升技能,最终问鼎代码江湖!1.HackerRank你可以参加各种编码竞赛,比如算法、数学...

盘点 20 个编程学习教程网站,建议收藏

欢迎关注@程序员柠檬橙私信回复「1024」获取海量编程学习资源!如果你想学习编程,现在互联网这么方便,不用着急报名培训班,有很多高质量的编程学习资源网站可供你学习,程序员日常浏览的技术教程网站有哪些...

Flask 数据可视化_flourish数据可视化

数据可视化是数据处理中的重要部分,前面我们了解了Flask的开发和部署,如何用Flask做数据可视化呢?今天我们来了解一下。Python语言极富表达力,并且拥有众多的数据分析库和框架,是数据...

【python 工具】selenium 浏览器操作

selenium的安装步骤:1.安装selenium,打开cmd控制台pipinstallselenium2.安装驱动程序(我这里安装的是chromedriver),用来启动chrome浏览器...

可视化爬虫工具,EasySpider软件体验

现在提起爬虫,大家可能会联想到Python语言,然后就是各种使用无头浏览器去网页上爬取数据,使用Python的过程相较于使用其他语言来说,简单了不少。但毕竟是编程语言,也需要去学习来适配各种网...

cursor+mcp+playwright,让AI给你推荐五一旅游胜地

阅读本文前提当你已了解mcp是什么,若不知,猛击:https://github.com/modelcontextprotocol/servers。最近有个小需求,根据用户输入内容,使用大模型来理解用户...

Cursor+Claude+Playwright:AI 让自动化测试效率暴涨,快到飞起!

一、引言随着AI时代的到来,软件测试变得越来越复杂,如何高效、准确地进行自动化测试成了每一个开发团队必须面对的问题。在日常工作中,测试工作常常面临各种挑战,比如功能复杂、需求频繁变更、时间紧迫等。传统...

推荐一个检测 JS 内存泄漏的神器_js内存泄漏的几种情况

大家好,我是Echa哥。作为一名Web应用程序开发者,排查和修复JavaScript代码的内存泄漏一直是最困扰我的问题之一。最近,Meta开源了一款检测JavaScript代码内存泄漏...

Python+Playwright自动化实战:高效爬虫全攻略

一、为什么选择Playwright?在信息爆炸的时代,数据获取能力直接决定内容生产效率。Playwright作为微软开源的新型自动化工具,凭借以下优势成为技术创作者的新宠:支持Chromium/Web...