Telerik Open File Dialogue not getting clicked using Selenium web driver click function

Link to Image of UI where selenium click is required

HTML & CSS Code of above shown UI:

<span class="ruFileWrap ruStyled">

    <input type="text" class="ruFakeInput radPreventDecorate" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" size="22">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" style="display:none">label</label>

    <input type="button" tabindex="-1" value="Select" class="ruButton ruBrowse">

    <input type="file" tabindex="0" class="ruFileInput" multiple="multiple" 

           name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" style="display:none">label</label>

    </span>

Observation:

File Upload functionality is achieved by using Telerik Control

Problem:

Need to Upload file but whenever Selenium WebDriver click is performed on ‘Select’ button the following Error is coming

OpenQA.Selenium.NoSuchElementException: 'no such element: Unable to locate element.

There were different errors for different elements which were clicked. One of them was
'Element is not clickable'

Failed attempts which were tried to open File Dialogue:

Clicked on Select Button
()

Clicked on TextBox
()

Clicked on Span
()

Performed JavaScript click for all above mentioned elements

Tried driver.FindElement(By.Xpath("Xpath of Input Open file dialogue box")).SendKeys("FilePath");

edited Nov 20 '18 at 9:49

asked Nov 20 '18 at 7:18

Vaibhav Dhasmana

1

@DebanjanB Thanks for editing the photograph on my question. :)

– Vaibhav Dhasmana
Nov 22 '18 at 5:36

add a comment |

Link to Image of UI where selenium click is required

HTML & CSS Code of above shown UI:

<span class="ruFileWrap ruStyled">

    <input type="text" class="ruFakeInput radPreventDecorate" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" size="22">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" style="display:none">label</label>

    <input type="button" tabindex="-1" value="Select" class="ruButton ruBrowse">

    <input type="file" tabindex="0" class="ruFileInput" multiple="multiple" 

           name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" style="display:none">label</label>

    </span>

Observation:

File Upload functionality is achieved by using Telerik Control

Problem:

Need to Upload file but whenever Selenium WebDriver click is performed on ‘Select’ button the following Error is coming

OpenQA.Selenium.NoSuchElementException: 'no such element: Unable to locate element.

There were different errors for different elements which were clicked. One of them was
'Element is not clickable'

Failed attempts which were tried to open File Dialogue:

Clicked on Select Button
()

Clicked on TextBox
()

Clicked on Span
()

Performed JavaScript click for all above mentioned elements

Tried driver.FindElement(By.Xpath("Xpath of Input Open file dialogue box")).SendKeys("FilePath");

edited Nov 20 '18 at 9:49

asked Nov 20 '18 at 7:18

Vaibhav Dhasmana

1

@DebanjanB Thanks for editing the photograph on my question. :)

– Vaibhav Dhasmana
Nov 22 '18 at 5:36

add a comment |

Link to Image of UI where selenium click is required

HTML & CSS Code of above shown UI:

<span class="ruFileWrap ruStyled">

    <input type="text" class="ruFakeInput radPreventDecorate" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" size="22">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" style="display:none">label</label>

    <input type="button" tabindex="-1" value="Select" class="ruButton ruBrowse">

    <input type="file" tabindex="0" class="ruFileInput" multiple="multiple" 

           name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" style="display:none">label</label>

    </span>

Observation:

File Upload functionality is achieved by using Telerik Control

Problem:

Need to Upload file but whenever Selenium WebDriver click is performed on ‘Select’ button the following Error is coming

OpenQA.Selenium.NoSuchElementException: 'no such element: Unable to locate element.

There were different errors for different elements which were clicked. One of them was
'Element is not clickable'

Failed attempts which were tried to open File Dialogue:

Clicked on Select Button
()

Clicked on TextBox
()

Clicked on Span
()

Performed JavaScript click for all above mentioned elements

Tried driver.FindElement(By.Xpath("Xpath of Input Open file dialogue box")).SendKeys("FilePath");

edited Nov 20 '18 at 9:49

asked Nov 20 '18 at 7:18

Vaibhav Dhasmana

Link to Image of UI where selenium click is required

HTML & CSS Code of above shown UI:

<span class="ruFileWrap ruStyled">

    <input type="text" class="ruFakeInput radPreventDecorate" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" size="22">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" style="display:none">label</label>

    <input type="button" tabindex="-1" value="Select" class="ruButton ruBrowse">

    <input type="file" tabindex="0" class="ruFileInput" multiple="multiple" 

           name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" style="display:none">label</label>

    </span>

Observation:

File Upload functionality is achieved by using Telerik Control

Problem:

Need to Upload file but whenever Selenium WebDriver click is performed on ‘Select’ button the following Error is coming

OpenQA.Selenium.NoSuchElementException: 'no such element: Unable to locate element.

There were different errors for different elements which were clicked. One of them was
'Element is not clickable'

Failed attempts which were tried to open File Dialogue:

Clicked on Select Button
()

Clicked on TextBox
()

Clicked on Span
()

Performed JavaScript click for all above mentioned elements

Tried driver.FindElement(By.Xpath("Xpath of Input Open file dialogue box")).SendKeys("FilePath");

<span class="ruFileWrap ruStyled">

    <input type="text" class="ruFakeInput radPreventDecorate" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" size="22">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" style="display:none">label</label>

    <input type="button" tabindex="-1" value="Select" class="ruButton ruBrowse">

    <input type="file" tabindex="0" class="ruFileInput" multiple="multiple" 

           name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" style="display:none">label</label>

    </span>

<span class="ruFileWrap ruStyled">

    <input type="text" class="ruFakeInput radPreventDecorate" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" size="22">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfakeInput0" style="display:none">label</label>

    <input type="button" tabindex="-1" value="Select" class="ruButton ruBrowse">

    <input type="file" tabindex="0" class="ruFileInput" multiple="multiple" 

           name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

    <label for="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" style="display:none">label</label>

    </span>

selenium-webdriver telerik openfiledialog

edited Nov 20 '18 at 9:49

asked Nov 20 '18 at 7:18

Vaibhav Dhasmana

edited Nov 20 '18 at 9:49

asked Nov 20 '18 at 7:18

Vaibhav Dhasmana

edited Nov 20 '18 at 9:49

asked Nov 20 '18 at 7:18

Vaibhav Dhasmana

asked Nov 20 '18 at 7:18

Vaibhav Dhasmana

asked Nov 20 '18 at 7:18

Vaibhav Dhasmana

1

@DebanjanB Thanks for editing the photograph on my question. :)

– Vaibhav Dhasmana
Nov 22 '18 at 5:36

add a comment |

1

@DebanjanB Thanks for editing the photograph on my question. :)

– Vaibhav Dhasmana
Nov 22 '18 at 5:36

@DebanjanB Thanks for editing the photograph on my question. :)

– Vaibhav Dhasmana
Nov 22 '18 at 5:36

add a comment |

1 Answer
1

active

oldest

votes

I followed below steps to resolve:

Found out a open File Dialogue was hidden ( because of class ruFileInput )

<input type="file" tabindex="0" class="ruFileInput" multiple="multiple" name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

To Unhide it I removed the ruFileInput class using JavaScript

document.querySelectorAll('input[type = file]')[0];

element.className = ' ';

Then performed normal selenium web-driver click on it.

answered Nov 22 '18 at 5:34

Vaibhav Dhasmana

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53388027%2ftelerik-open-file-dialogue-not-getting-clicked-using-selenium-web-driver-click-f%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

I followed below steps to resolve:

Found out a open File Dialogue was hidden ( because of class ruFileInput )

<input type="file" tabindex="0" class="ruFileInput" multiple="multiple" name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

To Unhide it I removed the ruFileInput class using JavaScript

document.querySelectorAll('input[type = file]')[0];

element.className = ' ';

Then performed normal selenium web-driver click on it.

answered Nov 22 '18 at 5:34

Vaibhav Dhasmana

add a comment |

I followed below steps to resolve:

Found out a open File Dialogue was hidden ( because of class ruFileInput )

<input type="file" tabindex="0" class="ruFileInput" multiple="multiple" name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

To Unhide it I removed the ruFileInput class using JavaScript

document.querySelectorAll('input[type = file]')[0];

element.className = ' ';

Then performed normal selenium web-driver click on it.

answered Nov 22 '18 at 5:34

Vaibhav Dhasmana

add a comment |

I followed below steps to resolve:

Found out a open File Dialogue was hidden ( because of class ruFileInput )

<input type="file" tabindex="0" class="ruFileInput" multiple="multiple" name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

To Unhide it I removed the ruFileInput class using JavaScript

document.querySelectorAll('input[type = file]')[0];

element.className = ' ';

Then performed normal selenium web-driver click on it.

answered Nov 22 '18 at 5:34

Vaibhav Dhasmana

I followed below steps to resolve:

Found out a open File Dialogue was hidden ( because of class ruFileInput )

<input type="file" tabindex="0" class="ruFileInput" multiple="multiple" name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

To Unhide it I removed the ruFileInput class using JavaScript

document.querySelectorAll('input[type = file]')[0];

element.className = ' ';

Then performed normal selenium web-driver click on it.

<input type="file" tabindex="0" class="ruFileInput" multiple="multiple" name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

<input type="file" tabindex="0" class="ruFileInput" multiple="multiple" name="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" id="ctl00_ContentPlaceHolder1_fileMgr_RadAsyncMultiUploadfile0" size="23">

document.querySelectorAll('input[type = file]')[0];

element.className = ' ';

document.querySelectorAll('input[type = file]')[0];

element.className = ' ';

answered Nov 22 '18 at 5:34

Vaibhav Dhasmana

answered Nov 22 '18 at 5:34

Vaibhav Dhasmana

answered Nov 22 '18 at 5:34

Vaibhav Dhasmana

answered Nov 22 '18 at 5:34

Vaibhav Dhasmana

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

Search This Blog

Ufyukyu