How to identify and click this download-data-link using selenium

Question

<span class="download-data-link"><a download="" target"_blank"="" style="cursor:pointer">Download file in csv format</a></span>

I need to click on the "Download file in csv format" but it always shows error that item is not clickable at that point click to see the screenshot :

I have tried all these

element=driver.findElement(By.xpath("//div[@class='download-data-link']/span"));
element.click();

WebDriverWait wait = new WebDriverWait(driver, 20);
WebElement link = wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//a[contains(@href,'data:application/csv;')]")));
link.click();

element=driver.findElement(By.xpath("//tr[@class='alt']/span[@class='download-data-link']"));
element.click();

driver.findElement(By.cssSelector(a[class='download-data-link']span)).click();

driver.switchTo().frame("iframe-applicationname_ModalDialog_0");
element=driver.findElement(By.linkText("Download file in csv format"));
element.click();
driver.switchTo().defaultContent();

element = driver.findElement(By.className("downoad-data-link"));
element.click();

its my final year project ...

website : https://www.nseindia.com/products/content/equities/indices/historical_index_data.htm

At which step are you stuck exactly? Update the question with the error stack trace — undetected Selenium, Apr 26 '18 at 05:35
after i click the get data button the table came then i need to click on download file in csv ... i cant click this — Mankdavix, Apr 26 '18 at 06:18

undetected Selenium · Answer 1 · 2018-04-26T08:37:51.673

To click on the link with text as Download file in csv format you can use either of the following Locator Strategies :

cssSelector :

driver.findElement(By.cssSelector("span.download-data-link>a")).click();

xpath :

driver.findElement(By.xpath("//span[@class='download-data-link']/a")).click;

Update A

I am still not sure why you were stuck with the click() on the link with text as Download file in csv format. I was able to click on the link just by inducing a waiter for the element to be clickable as follows :

Sample Code :

package demo;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;

public class Q50035477_click_link {

    public static void main(String[] args) {

        System.setProperty("webdriver.gecko.driver", "C:\\Utility\\BrowserDrivers\\geckodriver.exe");
        WebDriver driver = new FirefoxDriver();
        driver.get("https://www.nseindia.com/products/content/equities/indices/historical_index_data.htm");
        driver.findElement(By.cssSelector("input.textboxdata.hasDatepicker#fromDate")).sendKeys("23-04-2018");
        driver.findElement(By.cssSelector("input.textboxdata.hasDatepicker#toDate")).sendKeys("25-04-2018");
        driver.findElement(By.cssSelector("input.getdata-button")).click();
        new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.linkText("Download file in csv format"))).click();
    }
}

Browser Client Snapshot :

Note : click() method is robust, powerful and proven. You should try to utilize the click() method in a proper way and in proper condition to avoid deviations. Of-coarse Actions class and JavascriptExecutor interface have their own usability and are used extensively.

Update B

Code block for larger data :

    package demo;

    import org.openqa.selenium.By;
    import org.openqa.selenium.JavascriptExecutor;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.FirefoxDriver;

    public class Q50035477_click_link {

        public static void main(String[] args) {

            System.setProperty("webdriver.gecko.driver", "C:\\Utility\\BrowserDrivers\\geckodriver.exe");
            WebDriver driver = new FirefoxDriver();
            driver.get("https://www.nseindia.com/products/content/equities/indices/historical_index_data.htm");
            driver.findElement(By.cssSelector("input.textboxdata.hasDatepicker#fromDate")).sendKeys("01-01-2017");
            driver.findElement(By.cssSelector("input.textboxdata.hasDatepicker#toDate")).sendKeys("31-12-2017");
            driver.findElement(By.cssSelector("input.getdata-button")).click();
            WebElement element = driver.findElement(By.linkText("Download file in csv format"));
            ((JavascriptExecutor)driver).executeScript("arguments[0].scrollIntoView(true);", element);
            element.click();
        }
    }

Note : Browser snapshot remains the same.

error ; not clickable at point (825,690) other element would receive click — Mankdavix, Apr 26 '18 at 06:23
Check this discussion - https://stackoverflow.com/questions/44724185/katalon-error-unable-to-click-on-object-other-element-would-receive-the-cli/44724688#44724688 — undetected Selenium, Apr 26 '18 at 06:36
i have checked the whole html file there's no duplicate of this class or the link text — Mankdavix, Apr 26 '18 at 06:53
@MainakDeb Check my answer update and let me know the status. — undetected Selenium, Apr 26 '18 at 08:25
the problem was occurring when the gets too long for example for a years data the error was occurring .. your code is fine for the time period u have given but it will give error if the dates are made 01-01-2017 to 31-12-2017 — Mankdavix, Apr 26 '18 at 08:29
i need another help https://stackoverflow.com/questions/50037432/how-to-export-html-tabe-data-displayed-in-an-web-page-to-csv-format please check sir .. — Mankdavix, Apr 26 '18 at 08:34
@MainakDeb Check out my answer update and let me know the status — undetected Selenium, Apr 26 '18 at 08:38
sir, please help with my another question https://stackoverflow.com/questions/50037432/how-to-export-html-tabe-data-displayed-in-an-web-page-to-csv-format — Mankdavix, Apr 26 '18 at 08:52

cruisepandey · Answer 2 · 2018-04-26T08:12:36.437

After clicking on GetData button , you need to scroll down and then you can interact with the WebElement, here is the full code for your requirement:

Code :

public class M{

static WebDriver driver;
static WebDriverWait wait;

public static void main(String[] args) throws InterruptedException {

        System.setProperty("webdriver.chrome.driver", "F:\\Automation_Learning\\chromedriver.exe");
        driver = new ChromeDriver();
        wait =new WebDriverWait(driver, 10);
        driver.manage().window().maximize();
        driver.get("https://www.nseindia.com/products/content/equities/indices/historical_index_data.htm");
        wait.until(ExpectedConditions.visibilityOf(driver.findElement(By.cssSelector("div[class='content']"))));
        wait.until(ExpectedConditions.elementToBeClickable(By.cssSelector("input[class$='hasDatepicker'][id='fromDate']")));
        driver.findElement(By.cssSelector("input[class$='hasDatepicker'][id='fromDate']")).click();
        wait.until(ExpectedConditions.visibilityOf(driver.findElement(By.id("ui-datepicker-div"))));
        driver.findElement(By.cssSelector(".ui-datepicker-month")).click();
        selectDate(driver.findElement(By.cssSelector(".ui-datepicker-month")),"Jan" );
        driver.findElement(By.cssSelector(".ui-datepicker-year")).click();
        selectDate(driver.findElement(By.cssSelector(".ui-datepicker-year")), "2017");
        driver.findElement(By.xpath("//table[@class='ui-datepicker-calendar']/descendant::td[contains(@class,'ui-datepicker-week-end')]/a[text()='1']")).click();

        wait.until(ExpectedConditions.elementToBeClickable(By.cssSelector("input[class$='hasDatepicker'][id='toDate']")));
        driver.findElement(By.cssSelector("input[class$='hasDatepicker'][id='toDate']")).click();

        wait.until(ExpectedConditions.visibilityOf(driver.findElement(By.id("ui-datepicker-div"))));

        driver.findElement(By.cssSelector(".ui-datepicker-month")).click();
        selectDate(driver.findElement(By.cssSelector(".ui-datepicker-month")),"Dec");
        driver.findElement(By.cssSelector(".ui-datepicker-year")).click();
        selectDate(driver.findElement(By.cssSelector(".ui-datepicker-year")), "2017");

        driver.findElement(By.xpath("//table[@class='ui-datepicker-calendar']/descendant::td[contains(@class,'ui-datepicker-week-end')]/a[text()='31']")).click();
        wait.until(ExpectedConditions.elementToBeClickable(By.id("get")));
        driver.findElement(By.id("get")).click();
        wait.until(ExpectedConditions.visibilityOf(driver.findElement(By.cssSelector("div[class$='data-historic']"))));


        Actions action = new Actions(driver);
        action.keyDown(Keys.LEFT_CONTROL).sendKeys(Keys.END).keyUp(Keys.LEFT_CONTROL).build().perform();;

        wait.until(ExpectedConditions.elementToBeClickable(By.linkText("Download file in csv format")));
        driver.findElement(By.linkText("Download file in csv format")).click();
}

    public static void selectDate(WebElement element , String textToBeSelected){
        Select select = new Select(element);
        select.selectByVisibleText(textToBeSelected);
    }

}

it is working for a short span of date ... when i need a years data it is not working — Mankdavix, Apr 26 '18 at 06:41
The Current code would select the first date as 1-Apr-2018 and end date would be 22-Apr-2018 — cruisepandey, Apr 26 '18 at 06:44
01-01-2017 to 31-12-2017 take these dates as strings and then put it in the seector — Mankdavix, Apr 26 '18 at 06:45
could u please help ... i have taken the inputs for 1 year its not working — Mankdavix, Apr 26 '18 at 06:54
i have got what i needed ..but if u please update the code for 1 year using css selector or by linktext or by partial ink text it would be helpful — Mankdavix, Apr 26 '18 at 07:50
but as its working with js executer JavascriptExecutor js = (JavascriptExecutor) driver; js.executeScript("arguments[0].click();",driver.findElement(By.xpath("//span[@class='download-data-link']//a"))); — Mankdavix, Apr 26 '18 at 07:52
Now I made some serious changes in code and it's working extremely fine in my system , I have used actions class and doing CTRL+END to get to the download button.You can try this code , it stable. — cruisepandey, Apr 26 '18 at 08:14
yes its working thanks ....... and i understood the procedure ... can u help me in another question https://stackoverflow.com/questions/50037432/how-to-export-html-tabe-data-displayed-in-an-web-page-to-csv-format — Mankdavix, Apr 26 '18 at 08:18

Ishita Shah · Accepted Answer · 2018-04-26T06:55:21.470

0

You can use action class for same,

Actions action = new Actions(driver);
action.moveToElement(driver.findElement(By.xpath("//span[@class='download-data-link']//a"))).click().perform();

OR

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].click();",driver.findElement(By.xpath("//span[@class='download-data-link']//a")));

edited Apr 26 '18 at 06:55

answered Apr 26 '18 at 06:28

Ishita Shah

3,955
2
27
51

1

what is the header file for actions?? – Mankdavix Apr 26 '18 at 06:42
import org.openqa.selenium.interactions.Actions; – Ishita Shah Apr 26 '18 at 06:45
1

nothing is happening .. its going for the next input without downloading the csv fie – Mankdavix Apr 26 '18 at 06:51
Yes, because is containing download actions. Please up vote the answer and accept it, So other readers might use it. – Ishita Shah Apr 26 '18 at 07:03
yes i have voted but as i am new to this and don't have 15 reputations they wont show it – Mankdavix Apr 26 '18 at 07:05

How to identify and click this download-data-link using selenium

3 Answers3

Update A

Update B

Linked