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

Booking Form

A date input, time select, and name field with a confirmation.
EXPECTED OUTPUT

Booking Confirmation

{
  "message": "Booking confirmed for John Doe on 2025-02-15 at 14:00."
}
RTILA X PROJECT JSON

RTILA X Automation Project

booking-form.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": "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?