Using Selenium Webdriver to target and trigger an onclick event through a CSS selector on a flight booking

Question

Using Selenium Webdriver to target and trigger an onclick event through a CSS selector on a flight booking

I've been running an automation test on the website . When searching for a flight, I encountered an issue where I was unable to click on a particular flight. I initially tried using Xpath but it wasn't able to locate the element when it was at the bottom or middle of the page, prompting me to resort to the following solution:

JavascriptExecutor jsx2 = (JavascriptExecutor)driver;
jsx2.executeScript("window.scrollBy(0,750)", "");

driver.findElements(By.xpath("//a[text()='Select']")).get(15).click();

However, I am looking for a way to achieve this without having to scroll to a specific position since different screens may have different sizes.

I also attempted using CSS selectors but unfortunately, that did not yield success either.

javascript selenium-webdriver css-selectors

Answer 1

Answer №1

Check out this xpath solution:

driver.findElement(By.xpath("//a[contains(@class, 'btn-primary')]")).click();

If that doesn't work, try:

driver.findElement(By.xpath("//li[contains(@id, 'result_0')]/div/div/div/div[2]/a")).click();

Take a look at these resources for more information:

Getting the Nth child of a node using xpath
Xpath changes after page is loaded each time

Answer 2

Check out this xpath solution:

driver.findElement(By.xpath("//a[contains(@class, 'btn-primary')]")).click();

If that doesn't work, try:

driver.findElement(By.xpath("//li[contains(@id, 'result_0')]/div/div/div/div[2]/a")).click();

Take a look at these resources for more information:

Getting the Nth child of a node using xpath
Xpath changes after page is loaded each time

Answer 3

Answer №2

Enclose the following script within executeScript()

const allFlightLinks = document.querySelectorAll(".booking-item-flight-details .booking-item-arrival a");

for(let i=0; i<allFlightLinks.length; i++) {
   allFlightLinks[i].click();
}

Answer 4

Enclose the following script within executeScript()

const allFlightLinks = document.querySelectorAll(".booking-item-flight-details .booking-item-arrival a");

for(let i=0; i<allFlightLinks.length; i++) {
   allFlightLinks[i].click();
}

Using Selenium Webdriver to target and trigger an onclick event through a CSS selector on a flight booking

Answer №1

Answer №2

Similar questions

The elements within the Popup Modal are not displaying as expected

Leveraging ternary operators within HTML elements

Having trouble interacting with element - Selenium WebDriver is not allowing the click

Discovering the reason behind a DOM element's visual alteration upon hovering: Where to start?

Omit certain table columns when exporting to Excel using JavaScript

Replace the checkbox display heading with a text box in the designated area

Optimizing the performance of J2EE web applications

Mastering the Art of Accelerating getJSON Array Data

Only when the condition is satisfied in AngularJS will I include JSON data

Unable to start store from localStorage during App initialization

Tips for verifying the request body when it consists of a lone JSON array

Changing the color of a placeholder using Javascript: A step-by-step guide

Challenges with managing VueJS methods and understanding the component lifecycle

disable full page scrolling on iOS devices

Let's leverage the power of Node.js and Express with the Jade templating

Generating Dynamic Object Keys following Array Mapping

The command 'create-react-app' is not valid and cannot be recognized as an internal or external command, operable program, or batch file

Using Javascript to Highlight a Single Row in a Table

Is it possible to dynamically evaluate the fs argument?

Utilizing JQuery UI autocomplete for dynamically loaded textbox using AJAX