Skip to main content

multi-tab Scenario 1 — Click Link Opening New Tab, Extract, Switch Back

Written by RTILA X Engineering Team

Beginner ~4 min

What You'll Learn

Switch between browser tabs

Real-World Use Case

Automating multi-tab workflows

LIVE DEMO

Multi-Tab Demo

Clicking the link below opens a new tab containing additional product details. The main page table remains available in its original tab.

Open Product Details in New Tab
ProductPriceStock
Wireless Mouse$24.99In Stock
USB-C Hub$39.99In Stock
Mechanical Keyboard$89.99Low Stock
EXPECTED OUTPUT

RTILA X PROJECT JSON 

    {
  "name": "Extract_New_Tab_And_Main",
  "settings": {
    "urls": [
      "https://learn.rtila.com/scenarios/multi-tab/1"
    ]
  },
  "datasets": {
    "main_data": {
      "item_selector": "css=table.main-data tbody tr",
      "properties": [
        {
          "name": "product",
          "type": "text",
          "selector": "css=td:nth-child(1)"
        },
        {
          "name": "price",
          "type": "text",
          "selector": "css=td:nth-child(2)"
        },
        {
          "name": "stock",
          "type": "text",
          "selector": "css=td:nth-child(3)"
        }
      ]
    },
    "tab_data": {
      "item_selector": "css=table.user-info tbody tr",
      "properties": [
        {
          "name": "field",
          "type": "text",
          "selector": "css=th"
        },
        {
          "name": "value",
          "type": "text",
          "selector": "css=td"
        }
      ]
    }
  },
  "commands": [
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=.new-tab-link"
      }
    },
    {
      "command": "click",
      "params": {
        "selector": "css=.new-tab-link"
      }
    },
    {
      "command": "switch_to_tab",
      "params": {
        "index": 1
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=.second-tab-content"
      }
    },
    {
      "command": "extract_data",
      "params": {
        "dataset": "tab_data"
      }
    },
    {
      "command": "switch_to_tab",
      "params": {
        "index": 0
      }
    },
    {
      "command": "wait_for_selector",
      "params": {
        "selector": "css=table.main-data"
      }
    },
    {
      "command": "extract_data",
      "params": {
        "dataset": "main_data"
      }
    }
  ]
}

The switch_to_tab command moves between browser tabs. After extracting data from the new tab, the automation returns to the original tab to extract its table.

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 2 RTILA X commands and is referenced in 1 learning article.

Continue Learning

Was this helpful?