3 查看商品详情接口测试脚本操作步骤
在讲解这个接口脚本测试之前，先来讲解如何获得商品链接的CSS选择器表达式。（关于CSS选择器的用法请到网上察看相应的资料。）
1）打开浏览器，输入192.168.1.3:8000，打开登录页面，登录完毕进入商品列表页面。
2）在第一个“查看”链接处点击鼠标右键，在弹出菜单中选择“检查”（以Chrome浏览器为例）。如图5所示。
图5 在弹出菜单中选择“检查”
3）定位到HTML文件的相应位置。
4）在这个位置右击鼠标，在弹出菜单中选择“copy->copy selector” 如图6所示。
图6所示 在弹出菜单中选择“copy->copy selector”
5）把拷贝的内容粘贴到文本文件中：body >div >div.row >div >table >tbody >tr:nth-child(1) >td:nth-child(4) >a。
6）在第二个“查看”链接处，重复第2）步到第5）步，获得的文本为body >div >div.row >div >table >tbody >tr:nth-child(2) >td:nth-child(4) >a。
7）可以得到，字符传中的“tr:nth-child(n)”代表第n条记录。
8）由于没一页有1到5条记录。我们通过随机函数把body >div >div.row >div >table >tbody >tr:nth-child(2) >td:nth-child(4) >a改写为：：body
div >div.row >div >table >tbody >tr:nth-child(${__Random(1,5,num)}) >td:nth-child(4)
a。
9）右键点击商品列表HTTP请求，在弹出菜单中选择“添加->后置处理器->CSS/JQuery提取器”。按照图7中进行设置。
图7 获取商品链接
- 修改名称：获取商品链接
- Apply选择默认值：Main sample only。
- 引用名称：goods。
- CSS选择器表达式：body >div >div.row >div >table >tbody>tr:nth-child(${__Random(1,5,num)}) > td:nth-child(4) >a。即第8）步改写的记录。
- 属性：href。
匹配数字（0代表随机）：1。
- 缺省值：Null。
10）在循环控制器下建立查看商品详情HTTP请求。按图8进行设置。
图8 查看商品详情
- 名称改为：查看商品详情。
- HTTP请求方式：GET。
- 路径：${goods}。
11）在查看商品详情HTTP请求添加响应断言。如图9所示。
图9 查看商品详情响应断言
- 名称改为：查看商品详情响应断言。
- 添加两个测试模式：“放入购物车”和“
对于CSS/JQuery提取器，我们将在第3-1节进行介绍。
