摘要：，，近年来，随着科技的快速发展，用户界面（UI）的测试和评估变得越来越重要。传统的UI测试方法虽然能够确保功能性和稳定性，但在面对复杂的前端应用时，效率和准确性常常面临挑战。而Midscene技术的出现，为前端测试带来了革命性的变革，显著提高了UI测试的效率和准确性。，，Midscene技术通过模拟真实场景和用户行为，实现了对前端应用的自动化测试。它不仅能够模拟用户的各种操作，还能实时反馈测试结果，从而帮助开发者快速发现和修复潜在的问题。与传统的UI测试相比，Midscene技术的应用使得测试效率大幅提升，甚至可以达到提升10倍的效果。，，Midscene技术的优势在于其高度自动化和智能化。它不仅可以自动执行测试用例，还能自动识别测试中的问题和缺陷。Midscene技术还可以与持续集成和持续部署（CI/CD）流程相结合，实现快速迭代和高效交付。这不仅提高了开发效率，还降低了维护成本。，，Midscene技术的应用为前端UI测试带来了前所未有的便利和高效。它不仅可以提高测试的准确性和覆盖率，还能帮助开发者快速发现和修复问题。随着Midscene技术的不断发展和完善，未来的前端测试将更加智能化和自动化，为开发者带来更高效、更便捷的开发体验。

最近在做一个电商项目，需要经常测试商品列表、购物车、下单支付等流程。每次修改完代码都要手动点击测试非常耗时，想找个好用的自动化测试工具。https://post.smzdm.com/p/aprog972/

传统的测试框架要写大量代码,还要维护各种选择器,改个页面就要改测试代码。找了一圈，发现了 Midscene.js 这个工具，试用后发现确实好用，今天分享给大家。https://post.smzdm.com/p/aprog972/

Midscene.js 是什么?

Midscene.js 是一个开源的UI自动化工具，最大特点是可以用自然语言描述测试步骤。比如想测试登录功能，只需要写:https://post.smzdm.com/p/aprog972/

await midscene.run({     instructions: "打开登录页面,输入用户名admin,输入密码123456,点击登录按钮" });https://post.smzdm.com/p/aprog972/

就能自动完成整个登录操作。不用写选择器,不用处理异步等待,工具都帮你搞定了。https://post.smzdm.com/p/aprog972/

，时长01:50https://post.smzdm.com/p/aprog972/

核心功能介绍

1. 自然语言控制

直接用文字描述要做什么，工具会自动执行对应的操作。支持点击、输入、滚动、拖拽等常见操作。https://post.smzdm.com/p/aprog972/

2. 数据提取转换

轻松从页面提取数据并转成JSON格式：https://post.smzdm.com/p/aprog972/

const result = await midscene.run({     instructions: "获取商品列表的标题和价格" }); console.log(result.data);https://post.smzdm.com/p/aprog972/

3. 智能断言验证

用直观的方式描述预期结果：https://post.smzdm.com/p/aprog972/

await midscene.verify("登录后应该显示用户头像");https://post.smzdm.com/p/aprog972/

4. Chrome插件支持

提供Chrome插件可以录制回放测试用例，无需写代码。特别适合测试人员使用。https://post.smzdm.com/p/aprog972/

5. 详细的测试报告

自动生成包含截图、耗时、错误信息的报告，方便定位问题。https://post.smzdm.com/p/aprog972/