Browser Automation: a Tokeny case study
Automate repetitive web operations (form filling, clicking, screenshots, data extraction). Follow the recorded task, execution screenshots, actual files and verification notes.
By the Tokeny team · Windows · Tokeny 1.7.8 · gpt-6-sol
Prepare the inputs
Create a separate workspace in Tokeny, download and unpack the sample inputs, then select a model that supports tools. The sample uses synthetic data or the public sources named in the article.
- form.html
Send the task to Tokeny
The original task was executed in Chinese. Copying these instructions reproduces the same task; the results below include an English report.
对本地表单网页进行真实浏览器自动化：填写姓名和反馈、点击提交、读取成功提示、保存截图与提取 JSON。只操作本地演示网页。 交付文件：browser-test.mjs、submission.json、browser-result.png。 验收要点： - 实际 Chromium 填写与点击 - 结果包含演示姓名与反馈 - 截图来自真实页面 这是使用合成演示输入或指定公开资料的真实操作案例。请先读取工作空间输入，再实际生成文件并自检。所有写入、脚本与临时服务限于当前工作空间；临时服务只监听 127.0.0.1，执行后关闭；不触达外部收件人、不发布、不付款、不更改系统设置，不调用子智能体。需要公开资料时可读取给定 URL。只启用完成任务必需的工具。另写 report.md（中文）和 report.en.md（英文），简洁、完整，包含输入、处理步骤、真实结果、检查方式和局限；失败或未验证部分如实记录，不能宣称成功。最终回复用中文列出产物、关键结果与待核实项。 排版检查：Word 主标题仅出现一次，标题为黑色且与后续正文或表格保持同页；表格的标题、表头和第一条数据保持同页，单行不要跨页拆分；Excel 表头和长文字不能被窄列截断，合理设置列宽、换行、行高；HTML 在 390px 视口不能整页横向溢出。临时网络服务请用系统分配端口（0），记录实际端口，不使用固定端口，避免并发案例互相访问。报告没有固定字数要求，不要为字数反复改写。
The recorded run used an isolated demonstration workspace. Review the commands and file paths before approving operations in your own workspace.
What actually ran
The task was submitted through the Tokeny input box. An online model read the inputs and executed tools. Form interactions and screenshots use a real browser on a local demonstration page.
Results and verification
Input
- Page:
form.html, a local feedback demonstration page. - Name: Lin Xiaoyu (林晓雨)
- Feedback: 页面加载很快，提交流程清晰。
Processing Steps
- Read
form.htmland the workspace environment notes. - Ran
browser-test.mjs, starting a temporary HTTP service bound only to127.0.0.1with system-assigned port0. - Opened the local page in real Microsoft Edge (Chromium).
- Filled the name and feedback through browser locators and clicked “提交”.
- Read the
role="status"success message and saved the real-page screenshot and JSON result. - Closed the browser and the temporary service.
Actual Result
- Success message:
已收到 林晓雨 的反馈：页面加载很快，提交流程清晰。 - JSON:
submission.json - Screenshot:
browser-result.png - Actual port:
58814, assigned by the operating system; no fixed port was used. - 390px viewport check:
viewportWidth=390,scrollWidth=390, with no page-wide horizontal overflow.
Verification
- Checked
submitted,name,feedback, andsuccessMessageinsubmission.json. - Checked
mobileLayout.noHorizontalOverflowistrue. - Checked that the screenshot exists and was produced by Playwright after submission on the real page.
- Checked that the script closes both the browser and temporary HTTP service before exit.
Limitations
- This validates only the local static demonstration page. It does not validate a real backend, network delivery, or persistence.
- The run used a headless real Chromium engine and did not cover other browsers, font environments, or physical mobile devices.
Download and inspect the outputs
The archive contains the files created during this run. Use these checks when adapting the example to your own data.
- Reconcile the reported results against the downloadable sample inputs.
- Open the generated files and check the contents relevant to your task.
- Review the limitations and any unverified steps in the report.