使用 JavaScript 实现 Web 应用程序 HTTP 请求-响应测试自动化

核心提示： 工具 UI 代码位于此页面底部的主体元素中，仅由一些文本、用于显示信息的 textarea 元素以及启动测试自动化程序的按钮构成，使用 JavaScript 实现 Web 应用程序 HTTP 请求-响应测试自动化(6)，该测试工具结构的第一步就是使用脚本元素 src 属性来引用 jQuery 库

工具 UI 代码位于此页面底部的主体元素中，仅由一些文本、用于显示信息的 textarea 元素以及启动测试自动化程序的按钮构成。

该测试工具结构的第一步就是使用脚本元素 src 属性来引用 jQuery 库。jQuery 库是一个开放的 JavaScript 函数源集合，可从 jquery.com 获得。虽然您认为 jQuery 是随着 Web 开发而创建，但该库中包含的函数可使其非常适合轻型请求-响应测试自动化程序。这里所指向的是该库的 1.3.2 版本的本地副本。在进行测试自动化时，使用该库的本地副本比指向远程副本更加可靠。接下来，我使用 $(document).ready jQuery 表达式来确保我的工具可以访问该库，并且确保该工具 DOM 已加载到内存中。

在设置指向要测试的 Web 应用程序的变量 targetURL 后，我将内部逗号分隔的测试用例硬编码为字符串数组 testCaseData。在此，我仅硬编码了两个测试用例，但是在生产环境中，您可能会遇到上百个用例。通常，外部测试用例数据比内部测试用例数据更具优势，因为外部数据更易于修改和共享。但是，因为我在此介绍的技术属于轻型技术，所以内部测试用例数据是合理的设计选择。

测试用例中的第一个字段是用例 ID 号。第二个字段是发送到要测试的应用程序的原始请求数据。第三个字段是预期结果。

我如何知道请求数据的格式？确定 HTTP 请求数据格式的最简单方法，就是使用要测试的应用程序执行初步分析，通过使用 Fiddler 等 HTTP 记录程序检查实际的请求数据。

运行测试

主要的工具控制函数是 runTests。此 runTests 函数使用一流的 try-catch 机制进行初步错误处理。我使用辅助函数 logRemark 显示工具的 textarea 元素的信息。此工具使用帮助程序函数 getVS 和 getEV 获取要测试的 ASP.NET Web 应用程序的当前 ViewState 和 EventValidation 值。这些值由应用程序生成且由 Base64 编码，主要起到状态和安全机制的作用，并且必须作为任何 HTTP POST 请求的一部分进行发送。sendAndReceive 函数执行实际的 HTTP 请求并返回相应的 HTTP 响应。runTests 函数迭代每个测试用例：