阅读 183

录制浏览器交互并生成测试脚本

softest

softest 是用于录制浏览器交互并生成测试脚本的测试工具,简单实用。让你不用写一行代码就可以得到测试脚本。

Watch the video

Github: github.com/prprprus/so…

你的帮助对我来说非常重要,欢迎 Star ⭐、Fork、提交 Issue 或者 PR,谢谢!😁😘🎁🎉

项目来由

当我需要一个能够根据浏览器交互操作自动生成对应代码的工具时,找到了 puppeteer-recorderSelenium IDE,他们当然都是非常优秀的项目。但是在实际的使用中发现它们只能单 tab 录制,不支持多 tab,也不支持截图等功能,而且 Selenium IDE 在播放脚本时总是报错(应该是对滚动操作支持的问题),所以就自己造了个轮子。

功能

支持的功能

  • 单标签页录制
  • 多标签页录制
  • 屏幕截图
  • 生成测试脚本
  • 下载测试报告(包括截图和测试脚本)

安装

$ npm i -g softest
复制代码

softest 是基于 Puppeteer 构建的,而下载 Puppeteer 的时候会默认安装 Chromium。如果你在执行上面命令的时候看到下图,而且由于各种原因无法下载到 Chromium 的话,可以到这里下载,提取码 4vxu。

使用

为了方便命令的执行,建议添加环境变量:

$ export PATH=$PATH:$HOME/.npm-global/bin
复制代码

运行 softest 需要指定 Chromium 所在的目录,并且指定保存测试报告的目录(绝对路径)。

$ soft -c PATH_CHROMIUM -r PATH_REPORT
复制代码

如果你不清楚 Chromium 在哪个目录,可以启动 Chromium,在地址栏处输入 chrome://version/ 就可以找到它的可执行文件所在的目录。

如果你看到类似如下的输出,那么恭喜你成功了 🎉🎉🎉👏

 _______  _______  _______  _______  _______  _______  _______
|       ||       ||       ||       ||       ||       ||       |     status: running
|  _____||   _   ||    ___||_     _||    ___||  _____||_     _|     host: 127.0.0.1
| |_____ |  | |  ||   |___   |   |  |   |___ | |_____   |   |       port: 2333
|_____  ||  |_|  ||    ___|  |   |  |    ___||_____  |  |   |
 _____| ||       ||   |      |   |  |   |___  _____| |  |   |
|_______||_______||___|      |___|  |_______||_______|  |___|

🎉 Running WebSocket server successfully

🎉 Running HTTP server successfully
复制代码

打开浏览器,输入 hostport,你会看到如下的 web 界面:

关注下面的标签,发现更多相似文章
评论