How to automate clicks using Selenium (Java) for elements within div with higher z-index
I have a div with higher z-index and it appears as a modal, how do I make selenium interact with the buttons within that modal.
CSS:
.buX {
background-color: #fff;
display: flex;
flex-direction: column;
outline: none;
padding: 0;
position: absolute;
width: 504px;
z-index: 501;
height: 556px;
max-height: 100%;
max-width: 100%;
overflow: auto;
width: 580px;
}
HTML:
<div class="buX" tabindex="0" role="dialog" aria-labelledby=":7c"
style="left: 115.5px; top: 28.5px;">
<div class="buX-K7">
<button name="welcome_dialog_next" class="J-at1-auR">Next</button
</div>
</div>
I am using Chrome Webdriver and Java
java selenium xpath css-selectors z-index
asked Nov 16 '18 at 9:44
MohamedSanaullaMohamedSanaulla
4,05742238
add a comment |
I have a div with higher z-index and it appears as a modal, how do I make selenium interact with the buttons within that modal.
CSS:
.buX {
background-color: #fff;
display: flex;
flex-direction: column;
outline: none;
padding: 0;
position: absolute;
width: 504px;
z-index: 501;
height: 556px;
max-height: 100%;
max-width: 100%;
overflow: auto;
width: 580px;
}
HTML:
<div class="buX" tabindex="0" role="dialog" aria-labelledby=":7c"
style="left: 115.5px; top: 28.5px;">
<div class="buX-K7">
<button name="welcome_dialog_next" class="J-at1-auR">Next</button
</div>
</div>
I am using Chrome Webdriver and Java
java selenium xpath css-selectors z-index
asked Nov 16 '18 at 9:44
MohamedSanaullaMohamedSanaulla
4,05742238
Can you describe your problem in more details? Share your code and exception log
– Andersson
Nov 16 '18 at 9:59
add a comment |
I have a div with higher z-index and it appears as a modal, how do I make selenium interact with the buttons within that modal.
CSS:
.buX {
background-color: #fff;
display: flex;
flex-direction: column;
outline: none;
padding: 0;
position: absolute;
width: 504px;
z-index: 501;
height: 556px;
max-height: 100%;
max-width: 100%;
overflow: auto;
width: 580px;
}
HTML:
<div class="buX" tabindex="0" role="dialog" aria-labelledby=":7c"
style="left: 115.5px; top: 28.5px;">
<div class="buX-K7">
<button name="welcome_dialog_next" class="J-at1-auR">Next</button
</div>
</div>
I am using Chrome Webdriver and Java
java selenium xpath css-selectors z-index
asked Nov 16 '18 at 9:44
MohamedSanaullaMohamedSanaulla
4,05742238
I have a div with higher z-index and it appears as a modal, how do I make selenium interact with the buttons within that modal.
CSS:
.buX {
background-color: #fff;
display: flex;
flex-direction: column;
outline: none;
padding: 0;
position: absolute;
width: 504px;
z-index: 501;
height: 556px;
max-height: 100%;
max-width: 100%;
overflow: auto;
width: 580px;
}
HTML:
<div class="buX" tabindex="0" role="dialog" aria-labelledby=":7c"
style="left: 115.5px; top: 28.5px;">
<div class="buX-K7">
<button name="welcome_dialog_next" class="J-at1-auR">Next</button
</div>
</div>
I am using Chrome Webdriver and Java
java selenium xpath css-selectors z-index
java selenium xpath css-selectors z-index
asked Nov 16 '18 at 9:44
MohamedSanaullaMohamedSanaulla
4,05742238
asked Nov 16 '18 at 9:44
MohamedSanaullaMohamedSanaulla
4,05742238
edited Nov 16 '18 at 10:08
MohamedSanaulla
asked Nov 16 '18 at 9:44
MohamedSanaullaMohamedSanaulla
4,05742238
asked Nov 16 '18 at 9:44
MohamedSanaullaMohamedSanaulla
4,05742238
asked Nov 16 '18 at 9:44
MohamedSanaullaMohamedSanaulla
4,05742238
4,05742238
Can you describe your problem in more details? Share your code and exception log
– Andersson
Nov 16 '18 at 9:59
add a comment |
Can you describe your problem in more details? Share your code and exception log
– Andersson
Nov 16 '18 at 9:59
Can you describe your problem in more details? Share your code and exception log
– Andersson
Nov 16 '18 at 9:59
Can you describe your problem in more details? Share your code and exception log
– Andersson
Nov 16 '18 at 9:59
add a comment |
1 Answer
1
active
oldest
votes
As per your question and the HTML you have shared as the element is within a Modal Dialog Box to invoke click() on the desired element you need to induce WebDriverWait for the element to be clickable and you can use either of the following solutions:
cssSelector:
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("div.buX button.J-at1-auR[name='welcome_dialog_next']"))).click();
xpath:
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='buX']//button[@class='J-at1-auR' and @name='welcome_dialog_next'][contains(.,'Next')]"))).click();
answered Nov 16 '18 at 10:08
DebanjanBDebanjanB
45.9k134688
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53335172%2fhow-to-automate-clicks-using-selenium-java-for-elements-within-div-with-higher%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
As per your question and the HTML you have shared as the element is within a Modal Dialog Box to invoke click() on the desired element you need to induce WebDriverWait for the element to be clickable and you can use either of the following solutions:
cssSelector:
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("div.buX button.J-at1-auR[name='welcome_dialog_next']"))).click();
xpath:
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='buX']//button[@class='J-at1-auR' and @name='welcome_dialog_next'][contains(.,'Next')]"))).click();
answered Nov 16 '18 at 10:08
DebanjanBDebanjanB
45.9k134688
add a comment |
As per your question and the HTML you have shared as the element is within a Modal Dialog Box to invoke click() on the desired element you need to induce WebDriverWait for the element to be clickable and you can use either of the following solutions:
cssSelector:
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("div.buX button.J-at1-auR[name='welcome_dialog_next']"))).click();
xpath:
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='buX']//button[@class='J-at1-auR' and @name='welcome_dialog_next'][contains(.,'Next')]"))).click();
answered Nov 16 '18 at 10:08
DebanjanBDebanjanB
45.9k134688
add a comment |
As per your question and the HTML you have shared as the element is within a Modal Dialog Box to invoke click() on the desired element you need to induce WebDriverWait for the element to be clickable and you can use either of the following solutions:
cssSelector:
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("div.buX button.J-at1-auR[name='welcome_dialog_next']"))).click();
xpath:
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='buX']//button[@class='J-at1-auR' and @name='welcome_dialog_next'][contains(.,'Next')]"))).click();
answered Nov 16 '18 at 10:08
DebanjanBDebanjanB
45.9k134688
As per your question and the HTML you have shared as the element is within a Modal Dialog Box to invoke click() on the desired element you need to induce WebDriverWait for the element to be clickable and you can use either of the following solutions:
cssSelector:
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("div.buX button.J-at1-auR[name='welcome_dialog_next']"))).click();
xpath:
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='buX']//button[@class='J-at1-auR' and @name='welcome_dialog_next'][contains(.,'Next')]"))).click();
answered Nov 16 '18 at 10:08
DebanjanBDebanjanB
45.9k134688
answered Nov 16 '18 at 10:08
DebanjanBDebanjanB
45.9k134688
answered Nov 16 '18 at 10:08
DebanjanBDebanjanB
45.9k134688
answered Nov 16 '18 at 10:08
DebanjanBDebanjanB
45.9k134688
45.9k134688
add a comment |
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53335172%2fhow-to-automate-clicks-using-selenium-java-for-elements-within-div-with-higher%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Can you describe your problem in more details? Share your code and exception log
– Andersson
Nov 16 '18 at 9:59