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

Using TypeScript's reference function within an HTML document

Troubleshooting issues with ASP.NET bundling and minification when using Angular.js

Opening a new window with Node-Webkit's start function

How can I convert a JSONArray into an Adapter for a RecyclerView in Android?

Electron experiences a crash while attempting to execute an HTTPS request within an addeventlistener callback function

issue with node callback function - code malfunctioning

I'm only appending the final element to the JavaScript array

Utilizing a particular iteration of npm shrinkwrap for project dependencies

Failed to retrieve UI data from localstorage while performing an asynchronous action

Unexpected behavior: Angular post request does not include the expected request body

Triggering a loop error may occur when attempting to update the state based on a

Utilizing the Vuetify pagination feature in your project

The jQuery Validate Plugin only validates emails when the user moves away from the input field

The revised document now exceeds 16,777,216 in size

The issue encountered during a POST request in Postman is a SyntaxError where a number is missing after the minus sign in a JSON object at position 1 (line 1

Importing three.js using ES6 syntax

What is the best way to customize the source code within node modules dependencies?

Can a custom function be executed using setTimeout in Node.js?

Is it possible to modify the font color of a specific MenuItem in material-ui?

javascript game for reversing an array