javascript - Testcafe 如何读取 json 响应并选择第一项并将其传递给选择器

Question

读取 JSON 响应

1) 当我访问这个 URL“http:example.com/fruits”时，它会访问一个端点“http:example.com/v1/collections/fruits”，我在浏览器网络响应中看到 JSON:

{
   "total":3,
   "page":1,
   "pageSize":24,
   "rows":[
      {
         "id":19,
         "title":"Apple"

      },
      {
         "id":21,
         "title":"Grape",

      },
      {
         "id":6,
         "title":"Orange",

      },

   ]
}

2) 我想选择第一个标题 - Apple 并将其传递给选择器并单击它

Answer 1

在您的应用中，您可以创建“GET”方法，例如:

fetch('http:example.com/v1/collections/fruits', {
  method: 'GET'
})
.then(response => response.json())
.then(data => {
  console.log(data.rows[0]['title']) // should return 'Apple'
})
.catch(error => console.error(error))

然后，您可以将它传递给您的选择器。