微信小程序自动化测试

环境准备

1.开启服务端口，只有开启了服务端口才可以使用命令行，开启路径：设置 - 安全设置 - 服务端口
2.在确认开启了服务端口后，运行脚本

 node index.js

写在前面的坑

1.如出现以下报错

Failed to launch wechat web devTools, please make sure http port is open

则需要自己手动操作一次命令行，开启自动测试，命令行需要在微信开发者工具的安装目录下执行，即cli.bat所在的目录

cli auto --project 项目路径 --auto-port 服务端口

2.在使用jest时，如出现以下报错

TypeError: Cannot read property '$' of undefined

造成这个错误是因为脚本运行时获取不到指定的DOM节点。
解决方法：

• 如果在开发者工具的Wxml面板中没有正常显示，则清空缓存并构建npm，直到显示正常为止
• 如果能正常显示，先关闭项目窗口，并运行测试脚本，当测试脚本打开开发者工具时，第一时间选择工具 - 构建npm，确保测试脚本跑完之前，小程序已经渲染完了。如果多次尝试都无法确保，可以给beforeAll的第二个参数timeout的值设置大一些
  
  测试通过的图片

具体详情查看官方文档