想基于 MCP 服务在项目内落地端到端测试，有这么几个想法，希望跟 V 友们交流一下

之前用过 browser-use ，看起来 mcp-playwright 的原理也差不多。之前适配 Select 组件适配麻了（浏览器可以正常执行 JS 但是通过 playwright 执行就不行），经常点不到，要去调试 JS 。语义化确实是大问题，browser-use 就没有解决元素层级性的问题，对表单的识别（是否正确输入到框内的断言）就不好。

E2E 测试的最大问题是元素定位，browser-use 的解决方式是从源码解析 和 视觉识别相结合，视觉识别极大的依赖大模型的能力，那换个角度，进一步降低大模型从源码定位元素的难度，比如在源码中给元素加上特定的用于测试的属性 ：test={step:1,action:click,valeu:'123'}，再将语义化的测试用例(或者使用大模型 和 test 做个映射就可以。

一个思路不一定对

分享一下我的思路。 同样是给予 playwright 实现
测试用例是基于自然语言的



await page.goto(`https://www.baidu.com/`);
const testWriter = new TestWriter();
await testWriter.run('选中输入框', await buildContext(page));
await testWriter.run('输入你好', await buildContext(page));
await testWriter.run('点击搜索', await buildContext(page));



testWriter 在执行的时候，我会把当前页面的截图提供给 ai 。 并且提供一系列的 tools 给 ai ， 让 ai 自己编写代码

const description = `
1. the code is sent to playwright's page.evaluate(code) to execute.
2. The result will be serialised to json. Only the first 500 characters will be returned.
3. The result must be serialisable.
4. Please don't define a function
5. Don't write the await function
`;

export const evaluateCodeInPage = (page: Page): RunnerTool<string> => {
return {
definition: {
type: 'function',
function: {
name: 'evaluateCodeInPage',
description: description,
parameters: {
type: 'object',
properties: {
code: {
type: 'string',
description: 'Javascript code to evaluate in the page context. will call page.evaluate(code)',
},
},
},
},
},
toolCall: async (args: string) => {
const { code } = JSON.parse(args);
const result = await page.evaluate(code);
return {
content: JSON.stringify(result).slice(0, 1000),
};
},
};
};


ai 自动根据 evaluateCodeInPage 查找页面元素是否存在，自动编写 playweight 的脚本。
编写好脚本后，会调用 SaveCodeTool 把测试脚本保存在本地

export const SaveCodeTool: openai.ChatCompletiOnTool= {
type: 'function',
function: {
name: 'saveCode',
description: '保存代码',
parameters: {
type: 'object',
properties: {
fileName: { type: 'string', description: 'no extension' },
code: { type: 'string' },
},
},
},
};


下一次运行的时候，就完全不需要 AI 了。 只需要执行测试脚本即可。
有些 ai 写不对的地方，也可以人肉帮 ai 写一下。



未来会在这里开源 https://github.com/mockforge/testforge

@DiamondYuan 这种方式是不是比较像“我们使用了 MCP Server 去做端到端测试，那么是否也可以让 AI 在执行单元测试的过程中，把测试过程以端到端测试代码的形式保存下来？ https://github.com/executeautomation/mcp-playwright/pull/77”