api-interception Scenario 1 — Intercept XHR and Extract JSON Directly

    {
  "name": "Intercept_XHR_Products",
  "settings": {
    "urls": [
      "https://learn.rtila.com/scenarios/api-interception/1"
    ]
  },
  "datasets": {
    "api_products": {
      "item_selector": "css=.api-product",
      "properties": [
        {
          "name": "name",
          "type": "text",
          "selector": "css=.api-product-name"
        },
        {
          "name": "price",
          "type": "text",
          "selector": "css=.api-product-price"
        }
      ]
    }
  },
  "commands": [
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#spa-app"
      }
    },
    {
      "command": "wait_for_api_response",
      "params": {
        "url_pattern": "/api/products"
      }
    },
    {
      "command": "run_script",
      "params": {
        "script": "export default async function(page, context, state, helpers) {\n  return JSON.parse(document.querySelector(\"#api-data\").textContent);\n}"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=.api-product"
      }
    },
    {
      "command": "extract_data",
      "params": {
        "dataset": "api_products"
      }
    }
  ]
}