一学就会的WEB端Monkey测试

一直想做web端UI自动化测试，网上查阅了 大量的资料，发现有一个现成的monkey测试框架，地址：https://github.com/marmelab/gremlins.jshttps://github.com/marmelab/gremlins.js但是我对js不是很精通，网上的资料不全，怎么办？只好一步一步学起来。

1. 背景

测试或开发web程序时，总会漏掉一些特殊用户交互场景，往往是这些漏掉的场景会出现问题，我们如果不想办法去发现这些特殊交互的漏洞并修复，那么这些问题早晚会暴露在线上。但如果有这样一个工具，可以随机模拟用户操作发现一些web交互的bug，那么我们应该尽可能在用户使用前发现，避免影响用户体验。gremlins.js的出现就是为了解决这个问题。

gremlins 可以随机单击窗口中的任意位置，在表单中输入随机数据，或者将鼠标移到随机元素上。目地：触发 JavaScript 错误，或使应用程序失败。如果 gremlins 发现不了程序问题，说明web应用足够健壮，那正是我们所期望的。

gremlins.js行为我们称之为：monkey测试。

2. 安装

这个模块是通过依赖node的npm分发的，需要作为你项目的依赖去安装，安装命令：

npm i gremlins.js

安装成功的命令就长这样： 

注意：windows下需要管理员身份登录进入命令行安装，否则会报错

3. 入门介绍（10秒完成Monkey测试）

 gremlins.js提供了一些gremlins类，通过访问其提供的web页面，可以自动生成调用gremlins的JavaScript代码。

使用自动生成JavaScript代码，只需要10秒钟就能完成一轮前端Monkey测试，只需要复制、粘贴也许就能帮助我们发现bug，简直就是空手套白狼。

下面详细说明怎么使用：

3.1 执行测试

 方法1：chrome控制台运行脚本

具体步骤：

1. 打开页面： https://marmelab.com/gremlins.js/
2. 勾选你需要monkey操作的事件，右侧就会自动生成js代码，继承Mogwais 的三种类，类下有不同的方法，如下图是我没有勾选任何方法生成的脚本