使用 WebKing 测试动态 Web 应用
简介：?本文从 WebKing 页面的静态分析出发，讨论了利用 WebKing 对支持 Ajax 的动态页面进行测试的方法，并且本文从单元测试和功能测试的角度介绍了使用 WebKing 测试 Accessibilily 的技巧，包括如何创建一个支持 Ajax 的测试项目，如何分析解决过滤 WebKing 报告出来的错误以及如何在开发人员和测试人员之前方便的沟通所发现的问题。
?
图 2. 设置 URL 以及录制所用的浏览器
创建完成后，选用的浏览器就自动打开，用户可以在 Web 应用上执行所要测试的功能了。本文以 Mashup Center 中创建一个新的窗口小部件为例，主要有以下几步操作：
1. 登录 Mashup center2. 切换到编辑模式3. 点击新建一个 Widget 的菜单4. 点击创建 Widget 的链接5. 输入要创建的 Widget 的名字，完成所要测试的功能完成后，关闭浏览器。回到 WebKing 的界面我们可以看到，刚才执行的操作都被 WebKing 一一记录了下来。
图 3. 记录的操作步骤
下面需要 WebKing 回放扫描来检查这个功能是否符合 Accessbility 的要求。
在静态分析那一项中，需要两次配置才能选择到具体的规则。第一次点击 config 按钮选择静态分析这个工具，如图 5 所示，第二次点击 config 按钮选择具体的规则，如图 6 所示。
图 5. 选择工具
图 6. 选择分析规则
如图 6 所示，Webking 的静态检查可以配置很多的规则从而对特定项目进行检查，如拼写检查， HTML 行业标准的检查，根据 DTD 检查 XHTML 文档的有效性以及 Accessibility 的检查。本文主要关注 Accessibility 的静态检查，选择 4a 项即可根据 WCAG2.0 所制定的规则进行检查。具体规则的定义可以参考 http://www.w3.org/TR/WCAG20/。
配置完成后就可以运行回放了，回放实际就是 WebKing 根据自己的记录把前面的操作重复一遍。此时有一些需要注意的地方，有的操作在 重复操作时会出错。比如上面创建 Widget 的操作，已经创建了一个名为 bb 的 Widget 了，再创建一个同名的肯定会出错。此时有两种选择， 一种是去 Mashup 里面把刚才创建的 Widget 删除，一种是在 WebKing 的对应的步骤里面修改，在重放的时候改变 Widget 的名字。WebKing 录制的 各个步骤都是可以看到预览图的，可以清楚的看到各个步骤对应的视图，如图 7 所示。在用户操作一栏可以修改用户输入的值，如图 8 所示 修改用户输入的 Widget 名字为 aa。
图 7. 查看视图
图 8. 在回放步骤中修改用户的操作
在回放前还可以对测试的步骤进行编辑，比如修改等待的时间，对于响应时间比较长的应用来说这个很有必要，如图 9 所示。 WebKing 的回放是基于 ID 来识别的，所以要保证录制的对应元素的 ID 在回放的过程中是不变的。尽量避免随机生成 ID 的情况，如果 不可避免的话，在录制时就要从 ID 固定下来以后再进行录制回放。比如 Mashup Center 中，从工具箱中拖一个 Widget 到页面上，这个 Widget 的 ID 就是随机生成的，如果要测试这个 Widget 的 Accessibility 就要从这个 Widget 在页面上保存下来以后再开始录制。否则如果 每次都重新拖一个下来，ID 都是随机生成的，下面的步骤就无法回放成功了，因为在回放时无法根据 ID 找到这个 Widget，后面的步骤 也就都中断了。另外在回放中如果碰到自动回放无法进行下去时，也可以在未超时以前手动干预，帮助配合 WebKing 的回放顺利完成。
图 9. 在回放步骤中修改用户等待时间
图 11. 找到错误对应的源码
点击 Edit 就可以在上方看到对应的 HTML 源码。另外也可以通过查看帮助文件，打开 WebKing 的具体规则定义，帮助用户去修改错误。
在很多情况下，我们测试是按照组件来测的，而在录制回放的过程中就可能把其他的组件也一起扫描测试。如果不想被其他的 错误所影响，我们还可以利用 WebKing 的过滤功能对错误进行过滤。或者由于 WebKing 仍然不支持 ARIA，有些错误从 ARIA 的角度看就不是真正的错误，这时也需要过滤 WebKing 报出来的错误。 如图 11 所示，选择 Suppress，打开过滤界面，如图 12 所示。
图 12. 过滤无效的错误信息
过滤可以分为几个级别，所有涉及该错误的信息都过滤掉，还是仅仅针对某个测试步骤过滤相应的错误信息，就需要测试人员具体情况具体分析了。
总结
本文主要以图示的方式介绍了使用 WebKing 测试动态 Web 应用的基本步骤，如何分析测试出来的结果以及如何帮助开发人员和测试人员沟通，修改发现的问题。
?
参考资料
“开发和测试访问无障碍的 Web 应用”（developerWorks 中国，2010 年 3 月）介绍了如何创建为残障人士无障碍访问的 Web 应用。?
原文：http://www.ibm.com/developerworks/cn/web/1010_sunqy_webking/
?
?
?
