Skip to main content

pagination Scenario 1 — Paginated List with Next Button

Written by RTILA X Engineering Team

Beginner ~4 min

What You'll Learn

Navigate through paginated lists

Real-World Use Case

Collecting multi-page search results

LIVE DEMO

Result 1

The first paginated search result available on this demonstration page.

/scenarios/pagination/result/1

Result 2

The second paginated search result available on this demonstration page.

/scenarios/pagination/result/2

Result 3

The third paginated search result available on this demonstration page.

/scenarios/pagination/result/3

Result 4

The fourth paginated search result available on this demonstration page.

/scenarios/pagination/result/4

Result 5

The fifth paginated search result available on this demonstration page.

/scenarios/pagination/result/5

Result 6

The sixth paginated search result available on this demonstration page.

/scenarios/pagination/result/6

Result 7

The seventh paginated search result available on this demonstration page.

/scenarios/pagination/result/7

Result 8

The eighth paginated search result available on this demonstration page.

/scenarios/pagination/result/8

Result 9

The ninth paginated search result available on this demonstration page.

/scenarios/pagination/result/9

Result 10

The tenth paginated search result available on this demonstration page.

/scenarios/pagination/result/10
EXPECTED OUTPUT

RTILA X PROJECT JSON 

    {
  "name": "Extract_Paginated_List",
  "settings": {
    "urls": [
      "https://learn.rtila.com/scenarios/pagination/1"
    ]
  },
  "datasets": {
    "page_items": {
      "item_selector": "css=.page-item",
      "properties": [
        {
          "name": "title",
          "type": "text",
          "selector": "css=.item-title"
        },
        {
          "name": "description",
          "type": "text",
          "selector": "css=.item-desc"
        }
      ]
    }
  },
  "commands": [
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=.page-item"
      }
    },
    {
      "command": "extract_data",
      "params": {
        "dataset": "page_items"
      }
    },
    {
      "command": "while",
      "params": {
        "condition": {
          "type": "element_visible",
          "selector": "css=a.next-page:not(.disabled)"
        },
        "do": [
          {
            "command": "click",
            "params": {
              "selector": "css=a.next-page"
            }
          },
          {
            "command": "wait_for_load_state",
            "params": {
              "state": "networkidle"
            }
          },
          {
            "command": "extract_data",
            "params": {
              "dataset": "page_items"
            }
          }
        ]
      }
    }
  ]
}

This scenario exercises the while loop together with a wait_for_selector guard. Each iteration extracts the visible list items, clicks the Next link, and waits for the page to settle before extracting again.

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?