Autofill chrome 表格自动填充

转自：Autofill chrome 表格自动填充

背景

　　公司CD Team团队执行测试时需要填写多到10来个的表单页面，如果每个表单都靠人工一个一个去输入那势必会非常的繁琐，带来非常多的工作量，而且原来的ART工具也无法在新的站点上使用，所以急需一个类似ART的工具，有自动填写表单的功能。

Autofill 介绍

　　Autofill 正是一个只需要前期简单配置，便可以辅助填写表单的Chrome 浏览器插件。

Autofill 简单原理介绍

　　Autofill 其实是通过用户在配置界面配置的网址，控件定位方式，控件类型，控件操作内容从而通过这些信息去执行JS脚本以达到自动填充表单的目的。

安装

Paste_Image.png

点击【添加至CHROME】等待安装完成便可。

Paste_Image.png

界面介绍

　　安装完Autofill 后，会在Chrome浏览器右上角出现一个闪电图标，右键图标点击选项打开Aufofill 配置界面：

Paste_Image.png

　　Autofill配置界面相对还是比较简洁，分为四大块：

1. Form Fields(表单字段)：最主要的配置界面，用于配置自动填表单的信息。
2. Expressions（例外）：用于设置你不想自动填写表单的网页地址，支持正则。
3. Other Stuff(其它标签)：这里有一些高级设置，主要用于设置自动填表单规则和导入导出。
4. Support(支持)：这个主要是帮助文档，还有一些快捷键列表。

Paste_Image.png

快速上手

　　Autofill 提供了非常方便的录制功能，可以快速生成配置文件。

录制

Paste_Image.png

2.表单填写完后右键：Autofill –> 为此页面增加规则…

Paste_Image.png

3.如果是第一次使用，那么在生成自动填充规则前，我们需要新建一个配置文件。

Paste_Image.png

4.创建完或者已经选取了一个配置文件，最后直接点击 【生成自动填充规则】，这样我们就根据填写的表单生成一个配置文件，打开Autofill的设定中的表单字段可以查看到：

Paste_Image.png

使用配置文件，自动填充表单

自动模式

　　再次去刷新【练习表单页面】，你会发现不管怎么刷新我们录制过的控件，总是会按我们录制时的情况自动填充。

手动模式

　　要使用手动模式，需要先到Autofill设定中的其他标签–>高级选学校中勾选【开启手动模式】。

Paste_Image.png

　　开启手动模式后，我们再次进入到【练习表单页面】，刷新页面，这时页面表单就无法自动填充，如果想实现自动填充需要鼠标右键–>Autofill–>使用配置–>Test1，这时就可以完成自动化填表单操作。

Paste_Image.png

填充时是否覆盖原来的内容

　　有时我们的表单中已经有包含了一些内容，我们希望在自动填充时不去修改已填充的文本框，这时我们可以打开Autofill设定找到对应的配置文件，去掉【覆盖非空字段】的勾选框便可。

Paste_Image.png

配置文件导入和导出

Paste_Image.png

增强配置文件

让同一个配置支持多个站点

　　如果A,B两个网站存在相同的表单（空间定位方式也一样），而你又不想因此建立多个配置文件，那么可以修改配置文件中的站点，使之支持多个网站。 修改规则只需要添加 “|”后跟上其它站点地址。 例如下：

Paste_Image.png

内容变量设置

Paste_Image.png

个性化定制

1. 点击 + 号图标，添加一条配置
2. 类型全球JavaScript类型
3. 在内容中把调试通过的JS黏贴进去
4. 配置要执行JS的站点

   

   Paste_Image.png

执行效果：

Paste_Image.png

补充：在录制生成或者手工编写的配置中的【名称】既定位方式，其匹配优先级由高到底为:name，id，placeholder，title，class，同时可以使用正则表达式。

小结

与手工对比优势：

1. 节约大量时间，由原来纯手工测试1个case半小时左右的执行时间缩短到只需要10分钟左右。
2. 可以预先设置规则
3. 避免重复操作

与ART对比优势：

1. 支持medicare网站
2. 通用性更强
3. 更容易维护

不足：

1. 缺乏快捷键选取配置文件
2. 值支持原生JS，不支持jquery等框架

更多详细帮助，可以参考Autofill在线帮助文档：http://www.tohodo.com/autofill/help-chrome.html