在 Postman 中将多级响应对象可视化为 Table

Question

我想将邮递员测试中的以下数据可视化为带有product、price和quantity的列和Items行的表格。可能有多个 ShippingGroups。

{

   ...

   "companyGroups": [

        {

            ...

            "shippingGroups": [

                {

                    "id": 1,

                    "items": [

                        {

                            "product": "Product A",

                            "price": 2,

                            "quantity": 1,

                        },

                          {

                            "product": "Product B",

                            "price": 4,

                            "quantity": 4,

                        }

                    ],

                    ...

            ]

        }

    ],

{{#each response???}}我在引用多个级别对象中的项目时遇到问题。预期的格式应该类似于：

   <table>

        <tr>

            <th>Product</th>

            <th>Price</th>

            <th>Quantity</th>

        </tr>

        {{#each response???}}

            <tr>

                <td>{{???product}}</td>

                <td>{{???price}}</td>

                <td>{{???quantity}}

            </tr>

        {{/each}}

    </table>

Answer 1

鉴于您的响应示例，您可以使用如下内容：const template = `&nbsp; &nbsp;<table>&nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <th>Product</th>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <th>Price</th>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <th>Quantity</th>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; {{#each responseData}}&nbsp; &nbsp; &nbsp; &nbsp; {{#each items}}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>{{product}}</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>{{price}}</td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>{{quantity}}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; {{/each}}&nbsp; &nbsp; &nbsp; &nbsp; {{/each}}&nbsp; &nbsp; </table>`;let responseData = []_.each(pm.response.json().companyGroups, (item) => {&nbsp; &nbsp; _.each(item.shippingGroups, (nestedItem) => {&nbsp; &nbsp; &nbsp; &nbsp; responseData.push(nestedItem)&nbsp; &nbsp; })})pm.visualizer.set(template, { responseData })这只是一个粗略的示例，需要重构，但它表明您可以在表中显示响应数据。