DiamondYuan

@ScepterZ

如果是一个房间比较远，可以买带电池的毫米波接收器

电脑 -> 毫米波接收器 （带电池） -> 显示器

@NeverBelieveMe

7 寸屏幕 100 多 g ，掌机 500g 。～ 600g
屏幕没有 cpu ，电池，散热。 轻很多很多

我深入研究过这个话题，分享一下我的方案

1. 咸鱼买一个 7 寸的便携屏 (带 joycon 底座的。（ 500 rmb
2. 使用 type c 连接掌机
3. 在便携屏左右安装 joycon

这样整体不到 300g 。 是最轻的方案。
如果觉得 joycon 手感差，可以换成 魔派双子星

分享一下我的思路。 同样是给予 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

可以用 deepkseek + cline 暂时替代。

rank 15 的是 just-js ， 居然是 js

推荐 CapRover ， 基于 docker 开发的。

优点是开源免费，架构简单。 可以免去配证书的麻烦事。
出了图形界面，还有 cli ，可以自己和 GitHub action 组合，搞 CICD 。

@foolishcrab

mock 数据和代码是放在一起的，方便写测试，本地管理。

通过 npm 集成，可以让所有维护者都不需要安装插件。

@iosyyy

会在 html 里注入脚本，拦截全部的 xhr 请求。（公司内项目都是 axios ，没用 fetch ，所以我第一版只拦截了 xhr ）

如果和配置的 mock 匹配，就会用 mock 数据。