通过案例带你轻松玩转JMeter连载（30）

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 查看商品详情响应断言

• 名称改为：查看商品详情响应断言。
• 添加两个测试模式：“放入购物车”和“<img src="/static/image/”。

对于CSS/JQuery提取器，我们将在第3-1节进行介绍。