forms Scenario 2 — Multi-Step Registration Form

Written by RTILA X Engineering Team

Beginner ~4 min

What You'll Learn

Work through multi-step registration forms

Real-World Use Case

Signing up for trial accounts automatically

LIVE DEMO

EXPECTED OUTPUT

RTILA X PROJECT JSON

    {
  "name": "Multi_Step_Registration",
  "settings": {
    "urls": [
      "https://learn.rtila.com/scenarios/forms/2"
    ]
  },
  "datasets": {
    "registration_confirmation": {
      "item_selector": "css=#reg-success",
      "properties": [
        {
          "name": "message",
          "type": "text",
          "selector": "css=.success-message"
        }
      ]
    }
  },
  "commands": [
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#reg-step-1"
      }
    },
    {
      "command": "fill",
      "params": {
        "selector": "css=#reg-name",
        "value": "Jane Smith"
      }
    },
    {
      "command": "fill",
      "params": {
        "selector": "css=#reg-email",
        "value": "jane.smith@example.com"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#reg-next-1"
      }
    },
    {
      "command": "click",
      "params": {
        "selector": "css=#reg-next-1"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#reg-step-2"
      }
    },
    {
      "command": "fill",
      "params": {
        "selector": "css=#reg-address",
        "value": "123 Main Street"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#reg-next-2"
      }
    },
    {
      "command": "click",
      "params": {
        "selector": "css=#reg-next-2"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#reg-step-3"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#reg-submit"
      }
    },
    {
      "command": "click",
      "params": {
        "selector": "css=#reg-submit"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#reg-success"
      }
    },
    {
      "command": "extract_data",
      "params": {
        "dataset": "registration_confirmation"
      }
    }
  ]
}

RTILA X Concepts

Multi-step forms require sequentially waiting for each step to become visible before interacting with its fields. This scenario pairs wait_for_selector with fill and click to advance through the flow.

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?