Page scrolling using Selenium

-

Scrolling a webpage is required in automation when the application requires scrolling down or up to display additional information e.g. most of the e-commerce sites display only 10-20 products at a time and then load more products as the user scrolls down. In this tutorial we'll take example of flipkart website and automate the scrolling of webpage in order to fetch more results.
In automation first we will launch filpkart.com, write a search term and then scroll down to fetch more results corresponding to that search term.

Automating page scrolling will make use of "scrollBy" method of javascript. For executing the javascript method we will use Javascript executor. The scrollBy method takes two parameters one each for horizontal and vertical scroll in terms of pixels.

JavascriptExecutor js = (JavascriptExecutor)driver;
js.executeScript("scrollBy(0, 2500)");

Following test script automates flipkart's scroll down functionality to test display of new pages on the search result page as the user scrolls down

@Test public void testScroll() throws InterruptedException {
   
        //Launch flipkart
        driver.get("http://www.flipkart.com");
       
        //Write the search term - Buddha in search box
        WebElement searchBox = driver.findElement(By.id("fk-top-search-box"));
        searchBox.sendKeys("Buddha");
       
        //Click on searchButton
        WebElement searchButton = driver.findElement(By.className("search-bar-submit"));
        searchButton.click();
       
        //Inserting an optional wait of 3 seconds just to notice scroll down event
        Thread.sleep(3000);
       
        //Scroll down the webpage by 2500 pixels
        JavascriptExecutor js = (JavascriptExecutor)driver;
        js.executeScript("scrollBy(0, 2500)");
       
        //Waiting till page:2 text is visible
        WebElement pageNumberdisplayer = (new WebDriverWait(driver, 10)).until
            (ExpectedConditions.presenceOfElementLocated(By.cssSelector("div.row")));
       
        //Verifying that page got scrolled and "page-2" text is visible now
        //and more products become visible
       
        Assert.assertEquals(pageNumberdisplayer.getText(), "Page: 2");
   
}

                  

Comments

Post a Comment

Popular posts from this blog

TestNG Listeners

-
http://examples.javacodegeeks.com/enterprise-java/testng/testng-listeners-example/ http://www.toolsqa.com/selenium-webdriver/testng-listeners/ https://rationaleemotions.wordpress.com/2012/01/27/listen-to-what-i-have-to-say-about-testng-listeners/
Read more

What is Wireframe ?

-
    A wireframe is a layout of a web page that demonstrates what interface elements will exist on key pages. It is a critical part of the interaction design process. The aim of a wireframe is to provide a visual understanding of a page early in a project to get stakeholder and project team approval before the creative phase gets under way. Wireframes can also be used to create the global and secondary navigation to ensure the terminology and structure used for the site meets user expectations. It is quicker and cheaper to review and amend the structure of the key pages in a wireframe format. Iterating the development of the wireframes to a final version will provide the client and the design team confidence that the page is catering to user needs whilst fulfilling the key business and project objectives. Often used to complete the User Centred Design process, wireframes are also used at the beginning of the design phase. A prototype usability...
Read more

Database Sharding

-
 What is Sharding? Sharding is a database architecture pattern related to horizontal partitioning — the practice of separating one table’s rows into multiple different tables, known as partitions. Each partition has the same schema and columns, but also entirely different rows. Likewise, the data held in each is unique and independent of the data held in other partitions. It can be helpful to think of horizontal partitioning in terms of how it relates to vertical partitioning. In a vertically-partitioned table, entire columns are separated out and put into new, distinct tables. The data held within one vertical partition is independent from the data in all the others, and each holds both distinct rows and columns. Should I Shard ?  Whether or not one should implement a sharded database architecture is almost always a matter of debate. Some see sharding as an inevitable outcome for databases that reach a certain size, while others see it as a headache that should...
Read more