Skip to main content

forms Scenario 5 — Booking Form with Date Picker

Written by RTILA X Engineering Team

Intermediate ~6 min
Prerequisites: basic-navigation/1 search-filter/1

What You'll Learn

Work with checkboxes and radio buttons

Real-World Use Case

Selecting preferences on configuration pages

LIVE DEMO

EXPECTED OUTPUT

RTILA X PROJECT JSON 

    {
  "name": "Booking_Form",
  "settings": {
    "urls": [
      "https://learn.rtila.com/scenarios/forms/5"
    ]
  },
  "datasets": {
    "booking_confirmation": {
      "item_selector": "css=#booking-confirmation",
      "properties": [
        {
          "name": "message",
          "type": "text",
          "selector": "css=.booking-confirmation"
        }
      ]
    }
  },
  "commands": [
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#booking-form"
      }
    },
    {
      "command": "fill",
      "params": {
        "selector": "css=#booking-date",
        "value": "2025-02-15"
      }
    },
    {
      "command": "select_option",
      "params": {
        "selector": "css=#booking-time",
        "value": "14:00"
      }
    },
    {
      "command": "fill",
      "params": {
        "selector": "css=#booking-name",
        "value": "John Doe"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#booking-submit"
      }
    },
    {
      "command": "click",
      "params": {
        "selector": "css=#booking-submit"
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=#booking-confirmation"
      }
    },
    {
      "command": "extract_data",
      "params": {
        "dataset": "booking_confirmation"
      }
    }
  ]
}

RTILA X Concepts

This scenario demonstrates select_option for a dropdown time picker and fill for a native date input. After submitting, the confirmation message contains the selected values.

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 1 learning article.

Continue Learning

Was this helpful?