how to access scroll bar inside the div using protractor for e2e
im currently writing an e2e script however, im having issues accessing an element when the a div overflows and scrollbar within the div is being activated.
Inside the form, i need to access the scroll down inside the div of the request travel form.
I tried using:
browser.executeScript("window.scrollTo(0,10000);").then(callback);
However, the scrollbar that it access is the browser itself not the div i intended to scroll down.
Any leads or suggestion is greatly appreciate.
Thanks!
typescript selenium protractor
asked Nov 21 at 0:51
nhoyti
24511229
add a comment |
im currently writing an e2e script however, im having issues accessing an element when the a div overflows and scrollbar within the div is being activated.
Inside the form, i need to access the scroll down inside the div of the request travel form.
I tried using:
browser.executeScript("window.scrollTo(0,10000);").then(callback);
However, the scrollbar that it access is the browser itself not the div i intended to scroll down.
Any leads or suggestion is greatly appreciate.
Thanks!
typescript selenium protractor
asked Nov 21 at 0:51
nhoyti
24511229
add a comment |
im currently writing an e2e script however, im having issues accessing an element when the a div overflows and scrollbar within the div is being activated.
Inside the form, i need to access the scroll down inside the div of the request travel form.
I tried using:
browser.executeScript("window.scrollTo(0,10000);").then(callback);
However, the scrollbar that it access is the browser itself not the div i intended to scroll down.
Any leads or suggestion is greatly appreciate.
Thanks!
typescript selenium protractor
asked Nov 21 at 0:51
nhoyti
24511229
im currently writing an e2e script however, im having issues accessing an element when the a div overflows and scrollbar within the div is being activated.
Inside the form, i need to access the scroll down inside the div of the request travel form.
I tried using:
browser.executeScript("window.scrollTo(0,10000);").then(callback);
However, the scrollbar that it access is the browser itself not the div i intended to scroll down.
Any leads or suggestion is greatly appreciate.
Thanks!
typescript selenium protractor
typescript selenium protractor
asked Nov 21 at 0:51
nhoyti
24511229
asked Nov 21 at 0:51
nhoyti
24511229
asked Nov 21 at 0:51
nhoyti
24511229
asked Nov 21 at 0:51
nhoyti
24511229
asked Nov 21 at 0:51
nhoyti
24511229
24511229
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I had same issue with my application. There is no direct way using which you can scroll inside scrollbar but I achieved it using javacript executor.
Option 1:-
You can select element till which you wanted to scroll.
example:- (replace with your actual identifier)
browser.executeScript('arguments[0].scrollIntoView(true)', <yourelement>.getWebElement());
Option 2:-
Find the identifier of element on which scrollbar is applied and use below code.
var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;
let me know if still facing issue.
answered Nov 21 at 6:51
Yash Jagdale
1
what is the content of the getWebElement()?
– nhoyti
Nov 21 at 23:04
getWebElement returns the WebElement represented by this ElementFinder.
– Yash Jagdale
Nov 22 at 6:19
Which option worked for you? Option 1 or Option 2?
– yong
Nov 23 at 3:25
Option 1 is worked for me.
– Yash Jagdale
Nov 24 at 4:32
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%2f53403803%2fhow-to-access-scroll-bar-inside-the-div-using-protractor-for-e2e%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
I had same issue with my application. There is no direct way using which you can scroll inside scrollbar but I achieved it using javacript executor.
Option 1:-
You can select element till which you wanted to scroll.
example:- (replace with your actual identifier)
browser.executeScript('arguments[0].scrollIntoView(true)', <yourelement>.getWebElement());
Option 2:-
Find the identifier of element on which scrollbar is applied and use below code.
var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;
let me know if still facing issue.
answered Nov 21 at 6:51
Yash Jagdale
1
what is the content of the getWebElement()?
– nhoyti
Nov 21 at 23:04
getWebElement returns the WebElement represented by this ElementFinder.
– Yash Jagdale
Nov 22 at 6:19
Which option worked for you? Option 1 or Option 2?
– yong
Nov 23 at 3:25
Option 1 is worked for me.
– Yash Jagdale
Nov 24 at 4:32
add a comment |
I had same issue with my application. There is no direct way using which you can scroll inside scrollbar but I achieved it using javacript executor.
Option 1:-
You can select element till which you wanted to scroll.
example:- (replace with your actual identifier)
browser.executeScript('arguments[0].scrollIntoView(true)', <yourelement>.getWebElement());
Option 2:-
Find the identifier of element on which scrollbar is applied and use below code.
var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;
let me know if still facing issue.
answered Nov 21 at 6:51
Yash Jagdale
1
what is the content of the getWebElement()?
– nhoyti
Nov 21 at 23:04
getWebElement returns the WebElement represented by this ElementFinder.
– Yash Jagdale
Nov 22 at 6:19
Which option worked for you? Option 1 or Option 2?
– yong
Nov 23 at 3:25
Option 1 is worked for me.
– Yash Jagdale
Nov 24 at 4:32
add a comment |
I had same issue with my application. There is no direct way using which you can scroll inside scrollbar but I achieved it using javacript executor.
Option 1:-
You can select element till which you wanted to scroll.
example:- (replace with your actual identifier)
browser.executeScript('arguments[0].scrollIntoView(true)', <yourelement>.getWebElement());
Option 2:-
Find the identifier of element on which scrollbar is applied and use below code.
var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;
let me know if still facing issue.
answered Nov 21 at 6:51
Yash Jagdale
1
I had same issue with my application. There is no direct way using which you can scroll inside scrollbar but I achieved it using javacript executor.
Option 1:-
You can select element till which you wanted to scroll.
example:- (replace with your actual identifier)
browser.executeScript('arguments[0].scrollIntoView(true)', <yourelement>.getWebElement());
Option 2:-
Find the identifier of element on which scrollbar is applied and use below code.
var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;
let me know if still facing issue.
answered Nov 21 at 6:51
Yash Jagdale
1
answered Nov 21 at 6:51
Yash Jagdale
1
answered Nov 21 at 6:51
Yash Jagdale
1
answered Nov 21 at 6:51
Yash Jagdale
1
1
what is the content of the getWebElement()?
– nhoyti
Nov 21 at 23:04
getWebElement returns the WebElement represented by this ElementFinder.
– Yash Jagdale
Nov 22 at 6:19
Which option worked for you? Option 1 or Option 2?
– yong
Nov 23 at 3:25
Option 1 is worked for me.
– Yash Jagdale
Nov 24 at 4:32
add a comment |
what is the content of the getWebElement()?
– nhoyti
Nov 21 at 23:04
getWebElement returns the WebElement represented by this ElementFinder.
– Yash Jagdale
Nov 22 at 6:19
Which option worked for you? Option 1 or Option 2?
– yong
Nov 23 at 3:25
Option 1 is worked for me.
– Yash Jagdale
Nov 24 at 4:32
what is the content of the getWebElement()?
– nhoyti
Nov 21 at 23:04
what is the content of the getWebElement()?
– nhoyti
Nov 21 at 23:04
getWebElement returns the WebElement represented by this ElementFinder.
– Yash Jagdale
Nov 22 at 6:19
getWebElement returns the WebElement represented by this ElementFinder.
– Yash Jagdale
Nov 22 at 6:19
Which option worked for you? Option 1 or Option 2?
– yong
Nov 23 at 3:25
Which option worked for you? Option 1 or Option 2?
– yong
Nov 23 at 3:25
Option 1 is worked for me.
– Yash Jagdale
Nov 24 at 4:32
Option 1 is worked for me.
– Yash Jagdale
Nov 24 at 4:32
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53403803%2fhow-to-access-scroll-bar-inside-the-div-using-protractor-for-e2e%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
