Tips for managing the second datepicker for the return journey on Abhibus using Selenium webdriver

Question

Tips for managing the second datepicker for the return journey on Abhibus using Selenium webdriver

I am currently working on a code to choose departure date and return journey date, but I am encountering an issue where the return journey date is not being selected. The driver seems to be skipping over the return date selection and proceeding directly to the search button without entering a return date.

public class Callender {
    public static void main(String[] args) throws InterruptedException {
        System.setProperty("webdriver.chrome.driver", "C:\\Program Files\\selenium\\chromedriver.exe");
        WebDriver driver=new ChromeDriver();
        driver.manage().window().maximize();
        driver.get("https://www.abhibus.com/");
        //to select leaving from
        WebElement source =driver.findElement(By.xpath("//*[@id='source']"));
        source.clear();
        source.sendKeys("Tenal");
        Thread.sleep(2000);
        source.sendKeys(Keys.ENTER);
        //to select destination
        WebElement destination =driver.findElement(By.xpath("//*[@id='destination']"));
        destination.clear();
        destination.sendKeys("Hyderaba");
        Thread.sleep(2000);
        destination.sendKeys(Keys.ENTER);


        WebElement element = driver.findElement(By.xpath("//*[@id=\"datepicker1\"]"));
        String journeydate="04-10-2019";
        selectJourney(driver,element,journeydate);

        Thread.sleep(3000);
        WebElement element1 = driver.findElement(By.xpath("//*[@id=\"datepicker2\"]"));
        String returndate="06-10-2019";
        selectRJourney(driver,element1,returndate);
        //to click search button
        driver.findElement(By.xpath("//*[@id=\"roundTrip\"]/a")).click();
    }
    public static void selectRJourney(WebDriver driver, WebElement element1, String returndate) {
        JavascriptExecutor je=(JavascriptExecutor)driver;
        je.executeScript("arguments[0].setAttribute('value','"+returndate+"');", element1);
        // TODO Auto-generated method stub

    }
    public static void selectJourney(WebDriver driver,WebElement element,String journeydate) {
        JavascriptExecutor js= (JavascriptExecutor)driver;
        js.executeScript("arguments[0].setAttribute('value','"+journeydate+"');",element);
    }

Would appreciate any insights or assistance in identifying what may have gone wrong or what steps I could potentially be overlooking?

javascript java selenium selenium-webdriver testng

Answer 1

Answer №1

Kindly utilize the following code snippet to set the calendar value by using

document.getElementById('datepicker1').value = "Your_Date"

.

String journeydate="04-10-2019";
selectJourneyDate(driver,journeydate);

Thread.sleep(3000);
String returndate="06-10-2019";
selectReturnJourneyDate(driver,returndate);

Code Modification:

public static void selectReturnJourneyDate(WebDriver driver, String returndate) {
    JavascriptExecutor je=(JavascriptExecutor)driver;
    je.executeScript("document.getElementById('datepicker2').value = '"+returndate+"';");

}
public static void selectJourneyDate(WebDriver driver,String journeydate) {
    JavascriptExecutor je=(JavascriptExecutor)driver;
    je.executeScript("document.getElementById('datepicker1').value = '"+journeydate+"';");

}

Recommendations:

Consider using id instead of xpath.
Avoid using JavascriptExecutor for real testing purposes.
Merge selectReturnJourneyDate and selectJourneyDate into a single method as they share similar code logic.

********************** EDITED *************************

String journeydate="04-10-2019";
pickDateFromCalendar(driver,"datepicker1",journeydate);

Thread.sleep(3000);
String returndate="06-10-2019";
pickDateFromCalendar(driver,"datepicker2",returndate);

You can create a generic method pickDateFromCalendar and pass the date picker id as an argument:

public static void pickDateFromCalendar(WebDriver driver, String datePickerId, String selectedDate) {
    JavascriptExecutor je=(JavascriptExecutor)driver;
    je.executeScript("document.getElementById('"+datePickerId+"').value = '"+selectedDate+"';");

}

***** HACK AS PER YOUR LEAD REQUIREMENT ******

driver.findElement(By.id("datepicker1")).click();
int currentSelectedDate = Integer.parseInt(driver.findElement(By.cssSelector(".ui-state-highlight")).getText());
driver.findElement(By.cssSelector(".ui-state-highlight")).click();
driver.findElement(By.id("datepicker2")).click();
if(currentSelectedDate>=30)
    driver.findElement(By.xpath("//a[@class='ui-state-default'][contains(text(),'1')]")).click();
else
    driver.findElement(By.xpath("//a[@class='ui-state-default'][contains(text(),'"+(currentSelectedDate+1)+"')]")).click();

Answer 2

Kindly utilize the following code snippet to set the calendar value by using

document.getElementById('datepicker1').value = "Your_Date"

.

String journeydate="04-10-2019";
selectJourneyDate(driver,journeydate);

Thread.sleep(3000);
String returndate="06-10-2019";
selectReturnJourneyDate(driver,returndate);

Code Modification:

public static void selectReturnJourneyDate(WebDriver driver, String returndate) {
    JavascriptExecutor je=(JavascriptExecutor)driver;
    je.executeScript("document.getElementById('datepicker2').value = '"+returndate+"';");

}
public static void selectJourneyDate(WebDriver driver,String journeydate) {
    JavascriptExecutor je=(JavascriptExecutor)driver;
    je.executeScript("document.getElementById('datepicker1').value = '"+journeydate+"';");

}

Recommendations:

Consider using id instead of xpath.
Avoid using JavascriptExecutor for real testing purposes.
Merge selectReturnJourneyDate and selectJourneyDate into a single method as they share similar code logic.

********************** EDITED *************************

String journeydate="04-10-2019";
pickDateFromCalendar(driver,"datepicker1",journeydate);

Thread.sleep(3000);
String returndate="06-10-2019";
pickDateFromCalendar(driver,"datepicker2",returndate);

You can create a generic method pickDateFromCalendar and pass the date picker id as an argument:

public static void pickDateFromCalendar(WebDriver driver, String datePickerId, String selectedDate) {
    JavascriptExecutor je=(JavascriptExecutor)driver;
    je.executeScript("document.getElementById('"+datePickerId+"').value = '"+selectedDate+"';");

}

***** HACK AS PER YOUR LEAD REQUIREMENT ******

driver.findElement(By.id("datepicker1")).click();
int currentSelectedDate = Integer.parseInt(driver.findElement(By.cssSelector(".ui-state-highlight")).getText());
driver.findElement(By.cssSelector(".ui-state-highlight")).click();
driver.findElement(By.id("datepicker2")).click();
if(currentSelectedDate>=30)
    driver.findElement(By.xpath("//a[@class='ui-state-default'][contains(text(),'1')]")).click();
else
    driver.findElement(By.xpath("//a[@class='ui-state-default'][contains(text(),'"+(currentSelectedDate+1)+"')]")).click();

Answer 3

Answer №2

Give this approach a try. I utilized Selenide, which takes care of the webdriver management automatically.

You have the flexibility to customize the date selection according to your requirements.

BusSearchTest.java

    package com.abhibus;

    import com.codeborne.selenide.Configuration;
    import com.codeborne.selenide.SelenideElement;
    import org.testng.annotations.BeforeMethod;
    import org.testng.annotations.BeforeTest;
    import org.testng.annotations.DataProvider;
    import org.testng.annotations.Test;

    import static com.codeborne.selenide.Condition.appear;
    import static com.codeborne.selenide.Condition.text;
    import static com.codeborne.selenide.Selenide.$;
    import static com.codeborne.selenide.Selenide.open;


    public class BusSearchTest {

        @DataProvider
        public static Object[][] itineraries() {
            return new String[][]{
                    {"Tenal", "Tenali", "Hyderaba", "Hyderabad", "Tenali → Hyderabad"}
            };
        }

        @BeforeTest
        public void setup() {
            Configuration.timeout = 10 * 1000;
        }

        @BeforeMethod
        public void beforeMethod() {
            open("https://www.abhibus.com/");
        }

        @Test(description = "Search Buses", dataProvider = "itineraries")
        public void busSearch(String from, String fromExpected, String to, String toExpected, String expected) {
            //to select leaving from
            $("#source").setValue(from);
            $("#ui-id-1 li.ui-menu-item")
                    .shouldHave(text(fromExpected))
                    .shouldBe(appear)
                    .click();
            //to select destination
            $("#destination").setValue(to);
            $("#ui-id-2 li.ui-menu-item")
                    .shouldHave(text(toExpected))
                    .shouldBe(appear)
                    .click();

            // from date: 04-October-2019
            $("#datepicker1").click();
            SelenideElement datePicker1 = $(".ui-datepicker-group-first");
            while (!datePicker1.find("span.ui-datepicker-month").text().trim().equals("October")) {
                $(".ui-datepicker-group-last").find("span").shouldHave(text("Next")).click();
            }
            datePicker1.findAll("tr td a").filterBy(text("4")).first().click();

            // to date: 06-October-2019
            $("#datepicker2").click();
            SelenideElement datePicker2 = $(".ui-datepicker-group-first");
            while (!datePicker2.find("span.ui-datepicker-month").text().trim().equals("October")) {
                $(".ui-datepicker-group-last").find("span").shouldHave(text("Next")).click();
            }
            datePicker2.findAll("tr td a").filterBy(text("6")).first().click();

            // click search
            $("a[title='Search Buses']").click();

            // assert search page
            $("#SubHead1way h1").shouldHave(text(expected));
        }
    }

pom.xml

    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>

        <groupId>tech.webisto</groupId>
        <artifactId>abhibus-tests</artifactId>
        <version>1.0-SNAPSHOT</version>
        <properties>
            <maven.compiler.source>1.8</maven.compiler.source>
            <maven.compiler.target>1.8</maven.compiler.target>
        </properties>
        <build>
            <plugins>
                <plugin>
                    <groupId>org.apache.maven.plugins</groupId>
                    <artifactId>maven-surefire-plugin</artifactId>
                    <version>2.22.2</version>
                    <configuration>
                        <source>${maven.compiler.source}</source>
                        <target>${maven.compiler.target}</target>
                        <suiteXmlFiles>
                            <suiteXmlFile>test.xml</suiteXmlFile>
                        </suiteXmlFiles>
                    </configuration>
                </plugin>
            </plugins>
        </build>
        <dependencies>
            <dependency>
                <groupId>org.testng</groupId>
                <artifactId>testng</artifactId>
                <version>7.0.0</version>
            </dependency>
            <dependency>
                <groupId>com.codeborne</groupId>
                <artifactId>selenide</artifactId>
                <version>5.2.8</version>
            </dependency>
        </dependencies>
    </project>

The repository link for the code can be found here: https://github.com/WebistoTech/AbhiBusTests.git

Answer 4

Give this approach a try. I utilized Selenide, which takes care of the webdriver management automatically.

You have the flexibility to customize the date selection according to your requirements.

BusSearchTest.java

    package com.abhibus;

    import com.codeborne.selenide.Configuration;
    import com.codeborne.selenide.SelenideElement;
    import org.testng.annotations.BeforeMethod;
    import org.testng.annotations.BeforeTest;
    import org.testng.annotations.DataProvider;
    import org.testng.annotations.Test;

    import static com.codeborne.selenide.Condition.appear;
    import static com.codeborne.selenide.Condition.text;
    import static com.codeborne.selenide.Selenide.$;
    import static com.codeborne.selenide.Selenide.open;


    public class BusSearchTest {

        @DataProvider
        public static Object[][] itineraries() {
            return new String[][]{
                    {"Tenal", "Tenali", "Hyderaba", "Hyderabad", "Tenali → Hyderabad"}
            };
        }

        @BeforeTest
        public void setup() {
            Configuration.timeout = 10 * 1000;
        }

        @BeforeMethod
        public void beforeMethod() {
            open("https://www.abhibus.com/");
        }

        @Test(description = "Search Buses", dataProvider = "itineraries")
        public void busSearch(String from, String fromExpected, String to, String toExpected, String expected) {
            //to select leaving from
            $("#source").setValue(from);
            $("#ui-id-1 li.ui-menu-item")
                    .shouldHave(text(fromExpected))
                    .shouldBe(appear)
                    .click();
            //to select destination
            $("#destination").setValue(to);
            $("#ui-id-2 li.ui-menu-item")
                    .shouldHave(text(toExpected))
                    .shouldBe(appear)
                    .click();

            // from date: 04-October-2019
            $("#datepicker1").click();
            SelenideElement datePicker1 = $(".ui-datepicker-group-first");
            while (!datePicker1.find("span.ui-datepicker-month").text().trim().equals("October")) {
                $(".ui-datepicker-group-last").find("span").shouldHave(text("Next")).click();
            }
            datePicker1.findAll("tr td a").filterBy(text("4")).first().click();

            // to date: 06-October-2019
            $("#datepicker2").click();
            SelenideElement datePicker2 = $(".ui-datepicker-group-first");
            while (!datePicker2.find("span.ui-datepicker-month").text().trim().equals("October")) {
                $(".ui-datepicker-group-last").find("span").shouldHave(text("Next")).click();
            }
            datePicker2.findAll("tr td a").filterBy(text("6")).first().click();

            // click search
            $("a[title='Search Buses']").click();

            // assert search page
            $("#SubHead1way h1").shouldHave(text(expected));
        }
    }

pom.xml

    <?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>

        <groupId>tech.webisto</groupId>
        <artifactId>abhibus-tests</artifactId>
        <version>1.0-SNAPSHOT</version>
        <properties>
            <maven.compiler.source>1.8</maven.compiler.source>
            <maven.compiler.target>1.8</maven.compiler.target>
        </properties>
        <build>
            <plugins>
                <plugin>
                    <groupId>org.apache.maven.plugins</groupId>
                    <artifactId>maven-surefire-plugin</artifactId>
                    <version>2.22.2</version>
                    <configuration>
                        <source>${maven.compiler.source}</source>
                        <target>${maven.compiler.target}</target>
                        <suiteXmlFiles>
                            <suiteXmlFile>test.xml</suiteXmlFile>
                        </suiteXmlFiles>
                    </configuration>
                </plugin>
            </plugins>
        </build>
        <dependencies>
            <dependency>
                <groupId>org.testng</groupId>
                <artifactId>testng</artifactId>
                <version>7.0.0</version>
            </dependency>
            <dependency>
                <groupId>com.codeborne</groupId>
                <artifactId>selenide</artifactId>
                <version>5.2.8</version>
            </dependency>
        </dependencies>
    </project>

The repository link for the code can be found here: https://github.com/WebistoTech/AbhiBusTests.git

Tips for managing the second datepicker for the return journey on Abhibus using Selenium webdriver

Answer №1

Answer №2

Similar questions

How can I divide a string using a particular character encoding error that is being received in Python?

Load and execute a dynamically created script in JavaScript at the same time

Discovering the scroll position in Reactjs

Utilizing dropbox.js in combination with OAuth 1: A step-by-step guide

Discovering instructions on locating Material UI component documentation

"An error occurred with the Google chart due to 'null' not being recognized as an object, specifically in relation to the select menu and onchange event

Performing an asynchronous POST request in JavaScript

What are some creative ways to utilize postMessage instead of relying on nextTick or setTimeout with a zero millisecond delay?

Exploring the Method of Accessing data-* Attributes in Vue.js

Ways in which the user can modify the city name within this inquiry

A guide to updating property values in an array of objects in JavaScript while ensuring they remain in consecutive order

The Lerna command for adding packages fails with an error message stating that the packages are not related

Can the top header stay fixed to the top of the screen even when scrolling down?

What steps should I take to ensure that the array yields the correct output?

Having difficulty in executing the node app.js script

How to use Javascript to fetch HTML content from an external website

Can variables in JavaScript clash with input names in HTML?

streamlining the deletion of Yahoo emails

Load Bootstrap 4 Modal with Ajax

Issue with reactivity not functioning as expected within VueJS loop without clear explanation