Autofill chrome 表格自动填充

时间：2024-03-06 17:24:32

转自：https://blog.csdn.net/com542948180/article/details/78832494

背景

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

Autofill 介绍

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

Autofill 简单原理介绍

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

安装

　　既然是Chrome的一个插件，那么只需要进入到Chrome网上应用商店搜索“Autofill”便可以找到，当前最新版是v7.1，这里直接给地址：https://chrome.google.com/webstore/detail/autofill/nlmmgnhgdeffjkdckmikfpnddkbbfkkk?utm_source=chrome-app-launcher-info-dialog
注意：国内需要Chrome 插件安装需要FQ

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 提供了非常方便的录制功能，可以快速生成配置文件。

录制

　　假设我们以Autofill提供的【练习表单页面】为例子：http://www.tohodo.com/autofill/form.html
1.打开页面，在需要自动填写表单的控件中（支持下拉选项框，单选框，复选框，文本框）编辑内容，例如下：

Paste_Image.png

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

Paste_Image.png

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

Paste_Image.png

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

Paste_Image.png

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

　　完成配置文件后，那么我们就可以使用该配置文件来进行自动化填充。
进行自动填充工具提供了两种模式既1.自动模式 2.手动模式， 默认为手动模式。

自动模式

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

手动模式

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

Paste_Image.png

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

Paste_Image.png

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

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

Paste_Image.png

配置文件导入和导出

　　Autofill 提供了配置文件的导入和导出功能，方便团队成员间互相分享配置。
　　导入和导出的入口都在其它标签里面。点击导出可以把导出的文本copy到记事本或者保存成csv文件给伙伴。 导入可以把导出的文本copy到文本框点击导入完成。 同时导出支持替换和追加，替换就是把自己原来的配置都删除，玩玩全全使用导入的配置，追加则在原有的配置基础上添加新导入的配置。

Paste_Image.png

增强配置文件

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

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

Paste_Image.png

内容变量设置

　　通过录制生成的配置文件中【内容】项是个固定值，然后实际使用中我们往往需要一些随机数或者变量，例如创建账号的表单，总是希望每次自动填表单自动生成的用户名都是不一样的，那么Autofill提供了4种变量设置。
随机数
随机数生成分成纯数字和数字与字符串结合两种方式，语法如下：
1.随机生成N位数字： {#N}
2.随机生成N位字符串： {$N}

递增 or 递减
递增：{1++}
递减：{1000--}

随机选取某个选项
从某些选项中随机选取一个，进行填写表单。 例如随机从a,b,c,d中选取一个： {a|b|c|d}

获取规则表中的值
也许我们会有这么场景，我们的确认密码文本框的值，必须等于文本框的值，那么其实我们可以通过Autofill提供的获取规则表中的值来解决，这里主要提供了获取配置文件中【名称】【内容】的值。
例如下图：通过{v7} 来获取 上一个内容的值，当然如果想获取名称里面的值，只需要{n7}便可，每个【名称】和【内容】框的右上角都会对应一个值，而且唯一。

Paste_Image.png

个性化定制

　　Autofill 提供了个性化定制或者说提供了执行JS的功能，我们可以写一段JS 放入配置文件中，那么配置文件被执行时会自动执行这段JS。
具体步骤如下图：

  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

相关文章