search-filter Scenario 3 — Apply Price Range Filter and Scrape

Written by RTILA X Engineering Team

Intermediate ~6 min

Prerequisites: basic-navigation/1

What You'll Learn

Combine multiple form inputs to filter results

Real-World Use Case

Setting price range and brand filters

LIVE DEMO

Price Range Filter

Filter all products by a $100 to $500 price range and extract the results.

EXPECTED OUTPUT

Products $100 to $500

name	price	category
Wireless Noise-Cancelling Headphones	$249.99	Electronics
4K Ultra HD Monitor	$499.99	Electronics
Mechanical Gaming Keyboard	$129.99	Electronics
USB-C Docking Station	$159.99	Electronics
Waterproof Rain Jacket	$119.99	Clothing
Running Sneakers	$129.99	Clothing
Stainless Steel Cookware Set	$199.99	Home & Garden
Robot Vacuum Cleaner	$299.99	Home & Garden
Adjustable Dumbbells	$329.99	Sports
Tennis Racket Pro	$149.99	Sports

RTILA X PROJECT JSON

RTILA X Automation Project

price-range-scrape.json

    {
  "name": "Apply_Price_Range_And_Scrape",
  "settings": {
    "urls": [
      "https://learn.rtila.com/scenarios/search-filter/3"
    ]
  },
  "datasets": {
    "price_filtered": {
      "item_selector": "css=.filter-result",
      "properties": [
        {
          "name": "name",
          "type": "text",
          "selector": "css=.result-name"
        },
        {
          "name": "price",
          "type": "text",
          "selector": "css=.result-price"
        },
        {
          "name": "category",
          "type": "text",
          "selector": "css=.result-category"
        }
      ]
    }
  },
  "commands": [
    {
      "command": "goto",
      "params": {
        "url": "https://learn.rtila.com/scenarios/search-filter/3"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#min-price"
      }
    },
    {
      "command": "fill",
      "params": {
        "selector": "css=#min-price",
        "value": "100"
      }
    },
    {
      "command": "fill",
      "params": {
        "selector": "css=#max-price",
        "value": "500"
      }
    },
    {
      "command": "click",
      "params": {
        "selector": "css=#apply-filter"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=.filtered-results .filter-result"
      }
    },
    {
      "command": "extract_data",
      "params": {
        "dataset": "price_filtered"
      }
    }
  ]
}

RTILA X Concepts

fill accepts numeric text for number inputs, click applies the filter, and wait_for_selector protects against reading an empty result list before Vue has updated the DOM.

Did you complete this scenario?

Ready to run this automation?

Copy the project JSON above, open RTILA X, create a new project, and paste it.

Download RTILA X Free → View setup guide →

This scenario covers 3 RTILA X commands and is referenced in 2 learning articles.

Continue Learning

Was this helpful?