AI赋能软件测试Claudecode、Trae、LLM
1、Claude code+Trae
智能体和大模型：
大模型【LLM】：问答模式交互，人体大脑
智能体【AI Agent】：LLM+规划+记忆+工具+skill技能【人脑+四肢】
2、项目级智能体：【核心思想以项目为单位去管理】Claude code、codex、open code
Claude code：【项目智能体】
功能测试：集成skill，自动生成测试用例
自动化测试：集成skill，根据项目自动生成一套自动化测试用例
测试开发：集成skill，开发平台时候帮助编写前后端代码
3、系统级智能体【面向个人助理】微信，飞书【openclaw小龙虾】
4、Claude 智能体token消耗
Claude默认使用国外官方模型，贵1400-1600一个月，
切换到国内模型【deep seek，千问，智普】【千问：198一个月，智普：44】
5、Claude code + Trae + LLM的Agent开发环境安装
1、配置node js环境，Claude 依赖node js 一：node js安装【windows安装-msi安装包】【node -v查看版本】【Claude 要求node18以上】 二：配置国内镜像，用于加速Claude code 下载 ---npm config命令 2、命令行安装 Claude code 没有安装包 一：命令行：npm install -g... 二：验证安装成功 Claude -- version【有权限问题加sudo授权，window以管理员权限运行dos窗口】 3、Claude code windows上面使用,需要安装git,并且配置git环境变量【因为Claude code依赖bash命令】 git下载安装windows版本，配置环境变量【配置bash.exe命令】 4、使用：Claude命令 打开工具【第一次打开报错，默认连接国外官网模型--报错】 配置切换到国内模型： 方式一：手动配置set 命令配置deep seek【API地址，API_KEY，全局默认模型，设置最强模型、均衡模型，轻量模型，后台子代理模型,控制AI解决问题投入程度模型】 方式二：使用一些工具ccs switch ，modes witch-- 方便设置 ccs switch ：官网下载 windows.msi文件后安装 ccs switch 下载后不止可以配置Claude,还可以配置各种模型 方式三：方式一和方式三本质上都是修改 Claude配置文件,配置文件可以直接手动修改 xxx\.Claude\setting.json 5、Claude code集成Trae编辑器【pycham，cursur，trae】 Trae：官网下载--安装Trae ide 6、Trae编辑器集成Claude code 左上角扩展-搜索Claude code【直接点击安装】 安装后左边菜单栏会展示 Claude code--新建session会话【就是普通对话功能】 Trae本身自己有智能体：---
6、Claude code常用命令，快速上手以及权限控制
！dir：现在当前目录有哪些文件，文件夹【类似 ll】 /init：初始化，对项目进行初始化，Claude code不认识项目，初始化后相当于Claude code扫描一次文件，初始化之后创建一个核心配置文件Claude.md文件【读取，熟练了解项目，对项目介绍和规则】 Claude code：Claude code交互扫描这个文档 提示词：请将Claude.md文件中所有英文改成中文，并且在其中增加一条交互规则，所有交互必须使用中文进行交互 /resume：历史会话 /skill：查看当前项目技能 /mcp：查看当前项目mcp服务配置 exit：推出
7、Claude code简单对话案例
对话案例一：使用HTML+python标准库创建一个登录页面
输入Prompt如下：
使用HTML+Python标准库创建一个登录界面 要求： 1、仅使用python标准库，不使用数据库，而是通过变量保持数据 2、创建一个测试登录账户：ywt/ywt123，登录成功后提示【恭喜你，登录成功】 3、前端页面美观，大气，好看 修改Prompt如下： 登录页面风格请改成科技风
Claude 做了什么： 1、任务分析规划 2、权限控制--咨询您，让你去判断要不要生成 3、读写项目文件 4、调用系统命令在后台
对话案例二：testcases目录下创建一个基于 pytest+playwright 的自动化测试脚本用例 输入Prompt如下： 请帮我在testcases目录下创建一个基于 pytest+playwright 的自动化测试脚本用例，实现: 1、【登录]被测项目 1、搜索【手机】 3、并将搜素到的第一个商品加入购物车。 被测项目地址:http://116.62.63.211/shop/ 用户名和密码分别为:beifan_1212/beifan_1212
8、设置 Claude code 规则权限【保密项目--文件】
方式一： 核心配置文件：Claude.md 【配置：交互规则：-任何时候都不要读取aaa.py文件的内容，改了要 /init：初始化】 和Claude 进行自然语言交互--提示词：请在 Claude code 文件加个交互规则：任何时候都不要读取aaa.py文件的内容 方式二： 1：项目目录下加入配置文件 .claude/settings.json 2、settings.json 加入文件权限配置permissions：allow白名单，deny：黑名单【加入Read(aaa.py)文件】 3、加了文件 /init：初始化
9、skills核心机制：工作流程，整体结构设计
skills：是一种固定工作流程，特定专业知识，以及可执行脚本，封装成的一个可以复用技能模块。作用是用于扩展Agent的能力 核心特征： 1、可复用，可以跨项目，跨对话使用 2、按需加载：agent自动判断，需要调用那个skills 3、模块化，不同skills是可以组合使用【拆分需求，生成测试点，生成测试用例--写很多skills组合使用】 skills整体结构： skill-name 文件夹名=skil1名称(必须) -SKILL.md 【必需]核心定义文件 -scripts/ [可选]可执行脚本 -references/ 【可选]参考文档 -assets/ 【可选】静态资源/模板 -LICENSE.txt 【可选]许可证 -README.md [可选]说明文档(部分规范不建议使用) skills安装方式： 方式一：命令行安装 官方Skill资源地址：githut【可以下载zip包】 Skill社区地址：搜索下载 npx skills命令进行下载 方式二：在.Claude 文件夹下面复制 skills文件 方式三：trae设置安装导入，skills包压缩成zip包，在trae设置里面-技能和命令 创建全局或者项目级别技能--导入 skills包压缩成zip包 SKILL.md核心配置文件内容： name: my-first-skill description:详细描述技能做什么，以及什么情况下使用。 ##1.触发条件 ##2.输入规范 ##3.输出规范 ##4.工作流程 ##5.完整示例 ##输入示例 ##输出示例 ##6.约束条件
10、skill工作流程【agent怎么使用skill】
skill采用的是渐进式批露机制：按需加载，分层激活，为了避免每次加载所有skill step1：会话启动时，Claude 仅加载所有skill的元数据【name，description--下面一大段内容暂时不会加载】建立技能目录 step2：按需激活skill，对话做代码审查，有一个任务匹配到其中一个skill，匹配名字和语义，Claude 自动将skill完整指令加载到系统提示词 step3：动态执行，当指令需要使用工具和脚本的时候，Claude code才会调用外部资源【工具-脚本】
11、需求文档智能拆分的skill设计
1、为什么拆分需求文档【需求文档内容很多，一堆都丢给agent，可能理解没那么清楚】【文件太大】【每次加载所有内容，对话上下文丢失语义】 2、如何拆分【1、按章节原原本本拆分,AI不能加减内容，可能改变需求】【2、对于不明确需求进行标记，便于人工评审】 3、设计智能拆分skill【md文件...】名字叫require_break/Skill.md 4、文本对话：请调用skills：require_break/Skill.md 【对电商系统需求规格说明书.md】进行需求拆分 5、拆分之后需要未确认的问题以及新增问题进行人工修复
12、根据需求文档生成excel测试用例【根据拆分后的需求】
1、导入测试用例生成skill文件
2、触发
13、CLAUDE.md里面定义核心流程
1、需求拆分 2、将MD格式的需求文档转换为excel用例 3、定制好流程1，2步骤后，提示词输入--请调用skill将需求文档【电商需求规格说明书.md】文件生成excel的测试用例
14、AI编写测试用例流程
一：需求拆分【把需求文档进行拆分，然后Ai审核有哪些不合理地方】 二：人工评审把不合理地方的需求进行修复 三：根据skill把拆分的文档生成xmanid测试点--AI审核，人工审核 四：根据skill把测试点生成测试用例--AI审核，人工审核 五：调用mcp把生成的case同步到禅道和jira
15、web自动化工具【3种操作浏览器工具】
1、Playwright MCP【工具简介】
Playwright：是一个功能强大的浏览器自动化工具，提供一整套控制浏览器的方法【类似selenium】
MCP：模型上下文协议，为AI大模型和外部数据，工具直接建立统一交互接口【AI模型类似GPT-操作外部数据需要MCP标准化接口进行交互】【交互协议】
Playwright MCP：在Playwright之上进行一层封装，把Playwright各种操作浏览器能力包装成了一个个标准化的工具，让Agent能够通过自然语言直接调用
特点：官方开发的，提供了很多接口，重点是通过MCP方式去控制浏览器实现web自动化的
适合AI长时间去观察，探索，以及操作项目的页面，它会保留登录状态【下次打开还是登录】
工作流程：
第一步：配置连接【智能体Claude code去配置添加Playwright mcp服务，智能体才知道有这个】
第二步：发出指令【向Claude code发出一个自然语言指令，打开百度，搜索百里】
第三步：规划和调用：Claude code先分解指令， 然后通过MCP协议去调用Platwright MCP提供的工具和函数【工具函数就是操作浏览器的】
第四步：执行和反馈，Platwright MCP执行这些函数，真是操作浏览器完成操作，然后把结果通过MCP返回给Claude code智能体
第五步：Claude code分析结果，做下一步操作的规划，直到完成整个任务
安装流程：
第一步：打开trea
第二步：claude mcp add Platwright-MCP npx @Platwright/MCP@latest
第三步：检查 Claude mcp list
2、Playwright MCP案例
prompt如下： 请检查Playwright-MCP是否可用: 1.打开 https://baidu.com. 2.在输入框输入:百里 3.保存一张截图 4.输出当前URL、页面标题和截图文件路径。 注意: -文件保存到工作区目录自动化测试实战/Playwright_MCP示例中
2、Playwright CLI【指令交互】【类似 关键字驱动，关键字反射操作浏览器】
什么是CLI：
他是一种通过输入命令和操作系统或软件进行交互的命令行模式
Playwright CLI：
是Playwright 提供的命令行模式，允许开发者不编写任何代码，仅仅通过命令可以操作浏览器
特点：
官方为AI设计CLI工具，是通过skill方式接入到Agent里面去控制浏览器实现web自动化测试
工作流程：
第一步：发出指令【向Claude code发出一个自然语言指令，打开百度，搜索百里】
第二步：规划和调用：Claude code先分解指令， 然后去调用并向Playwright CLI发出指令
第四步：Playwright CLI执行和反馈，Platwright CLI执行这些指令，真是操作浏览器完成操作，然后把结果以"简单地图【每个元素的代号e12，e15】"返回给Claude
第五步：Claude code分析结果，做下一步操作和规划，直到完成整个任务
安装：
1.安装 Playwright CLInpm install -g @playwright/cli@latest
2.为Claude Code安装Skills技能(让Agent 知道有哪些命令和何时使用)
playwright-cli install --skills
playwright-cli --help：查看命令
验证--通过Playwright-CLI完成简单的web自动化测试【CLI会生成 sh格式脚本】
Prompt提示词： 请使用 playwright-cli完成: 1.打开 https://baidu.com. 2.在输入框输入:百里 3.保存一张截图，输出当前uRL、页面标题和截图文件路径。 4.保存 playwright-cli脚本文件 注意: 文件保存到工作区目录自动化测试实战/Playwright_CLI示例中
3、Agent Browser
什么是Agent Browser
是一套可以被复用的浏览器操作说明书，也能操作浏览器
特点：
和playwright-cli 一样，通过skills接入到Agent控制浏览器实现web自动化
工作流程：
第一步：发出指令【向Claude code发出一个自然语言指令，打开百度，搜索百里】
第二步：规划和调用：Claude code先分解指令， 然后去调用并向Agent Browser发出指令
第四步：Agent Browser执行和反馈，Platwright CLI执行这些指令，真是操作浏览器完成操作，然后把结果以"简单地图【每个元素的代号e12，e15】"返回给Claude
第五步：Claude code分析结果，做下一步操作和规划，直到完成整个任务
安装：
#安装 agent-browser
npm install -g agent-browser
#安装浏览器
agent-browser install
#检查 agent-browser doctor
#安装Skills npx skills add vercel-labs/agent-browser
简单案例：Prompt提示词如下
请使用 Agent-Browser完成: 1.打开 https://baidu.com. 2.在输入框输入:百里 3.保存一张截图，输出当前 URL、页面标题和截图文件路径 4.保存Agent-Browser脚本文件 - 注意: -文件保存到工作区目录自动化测试实战/Agent__Browser示例中
1、mcp只有图片，没有脚本文件，mcp协议来交互
2、Playwright CLI，命令行工具，会生成一个sh命令文件，类似关键字驱动【playwright-cli open "url"】
3、Agent Browser，也会生成一个sh文件【agent-browser open "url"】【类似CLI,命令有些许差异】
16、AI驱动web自动化：从功能探索到代码生成设计思路
1、AI去功能探索
2、设计测试用例
3、生成自动化脚本
4、组合成自动化框架
17、AI驱动web自动化：功能探索Skills设计以及项目实战【Playwright mcp工具探索】
AI探索也就是设计一个skill name: my-first-skill description:详细描述技能做什么，以及什么情况下使用。 ##1.触发条件 ##2.输入规范 ##3.输出规范 ##4.工作流程 ##5.完整示例 ##输入示例 ##输出示例 ##6.约束条件
一些基本信息：
页面入口，用户名，密码
字模块名字【操作那个模块】
探索完成后希望得到什么
Skills文件内容 如下：
生成MD格式文件之后人工进行评审【AI为主，人工为辅助】，评审后根据MD生成用例【MD是探索功能地图】
18、AI驱动web自动化：代码生成Skill设计以项目实战
AI自动化整体下来分3步：
1、功能探索 --生成一个 md 功能探索文件
2、功能用例 -- 生成一个 .json 文件功能用例
3、自动化用例 -- 生成 基于 pytest+python+playwright 测试用例代码【输出代码后运行自动修复】
浙公网安备 33010602011771号